Did you know? DZone has great portals for Python, Cloud, NoSQL, and HTML5!
HTML5 Zone is brought to you in partnership with:
  • submit to reddit
Chris Shiflett05/19/12
817 views
0 replies

JavaScript Study Guide

A few months ago, I wrote about learning JavaScript. I'm already pretty comfortable with the language, and although I did break the chain, I'm happy to report that I'm still at it. Never stop learning, right?

Hirvesh Munogee05/21/12
86 views
0 replies

CSS3 PIE - CSS3 Decorations For IE 6-9

PIE stands for Progressive Internet Explorer. It is an IE attached behavior which, when applied to an element, allows IE to recognize and display a number of CSS3 properties.

Jos Dirksen05/21/12
127 views
0 replies

HTML5: Remotely vibrate a phone with morse code using web sockets and the vibrate API.

A couple of days ago I ran into the W3C Vibration API, which reached "Candidate Recommendation" status last week (8th of May). This API allows you, as the name might suggest (unless you have a very dirty mind), access to the vibrate functionality of your device

Andrew Trice05/21/12
71 views
0 replies

Prototypal Inheritance & Strategies for Debugging Tough Problems

Prototypal inheritance gives you the ability to change the behavior of objects at runtime, and it can be incredibly powerful in building your HTML/JS applications.

Kristof Degrave05/18/12
500 views
0 replies

Using LINQ to Indexed DB

More on Linq2indexeddb: while the library is still under development, I want to take some time to explain how you can use this framework, and show how easy it makes working with Indexed DB.

Raymond Camden05/18/12
1487 views
0 replies

Setting up Console Debugging for PhoneGap and Android

In case you haven't figured it out yet, debugging in mobile is "sub-optimal". (Whatever you do - don't do a Google Images search on sub-optimal.) Brian Leroux has an epic presentation on the topic and I highly encourage taking a look through it. I thought I'd share how I'm debugging in PhoneGap and Android right now.

Chris Smith05/17/12
1477 views
0 replies

CoffeeScript Style Guide

The syntax of CoffeeScript is beautiful; but the syntax of Latin is beautiful too, and yet 'Amo Caesarem' is not very lovely in style. So what makes good CoffeeScript style?

Andrew Trice05/17/12
341 views
0 replies

Odd WebKit Bug with Elements

I stumbled upon a really odd bug in my current project, which I can only attribute to the WebKit browser engine, since I was able to recreate this in a UIWebView on iOS (in PhoneGap) and in Chrome on OS X – WebKit is the common engine in both.

Sagar H Ganatra05/16/12
419 views
0 replies

CSS media queries in JavaScript

I was wondering if JavaScript can be used to update the elements in page, say changing the source attribute of an image based on the device width. Turns out there is a function matchMedia which accepts a media query string as input and returns the result.

Robert Diana05/15/12
1429 views
0 replies

HTML5's Value for Mobile Event Apps

Current mobile technology has several deficiencies that make it not only expensive to implement, but it also limits the types of devices that can access a particular app.

Hirvesh Munogee05/14/12
499 views
0 replies

PanoJS3 - An Interactive JavaScript Widget For Panning And Zooming A Panoramic Image

PanoJS3 is an interactive JavaScript widget for panning and zooming a panoramic image stitched together dynamically from smaller tiles.

Andrew Trice05/14/12
578 views
0 replies

A Response to “Shell Apps and Silver Bullets”

There is an article floating around the web today, warning against “Shell Apps” and tools like PhoneGap. The logic in this article has a few arguments that are misleading, and I’d like to introduce some counter arguments as they relate to PhoneGap and HTML experiences for comparison.

Paul Hammant05/14/12
2088 views
3 replies

Application Development Glass Ceilings

Sometimes in app-dev we’re using technologies that have a delayed cost. Simple to use now, but with shortcomings that mean that later features might be much harder to add. The term ‘Glass Ceilings’ (whilst classically meaning something else) seems to apply here.

Catalin Red05/13/12
1959 views
0 replies

A Simple, Clean, Attractive CSS3 Signup Form

If you’re about to launch a new web product or you just need to improve the user experience for an existing web form, then this tutorial is for you. In this article you’ll find out how to design a clean and attractive CSS3 signup form.

Jorge Ramon05/12/12
992 views
0 replies

How-to: Define Application Icons in Sencha Touch

Sencha Touch provides a means to define these icons in the Application Class. The icons will be shown on the home screen for iPhone and iPad applications.

Hirvesh Munogee05/12/12
1663 views
0 replies

Pie Menu - a Path-Like Menu Using jQuery And CSS3

Pie Menu is a Path-like menu using jQuery and CSS3. It's simple and fully customizable, with easy to follow instructions on how to implement it.

Andrey Prikaznov05/11/12
1791 views
0 replies

Make Web Forms Look Like Vintage 1960s Typed Forms

Remember those old, Courier-font, typewritten forms from the last century? They still feel extra 'official' -- and now here's a set of CSS styles that make your HTML forms look just like that.

William Soprano05/11/12
2057 views
0 replies

The HTML5 Connectivity Revolution

Video and slides of Peter Lubbers's presentation at Devcon5; middleware with HTML5 and new features are brought up in this discussion.

Raymond Camden05/10/12
1513 views
0 replies

Converting a dynamic web site to a PhoneGap application

Earlier today a reader asked me about the possibility of converting his mobile-friendly site into a "real" application via PhoneGap. I told him that this could be very easy.

Catalin Red05/10/12
908 views
0 replies

Cool headings with pseudo-elements

So, why pseudo-elements? The answer is very simple: there is no need to add extra markup. This fit perfectly for the heading we’re going to create here.

Angus Croll05/09/12
882 views
0 replies

ES.next Needs You!

The next JavaScript specification is moving towards completion. TC39, the technical committee charged with creating ES.next (also known as ES Harmony, and sometimes ES 6) has already tentatively approved a number of proposals and there are a bunch more straw men awaiting approval. TC39 includes some of the finest minds in JavaScript (not least, Brendan Eich himself) but as Jeremy Ashkenas famously cautioned “JavaScript is too important to be left to the experts”. They need our help.

Raymond Camden05/09/12
796 views
0 replies

Example of Intents with PhoneGap

I did some research and discovered that (as far as I could tell), the Wikipedia app was making use of an Android feature called Intents. Good thing there's already a plugin for it!

Eric Genesky05/08/12
284 views
0 replies

Integrating your Application into Windows 8 Metro

Today the menu is about integrating your application into Windows 8 Metro. The first part of the integration was done with the snapped views and settings but it is now time to finish the job with: Search contractShare contractFile picking contractLive...

Sagar H Ganatra05/08/12
1895 views
0 replies

Using HTML5's FullScreen API

I've been looking into ways in which a web application can be made more user friendly, and HTML5 does include some powerful features such as PageVisibility, Navigation Timing, etc,. that can be used to provide good user experience. Today I was looking into the FullScreen API, which allows you to show any of the elements in the DOM in Full-Screen mode. Here's the code I came up with.

Hirvesh Munogee05/08/12
607 views
0 replies

Mojito - An MVC Application Framework Built On YUI3 For Agile Development Of Web Applications

Mojito is an MVC application framework built on YUI 3 that enables agile development of Web applications. Mojito allows developers to write client and server components in the same language (JavaScript), using the same framework.