|
|
|
|
| Tutorials |
|
We've found and cataloged a number of great web sites that will assist you in creating great mobile apps using HTML5 and CSS3.
HTML5 and CSS3 Demos
These HTML5 demos below show what is possible with the amazing capabilities of HTML5, CSS3, and JavaScript. You must use a WebKit-based browser to view the demos - Google Chrome, FireFox,Safari, or Opera. See what amazing things web designers can now do with HTML.
Apple's very nice HTML5 demo library
Here's a site you can spend hours on - an interactive HTML5 playground that lets you see samples, play with them, modify them. Kind of like a digital sandbox.
Google's HTML5 Rocks! Demo and Tutorial site
Can HTML5 and CSS3 animation kill Flash? You be the judge after looking through these compelling demonstrations of the power of HTML5 animation.
48 HTML5 demos
HTML5-based particle simulations, an etch-a-sketch, liquid simulations, and our favorite - the cloth simulation. All done without flash!
10 great HTML5 demos
If you are old enough to remember 8 bit game platforms, you remember "color cycling" based animation. It's very old school, but it's been rejuvenated in CSS3 with amazing results.
Amazing animations in HTML5 Canvas using old school color cycling
HTML5 and CSS3 Resources and Articles
How to use CSS3 transitions, transforms, and animations
Using CSS3 media queries to support different screen sizes
Ultimate roundup of HTML5 Tutorials
Table of CSS3 Color Names
HTML5 Tutorial Blog
Is your HTML5 sick? You need the HTML5 Doctor!
70 HTML5 & CSS3 Tutorials
A tabular list of CSS3 and HTML5 Support in different browsers
20 Great HTML5 and CSS3 Tutorials
60 HTML5 articles tutorials and resources
10 great HTML5 image galleries and sliders
HTML5 and Javascript speed improvement tips
How to design flexible Mobile UIs with CSS3
CSS3 Typography and text effects
A list of CSS3 style generation tools
A comparison of all WebKit browsers, with scores
jQTouch
jQTouch is a jQuery plugin for mobile app development. It offers a lot of advanced UI functionality with minimal programming.
jQTouch home page
A jQTouch "Cheat Sheet"
iPad
40 iPad app development tips
iPhone 4
Handling the iPhone4 Retina Display with CSS3
App design and development
Best practices for Mobile web design
Developing iPhone apps that have staying power
Reference guide for touch gestures
|
|
|
|
|
|
