Mobile Design Resources

A selection of resources for mobile web design and mobile apps

Visual and interaction design

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

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

Native app development

Mobile website coding

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

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

jQuery Mobile

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