User Tools

Site Tools


eg-259:rest-of-html5

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
Last revisionBoth sides next revision
eg-259:rest-of-html5 [2013/02/28 21:18] – [So How Do We Use HTML5/CSS3/New JavaScript APIs Now?] eechriseg-259:rest-of-html5 [2013/02/28 21:21] – [Homework Exercises] eechris
Line 135: Line 135:
 ===== So How Do We Use HTML5/CSS3/New JavaScript APIs Now? ===== ===== So How Do We Use HTML5/CSS3/New JavaScript APIs Now? =====
  
-Some features can be implemented in JavaScript using "[[http://remysharp.com/2010/10/08/what-is-a-polyfill/|polyfills]]" (named after Polyfilla^TM^)+Some features can be implemented in JavaScript using "[[http://remysharp.com/2010/10/08/what-is-a-polyfill/|polyfills]]" (named after Polyfilla)
     * For example the [[http://code.google.com/p/webforms2/|webforms2]] library will add cross-browser support for the new input types and validation attributes     * For example the [[http://code.google.com/p/webforms2/|webforms2]] library will add cross-browser support for the new input types and validation attributes
     * You can use [[http://www.useragentman.com/blog/2010/07/27/cross-browser-html5-forms-using-modernizr-webforms2-and-html5widgets/|html5widgets]] or jQuery UI widgets to implement UI features such as date pickers, sliders and number spinboxes     * You can use [[http://www.useragentman.com/blog/2010/07/27/cross-browser-html5-forms-using-modernizr-webforms2-and-html5widgets/|html5widgets]] or jQuery UI widgets to implement UI features such as date pickers, sliders and number spinboxes
Line 167: Line 167:
  
   * You load them as you would any other JavaScript library or script.   * You load them as you would any other JavaScript library or script.
-  * The main difference between a polyfill and something you might write yourself is that care is taken to match the specification of the feature it is emulating.+  * The main difference between a polyfill and something you might write yourself is that care has been taken to match the specification of the feature it is emulating.
  
 ===== Example ===== ===== Example =====
Line 202: Line 202:
  
   - Implement a cross-browser date picker that implements the HTML5 date-time field.   - Implement a cross-browser date picker that implements the HTML5 date-time field.
-  - **Challenge**: use feature detection and polyfills to provide a full cross-browser implementation of Coursework 1+  - **Challenge**: use feature detection and polyfills to provide a full cross-browser implementation of [[last year'Coursework 1]]
  
  
eg-259/rest-of-html5.txt · Last modified: 2013/02/28 21:22 by eechris