Mobile Design Resources

A selection of resources for mobile web design and mobile apps

Visual and interaction design

Fluid UI - iPhone & Android Mobile Mockups

Rich interactive wireframes to define web and mobile applications

Photoshop and Illustrator tools and techniques

iPhone and iPad Design Templates and How to Use Them

Mobile design considerations

Considerations for Mobile Design (Part 1): Speed

Considerations for Mobile Design (Part 2): Dimensions

Considerations for Mobile Design (Part 3): Behavior

Mobile Marketing Tips: Making Your Website Mobile Friendly

Device Experiences & Responsive Design

Effective Design for Multiple Screen Sizes | mobiForge

A List Apart: Articles: A Pixel Identity Crisis

A List Apart: Articles: Put Your Content in My Pocket

A List Apart: Articles: Put Your Content in my Pocket, Part II

Mobile Web Design: Best Practices

Android Patterns

Android UI Design Patterns: Smartphone UI Patterns

Patterns - Theresa Neil

Inspired UI

lovely ui

Mobile UI Patterns

A tale of two viewports — part two

Browser compatibility — viewports

First, Understand Your Screen « James Pearce

Browser compatibility — viewports

First, Understand Your Screen

UX and Mobile Design: 2012's Challenges and Opportunities

7 Tips To Make Your Web Site Mobile-friendly

Mobile platforms

iOS

iOS Dev Center

iPhone and iPad Design Templates and How to Use Them

Flowchart for how to "retinify" your images

Designing for the iPhone 4's Retina display

Designing for Retina display, part 2

Hollance: iPad + iPhone App Development

Mobile Developer Tips

Ray Wenderlich | Tutorials for iPhone / iOS Developers and Gamers

iPhone Life | Home

Using Build and Version Numbers and the Art of Injecting Them into Your App

Mobile Safari GestureEvent API Reference

Mobile Safari TouchEvent API Reference

Custom Icon and Image Creation Guidelines

iOS Human Interface Guidelines

User Experience Coding How-To's for Safari on iPhone

Android

FunctionSource: A day in the life of Android WebKit dealings

Targeting Screens from Web Apps | Android Developers

Android Design - Patterns

Targeting Screens from Web Apps | Android Developers

Android SDK

Android Developer Resources

Blackberry

BlackBerry - Java Application Development

BlackBerry - WebWorks Development

Windows Phone

Windows Phone Development

Native app development

Mobile website coding

Introducing smartphone Googlebot-Mobile

Less+ Framework | Webbyrå Norrköping Angry Creative

Responsive design

Responsive Web Design

Device Experiences & Responsive Design

Responsive IMGs — Part 1 Cloud Four Blog

CSS Media Query for Mobile is Fool’s Gold Cloud Four Blog

Responsive Images: How they Almost Worked and What We Need

LukeW | Multi-Device Web Design: An Evolution

Responsive Design: 160 useful tools, plugins and resources - WebDesignShock

Adaptive Images in HTML

Fluid Images

320 and up

Responsive Web Design Techniques, Tools and Design Strategies

Device Classes & Responsive Design

Responsive Web Design: What It Is and How To Use It

Responsive Web Design with HTML5 and the Less Framework 3

Mobile web frameworks and libraries

Mobile Boilerplate

Responsive Design: 160 useful tools, plugins and resources - WebDesignShock

Mobile Frameworks Comparison Chart

What Company Provides the Best HTML5 Framework and Toolset?

Retina Images

Hide the address bar in a mobile web app

Building Mobile Web Apps the Right Way: Tips and Techniques

Create custom jQuery mobile themes

Flash to Focus on PC Browsing and Mobile Apps; Adobe to More Aggressively Contribute to HTML5

Promote your mobile web application by helping users bookmark it

Add to home screen

Fluid Baseline Grid - A sensible HTML5 and CSS3 development kit

320 and up

Sencha Touch

jQuery Mobile

Adapt.js - Adaptive CSS

Modernizr

Mobile HTML and CSS tutorials

How to serve high-resolution website images for retina displays

Full Screen Web Apps

Mobile Web Development Tools

Sneakpeekit | Sketch sheets for Web Designers

Adobe Shadow | preview mobile web - Adobe Labs

Mobile Browser Detection

Detect Mobile Browsers - Open source mobile phone detection

Targeting Screens from Web Apps | Android Developers

Official Google Webmaster Central Blog: Mo’ better to also detect “mobile” user-agent

mobileesp - MobileESP - Google Project Hosting

Final User Agent String for Firefox 4

HTML5 APIs for Mobile Apps

Mozilla WebAPI

Appcache Facts

Working Off the Grid with HTML5 Offline - HTML5 Rocks

Mobile Safari GestureEvent API Reference

Mobile Safari TouchEvent API Reference

Mobile design training

Mobile market data

2012 Mobile Future in Focus - comScore, Inc

Gartner Says Sales of Mobile Devices in Second Quarter of 2011 Grew 16.5 Percent Year-on-Year; Smartphone Sales Grew 74 Percent

Nearly half of American adults are smartphone owners

Nielsen: 66% of Americans ages 24-35 own a smartphone

Mary Meeker's Latest Incredibly Insightful Presentation About The State Of The Web

Online Marketing Trends: Mobile Internet vs Desktop Internet: Data Insights

Survey: New U.S. Smartphone Growth by Age and Income | Nielsen Wire

Global mobile statistics 2012

iOS & Android Shatter Records on Christmas Day

Mobile phone sales statistics for 2011

Our Mobile Planet - Mobile Usage Data

Global mobile statistics 2011 mobiThinking

Gartner Says 428 Million Mobile Communication Devices Sold Worldwide in First Quarter 2011, a 19 Percent Increase Year-on-Year

jQuery Mobile

Want to suggest an addition? Please send us a note.