arrow_back Mobile First (lecture: 15 minutes)
Responsive Web Design patterns
Submitted by Arpan CJ (@arpancj) on Thursday, 23 May 2013
Technical level: Advanced
How to implement a few common responsive web design patterns.
- Column Add/Drop: A single column mobile layout is gradually converted to a multi-column layout as the screen size increases | eg: http://ideadevice.com
- Column Split/Merge: | eg: http://thegreatdiscontent.com/
- Layout Shift: Change the layout significantly for different screen sizes. | eg. http://foodsense.is/
I've been a web designer & developer for the last 9 years. For the last couple years, I have focused on on cross-device UI design, specifically in creating web sites & web apps that work well across various screen sizes & resolutions.