Navigation¶

• Main Page
  

• Random Page
• Create a new Page
• All Pages
• Categories
• Navigation Paths
  

• Administration
• File Management
  

• Create Account
  

HTML5

• Why validation matters
• HTML5 hype vs. reality - infographic
• Adobe HTML site - new April 23, 2012
  

• Canvas tutorials
  

• WebForms2 - library to add support for HTML5 form features to older browsers
• Build video code for you
• HTML5 please
• HTML5 patterns for form fields
• Wix online website builder - previously Flash based site, now HTML5
• Online video converter - for Theora OGG conversion, etc.
• Web Storage support test - does local storage work on your browser?
  

• 2011 An Event Apart Boston - links - covers HTML5, CSS-3, UX and more
• Switch to HTML5 now
• Problem with HTML5 audio
• HTML5 and accessibility
• IBM article on HTML5 fundamentals
• drag and drop planning board in HTML5
• HTML5 apps used more than web
• Understanding HTML5 semantics - by Stephanie Rewis
• Primitives of HTML5 - Paul Irish slides
• How modern browsers work
• Reasons to use HTML5 now
• Online HTML5 tools for designers
• Brief history of HTML5
• 23 useful HTML5 tools
• HTML5 multimedia and accessibility
• Working with HTML5 canvas, 5 minute tutorial
• Top 20 HTML5 games
• HTML5 vs. Flash infographic
• HTML5 element flowchart
• 35 HTML5 tutorials
• Flash centric misconceptions of HTML5
• Create HTML5 audio visualizations
• iOS LocalStorage is broken - moved to caches and cleaned up when iOS deems appropriate
• State of HTML5 video
• History of HTML5 - also added image to Pinterest
  

• Brian Leroux - PhoneGap and PhoneGap Build overview
  

• What is HTML5?
• Bob Dylan meets HTML5 - YouTube video
• Cut The Rope game in HTML5
• Canvas implementation of video - you can blow up parts of the video as it is running (best to use Chrome or Safari) - Big Buck Bunny
  

• HTML5 specification at W3C site
• HTML5 schemas (mostly in Relax NG)
• HTML5 author view - probably most useful to students
• 2006 version - historical reference
  

• HTML5 section elements and accessibility
  

• HTML5 cheat sheet
• HTML5 Doctor
• When can I use?
• HTML5 accessibility features - supported in various browsers
• HTML5 test for browser - identify a score for a your browser of choice as to what HTML5 features it supports.
• HTML5 mobile boilerplate - beta last time I checked
• HTML5 outliner- can use as extension or bookmarklet
• Alternative to HTML5 placeholder
• Expressive Web - Adobe examples of HTML5 and CSS-3
• Mobile browser compariosn - and more
• HTML5 cheat sheets
• Periodic table of HTML5 elements - can test various sites to see what they are using
• HTML5 bookmarks - lots of solid links
• WuFoo - current state of HTML5 forms
  

• Test how your browser fares at rendering HTML 5
• Google Chrome Frame for IE - allows for more advanced uses of Canvas Element, etc. in IE
  

• HTML5 X-Icon Editor (requires IE 9 for best interactions)
• Explanation of how to use HTML5 X Icon Editor
  

• Most pressing Accessibility Issue in HML5 - video is most pressing accessibility issue
• Future Web Accessibility HTML5 video
• HTML5 Simple Quiz - think you know HTML5, review these postings
  

• Every Time Zone - relies on Canvas Element
• Graph.tk - relies on Canvas Element
• HTML5 Gallery
• MugTug - relies on Canvas Element
• WeaveSilk - done with Canvas element, but uses XHTML1.1 DTD - curious
• Firefox demo sites - promoted with release of Firefox 4
• Matrix Resolutions - MeyerWeb fun example
• HTML5 sticky thing - example of canvas
• Shiny demos - HTML5 and CSS-3 examples from Opera developers
  

• Simple HTML5 Video with Flash Player fallback - Opera Developer site
  

• 25 examples of HTML5 canvas implementations
  

• Example using canvas for mouse trails
  

Interesting apps and tutorials¶

• Radi - unfortunately app is Mac only
• HTML5 document outline revisited - perhaps for discussion in HTML5 class
  

Uses¶

• Yoko Media Queries HTML5 WordPress theme
• Responsive design illustrated
  

What happens after HTML5¶

• HTML Next