HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Christopher Bennage02/08/13
3001 views
0 replies

Getting Started With JavaScript... Again

Everyone wants to learn JavaScript. So, like me, you probably already kinda maybe knew JavaScript. But times have changed and now it’s a serious language. How do you get up to speed? Here’s what I did.

Joost Van Schaik02/08/13
2820 views
0 replies

A KnockOut.js binding helper for a JQuery Mobile Slider

I tried to find a way to bind a JQuery Mobile slider to Knockout.js. That’s not supported out of the box, so you have to make or find a customer ‘binding helper’ and I found so much examples that were plainly wrong or incomplete that I had to blog mine, which is complete and actually works.

Sandeep Patel02/08/13
3239 views
0 replies

CSS3 Transitions: A Small Tutorial

Here's a very quick tutorial on CSS3 transitions, with illustrations and a code snippet.

Hirvesh Munogee02/08/13
2295 views
0 replies

Roole - A CSS Preprocessor With Built-In Vendor Prefixing

Roole is a CSS preprocessor which allows you to write code which compiles down to CSS. Roole is inspired from other preprocessor language like SASS, LESS and Stylus.

Paul Underwood02/07/13
1717 views
0 replies

Alert Theme Users To Required Plugins

In this tutorial we are going to go over the steps on how theme developers can provide the user with alert messages to tell the user to download certain plugins to increase the functionality of their site.

Hirvesh Munogee02/07/13
5201 views
0 replies

HTML5 Drag & Swap - A Simple Drag & Replace jQuery/Zepto Plugin

HTML5 Drag & Swap is a simple lightweight Zepto plugin which allows you to implement a drag and replace interface for elements.

Raymond Camden02/07/13
3997 views
1 replies

Playing with SVG and JavaScript

For some reason, I never took a real good look at SVG (MozDev link) in the past. I knew, conceptually, that it was a way to describe graphics in XML format and I knew Adobe had a large amount of history/support behind it, but I never really thought it was useful for what I do in my day to day work. That was until last week when a reader sent in an interesting question.

Lorna Mitchell02/07/13
4599 views
1 replies

9 Magic Methods in PHP

The title is a bit of a red herring as PHP has more than 9 magic methods, but these will get you off to a good start using PHP's magic methods. It might be magic, but no wands are required!

Paul Hammant02/06/13
3617 views
0 replies

The Importance of the DOM

This article looks a little deeper into the importance of the DOM as a intermediary, and points out some of the strengths and weaknesses of it. The DOM, of course, is the Document Object Model within a browser, that models the content and layout of a page.

Hirvesh Munogee02/06/13
2408 views
0 replies

Groundwork - A Powerful, Flexible & Responsive Frontend Framework

Groundwork is a powerful, flexible and responsive frontend framework which allows you to create responsive designs which work basically on any device.

Axel Fontaine02/06/13
1832 views
0 replies

The perils of the missing javascript block scope

Javascript variable scope is something of a strange thing. You have a global and a function scope. But unlike most other languages, there is no block scope! This is often a cause for hard to find bugs.

Hirvesh Munogee02/06/13
6167 views
0 replies

Cool Kitten - A Parallax Scrolling Responsive Framework

Cool Kitten is a parallax scrolling responsive framework which allows you to create parallax effect on website easily. Not only the framework allows you to create parallax designs, it allows makes them responsive.

jb j02/05/13
2276 views
0 replies

Modern CSS3 techniques to embellish your website

The CSS3 specification allows front-end developers to create sophisticated visual effects to make websites look better. I have compiled over 10 new CSS3 techniques to embellish your website and give it a more professional look and feel.

Hirvesh Munogee02/05/13
2963 views
0 replies

Hint.css - A Tooltip Library In CSS

Hint.css is a tooltip library written completely in CSS. It’s originally written in SASS and uses only HTML/CSS to implement simple tooltips.

Hirvesh Munogee02/05/13
3043 views
0 replies

Lazy Line Painter - A jQuery Plugin For SVG Path Animation

Lazy Line Painter is a jQuery plugin which allows you to do SVG path animation. It works by converting your SVG line graphic to JavaScript code, then you import jQuery, Raphaël and the Lazy Line Painter jQuery plugin and voila – done.

Andrew Trice02/05/13
2173 views
0 replies

Video: Native vs. Hybrid vs. Web

Here’s a video from the “What Developers Love and Hate about iOS, Android, Windows and HTML5″ panel discussion that I took part in during MoDev East back in December. The panelists represented native app developers, HTML/web developers, and myself-representing the HTML/hybrid app paradigm.

Paul Hammant02/04/13
1981 views
0 replies

Application Development Glass Ceilings Revisited

I had previous written something on application development glass ceilings. To describe this I have always used the lack of a ‘image drop-down’ widget as the proof of the glass ceiling when developing web applications. I’m going to get into an solution for that today.

Raymond Camden02/04/13
2437 views
0 replies

Advice for a Server to Client Side Developer

Yesterday I got an email from a reader that meshes perfectly with what I presented on earlier in the week. Here is his email:

Hirvesh Munogee02/04/13
3356 views
0 replies

Flight - A Lightweight, Component-Based JavaScript Framework From Twitter

Flight is a lightweight, component-based JavaScript framework from Twitter. Unlike other JavaScript frameworks which are based around the MVC pattern, Flight maps behavior directly to DOM nodes.

Hirvesh Munogee02/04/13
3553 views
1 replies

modern.IE - Cross-Browser IE Testing Tools Suite

modern.IE is an undertaking my Microsoft to make cross-browser testing for the Internet Explorer browsers easier. Microsoft has created modern.IE to provide developers and designers with a suite of tools to facilitate IE browser testing.

Tim Spann02/03/13
1374 views
0 replies

CSS Links

Here is a collection of CSS links from MVB Tim Spann!

Hirvesh Munogee02/03/13
8709 views
0 replies

Nested - A jQuery Plugin For A Gap Free, Multi Column Grid Layout Experience

Nested is a jQuery plugin which allows you to create gap-free, multi-column layouts. Unlike other libraries and jQuery plugins similar to Nested, the latter allows you gap-free layouts, which save you some more space on your page.

Shannon Behrens02/02/13
1406 views
0 replies

Dart: Some Good Blog Posts to Read

The Dart community has been very active recently. Here are some blog posts you might want to check out...

Raymond Camden02/02/13
1189 views
0 replies

Latest presentations and materials

I'm still at a conference in San Francisco, but I thought I'd post up the links to my last two presentations. These links are both on Github and include an HTML-based slide deck and demos.

Hirvesh Munogee02/01/13
5639 views
0 replies

Textillate.js - A jQuery Plugin For CSS3 Text Animations

Textillate. js is a simple jQuery plugin which allows you to perform some neat CSS3 animations. It combines two powerful JavaScript libraries animate. css and lettering. js and provides a simple API for CSS3 animations.