List of HTML5 Resources

Dec 13, 2012   //   by prasad   //   CSS, HTML5, Jquery, UI Elements, Web Design  //  Comments Off

CSS3

Frameworks

An Intro to Backbone.js: Part 1 – Models and Collections – Liquid MediaAppleInsider | SproutCore debuts new HTML5 web development toolsBackbone.jsBackbone.js tutorial « the meta cloudBuilding a single page app with Backbone.js, underscore.js and jQuery | &yet | the blogDailyJS: Tagsgist: 704930 – Minimal example of data handling in Backbone.js- GitHubHTML5 and microformats for pragmatistsjQuery – YUI3 Rosetta StonejQuery vs MooTools: Choosing Between Two Great JavaScript FrameworksKnockout : HomeRightJS: Welcome Home!Sample Controlsscript for playing with greenhouse on a demo app – SproutCore | Google GroupsSlideshare MobileSproutCore – Demos & Sample CodeSproutCore Documentation / DataStore Abouttodos.jsTutorials:How jQuery Works – jQuery JavaScript LibraryUnderscore.jsUnify ProjectYUI3 vs jQuery

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
4.8.6 The video element — HTML5
Embed Audio and Video in HTML 5 Pages | Webmonkey | Wired.com
Video on the Web – Dive Into HTML5

Canvas

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

Creating mobile Web applications with HTML 5, Part 1: Combine HTML 5, geolocation APIs, and Web services to create mobile mashups

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

HTML – Miscellaneous

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

JavaScript – UI Libraries

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

Tools – Doc Generation

DailyJS: Let’s Make a Framework: Writing Documentation
docco.coffee
Google JavaScript Style Guide
JSDoc Homepage – JavaScript Documentation Tool
PDoc

Tools – IDEs

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)

Tools – Message Bus

kwhinnery/appcelerator_mq – GitHub
TIBCO PageBus Developer Center at TIBCO Developer Network

Tools – Performance

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

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

Wrapper Apps

Assorted GARbage» Blog Archive » Adding a Splash Screen for Android using PhonegapNimbleKit – Smart kit for fast iPhone apps developmentPhoneGapUse Appcelerator Titanium to build mobile apps for iPhone & Android and desktop apps for Windows, Mac OS X & Linux from Web technologies

Comments are closed.