Responsive cross-platform web apps: deliver the best UX across all the platforms
summary
Claims a working Backbone-based framework that targets phones tablets desktops and smart TVs and will be open sourced as x framework gs next week. Uses AMD-style components, Zepto/jQuery hooks and server-side device detection, consolidates pointer touch and click into a tap event adapter, and provides UI polyfills like a toggle and range. Components perform component lazy-loading with template caching and manifest refresh so only needed code and data load. Includes GPU animation tricks and routing/page-switching for native-like UX across platforms.
AI-written summary · about
chapters (17)
- 0:00Intro
- 1:01Web application vs website
- 5:35Responsive web design
- 8:20Mobile web
- 10:13Problems of web applications
- 13:03Frameworks
- 14:33Requirements
- 16:07Magic
- 17:15Core modules
- 20:38Interaction events
- 21:26Helpers
- 22:12Components
- 23:27UI Elements
- 23:55Communication mechanisms
- 24:38Improving the architecture
- 25:22Device detection
- 25:36Outro
related talks
38mDesigning True Cross-Platform Apps
33mBuilding with Web Components using X-Tags
28mBeyond Responsive: Building a mobile web you're f*ing proud of
25mProgressive Web Animations
30m"SolidJS: The Universal Renderer"
31mMaking the Jump: How Desktop-Era Frameworks Can Thrive on Mobile
50mQwik: A holly grail of progressive hydration for ultimate speed
32mMake Websites, Not Apps