Responsive Design
Recommended Books
Using Susy with Rails
Download the following file [ sass.rb ] and place it in
"#{Rails.root}/config/initializers/"
Articles about Responsive design
- Mobile First Video
The video of Luke Wroblewski's talk at the LinkedIn Tech Talk series, where he makes the case for designing Web applications for mobile platforms first. - The 10 principles of mobile interface design
Jonathan Stark compiles the top principles of mobile interface design and explains how to take your mobile app from concept to completed design - Content for Mobile devices:
Designer, developer and mobile maven Josh Clark tells us that rather than stripping down, we should be asking how we can do more with the mobile experience. - Multi-Device layout patterns:
A catalogue of the most popular patterns for responsive designs. - Responsive Navigation Patterns:
Top and left navigations are typical on large screens, but lack of screen real estate on small screens makes for an interesting challenge. As responsive design becomes more popular, it’s worth looking at the various ways of handling navigation for small screen sizes. Mobile web navigation must strike a balance between quick access to a site’s information and unobtrusiveness. - A Responsive Design approach for Navigation:
a navigation list that adjusts to fit the size of the screen and adapts to differences in text sizing - Media Query & Asset Downloading Results:
Will your images be downloaded with media queries? - Pull down for navigation:
Another approach to designing the navigation for mobile devices. - Media Queries:
a gallery of responsive designs. - Touch Gestures:
touch gesture reference guide - Dribble: Adapted
Retrofitting a design to be responsive