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
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:22] (current) – [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 [[eg-259:cw1|last year'Coursework 1]]
  
 ===== What's Next? ===== ===== What's Next? =====
eg-259/rest-of-html5.1362086299.txt.gz · Last modified: 2013/02/28 21:18 by eechris