• Mobile use will overtake desktop access
• Mobile use will become default media access
• Lines between mobile and desktop access blurs completely

• Do nothing
• Mobile specific website
• Native Mobile App
• HTML App
• Responsive website

• Responsive websites
• Mobile first

• Media Queries
• Fluid Grid

Start low - Aim high

• More than screen size
• Bandwidth
• Processing power
• CSS support
• JS support
• Hardware support

• Distribution
• Deployment
• Future Proof
• Web as platform
• Skills

• Assume the worst
• Prepare for the best
• Progressive enhancement
• HTML for content
• CSS for presentation
• JS for behaviour

• Contraints drive Focus
• One eye – One thumb
• Less screen size – no clutter
• Less power - no frivilous animation

• Capabilities drive Innovation
• Location detection
• Touchscreen gestures
• Hardware access

• Sell the process
• Understand the medium
• Focus on Speed

• Traditional Design process
• Photoshop
• Client expectations
• Pixel perfection
• Old Browsers
• Emerging Solutions

• Rejig CSS
• Rethink design elements
• Goodbye FLASH

• http://www.lukew.com/
• http://futurefriend.ly/
• http://bradfrost.github.com/this-is-responsive/index.html
• http://styletil.es/
• http://www.quirksmode.org/