10. Responsive Web Design
• Works across multitude of devices
• Optimized for screen resolutions, not
screen sizes
• Unified code base
Monday, November 7, 11
11. Design
• Focus on the content first
• Make sure its readable on variety of
resolutions
• Design around main content
Monday, November 7, 11
12. Design
• Optimal images - Do you really need that
image?
• Easy to touch controls - Not necessarily
larger. Can use spacing
• Clear and concise navigation
Monday, November 7, 11
13. Development
• Avoid hover effects
• Avoid horizontal scrolling
• Keep the page light
Monday, November 7, 11
19. Yahoo’s Site
• Focused on the content
• Browsing to more content is prominent
• Everything on the initial page is all about
the content
Monday, November 7, 11
20. Examples in Motion
• A few different example sites
Monday, November 7, 11
28. Sencha Touch
http://www.sencha.com/products/touch/
Monday, November 7, 11
29. Dojo Mobile
dojoToolkit.org/features/mobile
Monday, November 7, 11
30. The M-Project
• Think of it as jQuery Mobile with
the added bonus of a NodeJS
based build tool - Christina Warren
• the-m-project.net
Monday, November 7, 11