HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Hirvesh Munogee02/12/13
3593 views
0 replies

HTML5 Audio Player - Fully Featured Music Player With Last.fm Artworks

HTML5 Audio Player is a fully featured HTML5 audio player with a nice UI. It is very lightweight in size, weighing in at only 14KB and supports Last.fm artworks.

Raymond Camden02/12/13
2484 views
0 replies

jQuery Example: Related, hidden selects

This request came in from a reader and I thought I'd share it. I'm not sure how re-usable it is for others, nor will I promise that it is The Best jQuery Code ever. (Far from it.) But on the off chance the example helps others, I wanted to post it.

Raymond Camden02/12/13
2059 views
0 replies

Quick Example of Chrome JavaScript Hot Swapping

This morning I read an nice blog entry about Chrome JavaScript hot swapping: The Chrome Javascript editor can do hot swapping. I liked the article but wanted to try it myself to see it in action.

Hirvesh Munogee02/11/13
2799 views
0 replies

Harmony - A jQuery Publisher-Subscriber Framework For Building Web Applications

Harmony is a lightweight jQuery based library which implements the publisher-subscriber pattern for building web applications.

Raymond Camden02/11/13
1955 views
0 replies

PhoneGap 2.4.0 Released

The title pretty much says it all. PhoneGap 2.4.0 was released today. You can read the official blog entry on it here: PhoneGap 2.4.0 Released.

Mariano Vazquez02/11/13
5656 views
0 replies

Creating Triangular-shaped DIVs with shadow using CSS

In this post, I'm going to explain how you can add a shadow to a triangular-shaped div using only HTML elements & pure CSS.

Hemanth Madhavarao02/11/13
1589 views
0 replies

Better HTML password fields for mobile?

There is a particular issue that most of us would have noticed with few mobile devices in portrait with T9 (predictive_text) enabled : "To avoid prediction we have to use a lot of spaces and backspace."

Jos Dirksen02/10/13
4157 views
0 replies

Chrome and Firefox: Desktop Notifications

In this article we'll very quickly look at the state of desktop notifications. For desktop notifications there is currently a W3C specification, but there aren't any implementations of this standard yet.

Hirvesh Munogee02/10/13
2127 views
0 replies

Zimit Framework - A Responsive Prototyping Framework For Web Developers

Zimit is a responsive prototyping framework for front-end web developers. All the components of the Zimit framework has been styled to a specific standard and the framework uses LESS to achieve modular and scalable CSS.

Hirvesh Munogee02/09/13
2193 views
0 replies

demarcate.js - An In-Page jQuery Based Editor For Markdown

demarcate. js is a jQuery plugin which allows you to directly edit a page’s HTML code and generate the equivalent Markdown code from it.

Hirvesh Munogee02/09/13
2193 views
0 replies

demarcate.js - An In-Page jQuery Based Editor For Markdown

demarcate. js is a jQuery plugin which allows you to directly edit a page’s HTML code and generate the equivalent Markdown code from it.

Paul Hammant02/09/13
2767 views
0 replies

Angular Instead of Media-Queries

I feel there is an element of “tail wagging the dog” about CSS driving more sweeping experience changes. I’m not sure CSS is the place for something that feels like conditional logic.

Christopher Bennage02/08/13
3142 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
3023 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
3422 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
2416 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.

Hirvesh Munogee02/07/13
5949 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
4221 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
4794 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 Underwood02/07/13
1824 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/06/13
2553 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
1935 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
6686 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.

Paul Hammant02/06/13
3833 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.

jb j02/05/13
2462 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.