Aug 23, 2011
HTML5 Web Camp Resources
For folks who are attending (or will be attending) one of our HTML5 Web Camp events in DC, PA, or Florida, here are links to the decks and sites we used and discussed:
- Rachel's Decks
- Chris' Decks
- Chris' big batch of HTML5, CSS3, etc. goodness
- My Graphics and UI (CSS3/Canvas/SVG) Deck:
- My Practices and Adoption deck:
- Mike Wolf's deck on HTML5 from the Trenches:
I'll keep updating this post with additional resource (including the deck and resources from our guest presenter Mike Wolf), as I get them.
Links of interest:
- 320 and Up - Mobile HTML5 Framework for Media Queries
- FontSquirrel - free WOFF fonts for use with @font-face
- Great big list of Polyfills and Shims
- Modernizr - HTML5/CSS3 feature detection made simple.
- YepNope.js - dynamic script loader, based on feature detection results
- CanIUse? - Exhaustive, searchable listing of which features are supported by which browsers/versions.
- CSS3 Click Chart - Visual demo of the major CSS3 features.
- Prefixr - create the necessary vendor-specific CSS3 prefixes from the standard property syntax.
- MakeAwesomeWeb - great site for fun and useful tools/sites for HTML5/CSS3/Javascript.
- CSS Tricks - CSS, well, um...tricks.
- Inkscape - free vector graphics editing tool. Uses SVG for its native storage.
- ResponsivePX - site for testing media query based layouts.
- http://slidesha.re/CSS3MQ - Nice deck explaining why we should love CSS3 Media Queries.
- http://buildmypinnedsite.com/ - easy way to take advantage of IE9 site pinning.
- Text-Shadow Polyfill for IE - nice polyfill library, simple to use.
- jQuerify Bookmarklet - dynamically load jQuery for any website. Great for debugging.
- JavaScript References - get Intellisense in Visual Studio for your own Javascript files and libraries.
- The Shape of CSS - See just how crazy you can get with CSS alone.