About this web app
In this multi-device single-page webapplication, for obvious reasons, there's no place for jQuery. Some micro javascript libraries are used for common features: microjs.com.
![Multi-device strategies rule](media/images/multi-device.jpg)
Breakdown
JavaScript
- Structured JavaScript (OOP, Namespace, Local scope)
- Page states (Routing / history)
- Event handling (Delegation)
- Dom ready
- Templating
- Feature detection
- Custom utils
HTML5
- Semantic markup
- Data attributes
CSS3
- Media Queries
- Transitions
- Transforms
- Smart selectors
Resources
What Paul Irish learned from jQuery
Javascript
- Micro javascript libraries: http://microjs.com
- Templating: http://javascriptissexy.com/handlebars-js-tutorial-learn-everything-about-handlebars-js-javascript-templating/
- Event delegation: http://craig.is/riding/gators
- HTML5 selector API: http://slides.html5rocks.com/#new-selectors
- Routing: https://github.com/flatiron/director
- Domready: https://github.com/ded/domready
- Feature detection: http://modernizr.com/
- Add to home screen: http://cubiq.org/add-to-home-screen
- Fixed headers & footers: http://cubiq.org/iscroll-4
- File and module loader: http://requirejs.org/
- Responsive images: https://github.com/scottjehl/picturefill
HTML5
- Semantic markup: http://slides.html5rocks.com/#semantics-markup-title
CSS3
- Presentation & styling: http://slides.html5rocks.com/#css3-title
- Responsive grid: http://mourner.github.io/dead-simple-grid/