Going Deeper with jQuery Mobile
summary
Covers three concrete how-tos: creating custom icons (adds ~55 icons and packages Font Awesome into a ~240‑icon pack), themes (use ThemeRoller, require at least three swatches, ThemeRoller outputs a ZIP with both minified and full source CSS — keep the full file to reimport), and plugins (scaffold jQuery plugins with Grunt generator, include QUnit tests). Recommends designing icons at 36px source / 18px display for crisp Retina output; icon pack and plugins (autocomplete, tinySort wrapper) are published on GitHub and working.
AI-written summary · about
chapters (13)
- 0:00Start
- 7:17More icons are better
- 8:07Creating your own
- 10:59Adding your icon
- 14:31Button
- 15:03Built in themes are great
- 16:03Themeroller to the rescue
- 24:43From this...to this
- 26:10Why write my own plugin?
- 27:31Getting started
- 28:23How do i use it?
- 32:45Demo Time
- 33:48Resources
related talks
01h 01mjQuery Mobile: Building tools for a changing web
59mNew Adventures In Responsive Web Design
44mProgressive Enhancement on the Mobile Web
39mThe Death of Icon Fonts Component Based SVG Icon Systems
57mDo It With Style: Rethinking CSS
14mTech Snacks
04mMike Hostelter & Jonathan Sharp interviewed at OSCON 2010
43mGetting serious about Responsive Web Design