Generators. jQuery Mobile. CSS3. Javascript. Build a responsive site in a week: designing responsively (part 1) HTML5. Responsive Navigation Patterns. Update: I’ve also written about complex navigation patterns for responsive design.
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. Page Description Diagrams. The page description diagram is a design artifact developed by Dan Brown to take design out of wireframes by describing content areas of the page.
The approach provides functional specifications and interaction requirements, and lays out blocks of content without limiting the designer's ability to make decisions in the visual design. They are not necessarily meant to replace wireframes, but may be used in conjunction with them. Creative Interaction Design Tools & Experiments - ZURB Playground - ZURB.com. Orbit: jQuery Image Slider Plugin from ZURB - ZURB Playground - ZURB.com. 1.3.0 (1/25/2012): Add custom events to allow control via custom JavaScript.
Fixed intermittent loading issue on Chrome. Fixed IE issues.