Presentation given at jQuery Europe 2014
Helpers:
Widget Based Architecture - http://franciscomsferreira.blogspot.co.at/2014/02/widget-based-architecture-mobile-web.html
Less Mixins to leverage browser detection - http://franciscomsferreira.blogspot.co.at/2013/12/less-pathways-using-mixins-browser.html
4. What to expect from this talk?
• What is an adaptive web site
• What is a responsive web site
• Responsive web widgets
• Building adaptive pathways with LESS
Mobile web
4
6. Strategies
• Classic (No mobile optimization)
• Adaptive (Different versions for different targets)
• Responsive (Auto adjusting design)
Mobile web
6
21. Intersection
• ‘w’ increases
– Different user journey
– Bigger code base
Adaptive web
Responsive Web
w
• ‘w’ decreases
– Similar journey
– One code base
Adaptive vs Responsive
21