Following is a list of HTML5 (now just HTML), JavaScript, and CSS resources that I find very useful. I thought others might like a one stop place for such information as well. I will be continually updating this list, so that it that stays relevant. Feel free to email me or leave a comment with any resources that you find compelling and I’ll add them to the list!
EDIT January 30, 2012: It’s been nearly a year since I first posted this list, so much has changed since then. Rather than try to maintain this single post, I’ve created a github repository. Go there for the latest and greatest list. I encourage others to add their favorite links as well. I will keep this post active for posterity as well.
FYI, a year ago it was announced that henceforth, HTML5 would simply be known as HTML. Well, fast forward a year, and like it or not, it certainly appears that that the term HTML5 is alive and well. In fact, the HTML5 logo is littered throughout the web in support of this term. So much for Ian Hickson’s decree.
If you’d like these links in one file, that can be imported into a bookmarks manager (like Google Chrome), here you go: Bookmarks
Charting
CSS3
Frameworks
Frameworks – MicroFrameworks
- baseJS: A Mobile JavaScript Framework : Weblog : Paul Armstrong Designs
- Explaining EmbedJS « Uxebu.com – the Ajax and JavaScript Experts
- Hacker News | My question is if zepto.js is only 2k then why is jQuery 26k? What features are…
- XUI | javascript micro-framework
- zepto.js — the aerogel-weight mobile javascript framework
HTML Features
Audio & Video
Embed Audio and Video in HTML 5 Pages | Webmonkey | Wired.com
Video on the Web – Dive Into HTML5
Applications, games, tools and tutorials for the HTML5 canvas element – Canvas Demos
Canvas tutorial – MDC Doc Center
Let’s Call It a Draw(ing Surface) – Dive Into HTML5
Drag and Drop
HTML5 drag and drop in Firefox 3.5 – 0xDECAFBAD
Native Drag and Drop | HTML5 Doctor
Forms
Banish JavaScript in Web Forms with HTML5
HTML5 and Even Fancier Forms
HTML5 Web Form With (almost!) No JavaScript in Sight | Elated.com
GeoLocation
Offline Apps
Create offline Web applications on mobile devices with HTML5
HTML5 Client-side Local Storage
iphone – Html5 cache manifest in a UIWebView? – Stack Overflow
Local Storage – Dive Into HTML 5
Running your web applications offline with HTML5 AppCache – Opera Developer Community
Safari Client-Side Storage and Offline Applications Programming Guide: Introduction
Web Workers
- web workers vs. the crazy flies | JavaScript, JavaScript
WebGL
Lesson 0: Getting started with WebGL | Learning WebGL
WebGL examples
webglsamples – Project Hosting on Google Code
WebSockets
HTML5 Web Sockets: A Quantum Leap in Scalability for the Web | SOA World Magazine
Introducing Smoothie Charts « Joe Walnes
Jay Fields’ Thoughts: Clojure: Web Socket Introduction
joewalnes/webbit – GitHub
Real time online activity monitor example with node.js and WebSocket @ Bamboo Blog
Socket.IO: the cross-browser WebSocket for realtime apps.
Socket.IO: WebSockets for everyone by Guillermo Rauch – JSConf.eu ☠ 2010
Start Using HTML5 WebSockets Today | Nettuts+
HTML – Miscellaneous
- HTML5 Support in Internet Explorer 9
HTML5 Watch
HTML5Trends.com | HTML5 News | HTML5 Views | HTML5 Tutorials
Monster Review – HTML5 Up and Running « Keep an Open Eye Eye, Sir
W3C HTML5 Logo
WebKitBits · A tumblog about the browser engine built into Safari, Chrome, iPhone, and Android.
JavaScript – Miscellaneous
Badass JavaScript – Has.js: UA Sniffing Is Dead. Long Live JavaScript Feature Detection!
BorisMoore/DeferJS – GitHub
Enterprise JavaScript – Provides proven high performance, enterprise-level and scalable JavaScript tips and best practices.
Entity – JSON Alternative, XML Alternative.
Google Closure Compiler with jQuery applications – Stack Overflow
I was just thinking the same thing..: AJAX Push in iOS, Safari, and Chrome with Server-Sent Events
ialexi’s hedwig at master – GitHub
javascript – jQuery compiled with Google Closure Compiler – Stack Overflow
Javascript Game Development – The Game Loop · nokarma.org
jquery – How do I use Google Closure compiler to remove used JavaScript code? – Stack Overflow
LABjs Script Loader :: Home
RequireJS
Tutti – Multiple Browser Interactive Javascript Shell
wtfjs
yepnope.js | A Conditional Loader For Your Polyfills!
JavaScript – Server Side
- creationix/adventure – GitHub
danwrong/restler – GitHub
Express – node web framework
jed/fab – GitHub
node.js
Node.js Knockout
wadey/node-microtime – GitHub
JavaScript – UI Libraries
- Accordion v2.0 Demo
andyMatthews.net – Introduction to jQuery Mobile
Book Flip – JavaScript only.
Booklet – jQuery Plugin
ICanHaz.js | client-side templating with Mustache.js and jQuery or Zepto.js
Isotope
IT News Wire | Tag Archive | Sencha Touch
jQuery Mobile | jQuery Mobile
Kitchen Sink
NEW API (Bigger and Badder) | face.com
Processing.js
ruidlopes/minimal.js – GitHub
scripty2: for a more delicious web
Sencha – Sencha Touch Overview – Mobile Web App Development for Android & iPhone | Sencha Touch | Products | Sencha
Treesaver.js
Wink Toolkit
YUI Library Examples: Drag & Drop: Portal Style Example
Reference Books & Articles
- 28 HTML5 Features, Tips, and Techniques you Must Know | Nettuts+
30+ Very Useful HTML5 Tutorials, Techniques and Examples for Web Developers — tripwire magazine
6 Great Resources for HTML5 Mobile Web App Development « AppGym
A Book Apart, Welcome
Bill Higgins’ Blog : Ajax code loading optimization techniques
Building Web Pages With HTML 5 | Webmonkey | Wired.com
Designing a blog with html5 | HTML5 Doctor
Dive Into HTML5
Google JavaScript Style Guide
How to Make a Generic Javascript Method Closure | chrisspenblog
HTML 5 Tag Reference
HTML5 Boilerplates | HTML5 Doctor
html5 laboratory – writing a valid html5 document
HTML5 Playground
HTML5 Readiness
HTML5 Rocks – A resource for open web HTML5 developers
HTML5 Tutorial – Getting Started
iPhone Safari Dev Stuff -> Tech
Javascript Closures
Learn HTML5: 10 Must Read Lessons
Minimize payload size
Mobile Web Application Best Practices
Periodic Table of the Elements – Josh Duck
Script Junkie | How to Write Maintainable OO JavaScript Code
svendtofte.com – Curried JavaScript functions
Yahoo! Design Pattern Library
Testing
alexyoung’s riotjs at master – GitHub
An incomplete overview of webtesting tools
Browse test cases · jsPerf
drnic/jsunittest – GitHub
Fake – Mac OS X Web Browser Automation and Webapp Testing Made Simple.
js-test-driver – Project Hosting on Google Code
JSpec – JavaScript Testing Framework
tobie’s unittest_js at master – GitHub
void vs undefined · jsPerf
- DailyJS: Let’s Make a Framework: Writing Documentation
- docco.coffee
- Google JavaScript Style Guide
- JSDoc Homepage – JavaScript Documentation Tool
- PDoc
- Aptana | Download Aptana Studio 3.0.0
- Cloud9 IDE – Ajax.org
- Create a new Fiddle – jsFiddle – Online Editor for the Web (JavaScript, MooTools, jQuery, Prototype, YUI, Glow and Dojo, HTML, CSS)
- Axod’s Hack: Google Closure Compiler Advanced mode
- Benchmark.js
- Closure Compiler – Google Code
- codenothing’s css-compressor at master – GitHub
- CSS Compressor – Online code compressor for Cascading Style Sheets
- CSSTidy
- JavaScript dependency management and concatenation: Sprockets
- mir.aculo.us JavaScript with Thomas Fuchs » DOM Monster Bookmarklet
- YUI Compressor
Tools – Doc Generation
Tools – IDEs
Tools – Message Bus
Tools – Performance
User Interface/UX
- Best Examples Designs for Mobile Web Interfaces | DesignModo
- Creating Fast Buttons for Mobile Web Applications – Google Mobile Developer Products – Google Code
- FingerTips
- Not a mobile web, merely a 320px-wide one « James Pearce
- tinySrc
- User Experience Coding How-To’s for Safari on iPhone
Wapps
- Fingertips/ios-sim – GitHub
- Hiding Safari User Interface Components on iPhone – Stack Overflow
- How to Make an HTML5 iPhone App
Pingback: Sproutcore links and things #3 | gibbsonn
do you have a more updated list? It’s approaching a year old now, while a wonderful resource, you have mentioned yourself that you can miss something huge just by blinking. In one year I can imagine quite alot of progress/change in pretty much every section.
Thanks!
Thanks Madison, I was just thinking about that the other day. If I can find the time, I will try to update the list this weekend, and maybe streamline it as well. I’m flattered by your comment – I didn’t think anyone cared.
Great collection, it’s obvious that a lot of time and effort has been put onto it.
when reading @Madison’s suggestion, a related idea popped into my mind
Why not create a github repository, and port this list there, so that everyone can fork and contribute.
) to the community.
This will also alleviate the burden of keeping the list up-to-date from one individual (that’s you Gene
Just an idea.
Cheers.
Great idea Volkan – are you aware of any similar repositories on github that I can model it after?
Gene,
never did a similar repo research on github.
I’ll let you know if I coincide any.
Cheers.
Hi Gene,
Great list, although couple of links seem to be broken by now…
I actually published a beginners guide to HTML5 few days ago. It might be too easy for your visitors, but I thought that I would share it… Any feedback is much appreciated!
Anyhow, it’s located here: websitesetup.org/html5-beginners-guide/
Cheers,
Robert
Thanks Robert. Yes, this is the problem with maintaining such a list. If you could tell me which links are broken I will fix it. I should probably update the list anyway.
Nice cheat sheet btw.
Actually, I just realized you might be commenting on this list, which is definitely out of date. As mentioned in the second paragraph, it has been replaced with:
https://github.com/gloparco/Master-List-of-HTML5-JS-CSS-Resources
Even the list on github needs to be reviewed, as it is now 10 months old.