HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Hubert Klein Ikkink02/17/13
2244 views
0 replies

Sass Snippets: Compact Syntax for Nested Properties

In CSS we can see properties that start with the same name, followed by a hyphen and then the rest of the name. With Sass we can use a different syntax for these kind of properties.

Paul Underwood02/16/13
1598 views
0 replies

Add Custom Image Sizes Into Media Library

The problem with custom images sizes is that the only way to use them is for the theme developer to insert them in the code. But what if you want the content editor to use these custom image sizes?

Andrew Trice02/16/13
2501 views
0 replies

Adobe Showing Some Love for HTML

Here at Adobe we’re showing our love for creating great HTML experiences – Just check out what we released today! All of these are available immediately via Adobe Creative Cloud subscriptions.

Robert Nyman02/15/13
2989 views
0 replies

WebKit: An Objective View

We would like to, in a factual manner, break down what the possible outcomes of having a majority of web browsers based on WebKit are, for web browser vendors and developers alike.

Zac Gery02/15/13
3862 views
0 replies

A Crash Course In CSS Sprites

The concept of a sprite has been around since the 1970s. Fast-forward a few decades and the concept of sprites re-emerged in modern web design. Without any special modifications, CSS was able to embrace sprites and reap the benefits.

Andrzej Krzywda02/15/13
2534 views
1 replies

Frontend First

In most of the typical situations, it's much better to start with a Single Page Application and use LocalStorage or some kind of a InMemoryServerSideAdapter for the first phases of the development.

Hirvesh Munogee02/15/13
3037 views
0 replies

Kimbo.js - A Fast & Lightweight ECMAScript 5 Only Compatible JavaScript Library

Kimbo.js is a fast and lightweight ECMAScript 5 only compatible JavaScript library. Kimbo.js tries to take advantage of newer native JavaScript functions without adding extra code for supporting older browsers.

Allen Coin02/14/13
3005 views
0 replies

Opera Moves to WebKit, Hits 300 Mil. Users

Opera has announced that for all of its new products will use WebKit as its rendering agent and V8 for its JavaScript engine. But what does this mean for developers and users?

Hirvesh Munogee02/14/13
2211 views
0 replies

Tecate.js–A jQuery Plugin For In-Page HTML Validation

Tecate.js is a jQuery plugin which allows for in-page HTML validation. Tecate.js automatically checks for common HTML writing mistakes like matching tags, general bad syntax.

Robert Nyman02/14/13
2511 views
0 replies

The WebKit culture & web rendering engine diversity

Yesterday Opera announced that they’re moving from their own web rendering engine, Presto, to WebKit. I thought I’d express my thoughts on this – what it means and what I’m afraid developers erroneously will believe it means.

Raymond Camden02/14/13
3000 views
0 replies

Getting a quota error with Google and you've barely touched your limit?

I spent the last 30 minutes or so trying to figure out why in the heck my simple Google Maps demo was giving me an error in the console. The "site" in question was localhost and I knew I was nowhere near my 25,000 daily limit.

Hirvesh Munogee02/13/13
6091 views
0 replies

Parallel.js - A JavaScript Library For Parallel Computing Using Web Workers

Parallel. js is a JavaScript library which allows you to perform multi-core processing in JavaScript. Despite fast JavaScript engine like Google V8 engine, JavaScript is inherently single-threaded.

Krishna Prasad02/13/13
4502 views
0 replies

Latest in JQuery, Javascript frameworks for Web development

Responsive Web Design is a useful paradigm where in your build a web application and it runs on any device, adjusting itself with the layout. There are a few JQuery frameworks which enable this.

Hirvesh Munogee02/13/13
3423 views
0 replies

threesixty.js - A jQuery Plugin For Creating Draggable 360s

threesixty. js is a simple jQuery plugin which allows you to create draggable 360s easily. You can then use your mouse to drag the image generated to view it in 360 degree view.

Martin Fowler02/13/13
1881 views
0 replies

TransparentCompilation

Debugging environments are getting pretty nifty these days, but they are all in terms of the HTML/CSS/JavaScript triad. So it's important that you understand how your input language translates to its executable target.

Paul Hammant02/12/13
2033 views
0 replies

Push or Pull Decorators

Decorators are the HTML page processing pipelines things that wrap pages in other pages to make more of a site experience. You’d use them to typically add masthead stuff at the top of a page, navigation panels at the left and/or right, and standardized footer stuff.

Hirvesh Munogee02/12/13
3398 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
2346 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
1918 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.

Mariano Vazquez02/11/13
5249 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.

Hirvesh Munogee02/11/13
2676 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
1872 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.

Hemanth Madhavarao02/11/13
1521 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."

Hirvesh Munogee02/10/13
2004 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.

Jos Dirksen02/10/13
3887 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.