HTML5

Resource (external link)

Modernizr is a handy JavaScript library that detects the capabilities of the browser viewing your site, and then dynamically adds classes to the <html> root element on the page, based on what it detects. You can then write your CSS and jQuery selectors using these classes. An example use would be to detect support for the @font-face CSS property (I am doing that on this site). You can also use it to detect support for various HTML5 elements. I have also heard of people using it to make their sites more mobile browser-friendly.

Portfolio Piece
  • Modified JavaScript provided by vendor that dynamically replaced Flash video players with HTML5 <video> elements. Modifications included JavaScript logic to display playlists (vendor version of script only displayed latest video from top playlist), additional CSS, and other changes.
  • Directed video producers to export video files in mobile-friendly MP4 format with H.264 compression.