The Mobile Web

mobile-web

# THE MOBILE WEB

## Planning
* Demographic Analysis
* Setting Up a Test Bed
* Statement of Work (SOW)
* Setting & Managing Expectations

## Design
* Content First and then Mobile First, well Second…
* The Pixel is Dead: Get Wet with Liquid Layouts
* Where possible, design for CSS

## No Mans Land
* Responsible Asset Usage & Preparation
* Vectors vs Raster Graphics for the Retina Revolution
* Get Creative With Fonts

## Development
* Less is More
* Modular Blocks & Components
* Progressive Enhancement vs Graceful Degradation
* Responsive Design vs Mobile Only
* CSS is your Friend
* Test, Test, Test
* Iterative Feedback Loops

## Inspiration: Immerse Yourself!
* Media Queries: http://mediaqueri.es/
* FWA Mobile: http://www.thefwa.com/mobile/
* Mobile Patterns: http://www.mobile-patterns.com/
* Pttrns: http://pttrns.com/
* Mobile Developer Web Developers: http://youtu.be/yS7SkQXISz8

## Tools
* http://placeit.breezi.com/
* http://iconmonstr.com/
* http://icomoon.io/
* http://icomoon.io/app/
* http://fortawesome.github.io/Font-Awesome/
* http://responsive.io/

## THANKS!