38. New Icons
Challenges
• No scalable image format that works
everywhere
• Different performance metrics on desktop
and mobile
• Can’t optimize CSS with a client-only
solution
39. New Icons
Solutions
• SVG data-URIs with PNG fallbacks
• PNG as external images and data-URIs
• Defaults to SVG + external PNG
• unoptimized CSS, no config, works everywhere
• Opt-in for better performance
• optimized based on capabilities, requires config
40. CSS Framework
• Useful with and without JavaScript
• Useful for prototyping like Bootstrap
• Shared between both projects
• Preferably shared with other JS libraries
41. Widgets That Work
Everywhere
• Widget Factory
• Common API & Extensibility
• Pointer Events
• Interaction Abstraction
• CSS Framework
• Responsive Design
42. Widget Factory
• Provides a common API for all widgets
• Manages widget lifecycle and state
• Manages event binding and unbinding
• Provides extension points
43. Mobile Widget Factory
• No more $.mobile.widget
• Just enhances the base widget
• Automatic initialization for all widgets
• Automatic data-attribute parsing
44. Mobile Widgets
Outside of Pages
• Prior to jQuery Mobile 1.4, widgets were
tightly coupled with the page system
• Now all work standalone
• One step closer to UI/Mobile merge
46. New Widget:
Filterable
• Born from the listview filter extension
• Dynamic filtering for any set of elements
• Defaults to the element’s text, but can be
overridden
48. Form Controls
• Enhancements for all native controls
• Consistent styling for all forms
• More styling for existing widgets
• Shared widgets between UI and Mobile
49. Web Components
• Investigating how to transition
• Making sure the spec solves real problems
• Not quite there yet
• If you’re interested, check out Polymer