Mobile Web Resources
One of the most frequent questions I get asked about the mobile web is “Where do I go to learn about all this stuff?” So here’s an extensive list of helpful tools and resources that can help you create great mobile web experiences.
@@@@@
Articles
Some relevant reads about or around the mobile web
- Email on Mobile Devices
- Responsive Navigation Patterns
- Implementing Your Mobile Strategy (PDF)
- A Tel Tale Sign
- Conditional Loading for Responsive Design
- Strategies for choosing test devices
- Test on Real Mobile Devices without Breaking the Bank
- Support Vs. Optimization
- The ‘Trouble’ with Android
- Links Don’t Open Apps
- Mobile Web Apps Versus Native Applications
- “Native Vs Web” Is Total Bullshit
- Raising the Bar on Mobile
- Fixed Positioning for Mobile Browsers
- Content First
- A Richer Canvas
- Mobile web content adaptation techniques
- Data URIs
- Of Sites and Apps
- Getting Mobile-Ready: Creating a Mobile-Optimized Website
- Why Separate Mobile & Desktop Web Pages?
- 45 most useful guidelines for mobile web design & development
- Touch Gesture Reference Guide
- Progressive Enhancement from Mobile Design and Development
- About Yiibu’s Site
- Mobile Usability
- Look Ma, no toolbar!
- On Mobile Context
- Progressive Enhancement 101: Overview and Best Practices
- Mobile-First Responsive Web Design
- There Is No Mobile Web
- Not a mobile web, merely a 320px-wide one
- One Web
- W3C ‘One Web’
- Focus on Context, Goals, and Needs
- Images and Objects
- Forms
- Mobile Design
- Effective Design for Multiple Screen Sizes
Bookmarklets
Books
Books about the mobile web or about important techniques and concepts that can be applied to the mobile web.
- Mobile Design Pattern Gallery
- jQuery Mobile: Up and Running
- Flexible Web Design
- Mobilizing Web Sites
- Head-First Mobile Web
- Build Mobile Websites and Apps for Smart Devices
- Dive into HTML5
- HTML5 For Web Designers
- Mobile First Book
- The Elements of Content Strategy
- Prototyping: A Practitioner’s Guide
- Web Form Design: Filling in the Blanks
- Mobile Design
- Responsive Web Design by Ethan Marcotte
- Programming the Mobile Web
- Mobile Design and Development
- Designing with Progressive Enhancement
- Beginning Smartphone Web Development
- Adaptive Web Design by Aaron Gustafson
Detection
Detection tools are important, from detecting device attributes from databases of thousands of devices, to frontend feature detection.
Frameworks
Galleries
JS Libraries
Presentations
- Mobile Prototyping Essentials
- For a Future-Friendly Web
- Mobile Device APIs
- Adaptation
- Responsive and Responsible
- Selling the Mobile Web
- Pragmatic Responsive Design
- There Is No Mobile Web
- How I learned to stop worrying and set my mobile web sites free
- Optimizing for Mobile Performance
- Developing A Progressive Mobile Strategy
- Buttons Are a Hack (PDF)
- Selling the Mobile Web
- Mobile Web High Performance
- Mobile First
- Structured Content First
- Rethinking the Mobile Web
- Muddling Through the Mobile Web
- Mobile Web Performance Optimization
- It’s About People, Not Devices
Scripts
Sites
- HTTP Archive
- Style Tiles
- Brad Frost Blog
- Opera Mobile Dev Resources
- WTF Mobile Web
- Planet Mobile Web
- Google GoMo
- Facebook’s Network Speed Optimizations
- Future Friendly
- Beyond Mobile
- Mobile HTML5
- Learn the Mobile Web
- mobiThinking Best Practices
- Unstoppable Robot Ninja
- pinch/zoom
- Build Mobile
- Mobile Bits
- Google Page Speed
- Yahoo’s Best Practices for Speeding Up Your Web Site
- CSS3 Please
- Breaking Developers Conference
- Mobile Web Mailing List
- Adactio
- Mobify Blog
- Yiibu
- W3C Mobile Web Best Practices
- Quirksmode
- mobiForge
- Luke Wroblewski
- Forum.Nokia
- Cloud Four Blog
Statistics
Templates
Testing
Various Tools
- HTTP Archive
- BrowserStack
- Wireframe Kits for Keynote
- Adobe Shadow
- Responsive Is – Screen size tester
- Android Design Templates
- Ringmark
- Firefox for Android on Desktop
- FlexNav
- Conditional Responsive Slideshow
- jqMobi
- Opera Dragonfly
- Opera Mobile Emulator
- Opera Mini Simulator
- Blaze IO Mobile Performance Test
- Loadtimer
- JSConsole
- PhoneGap Debug
- A Fix for the iOS Orientationchange Zoom Bug
- iWebInspector
- Swipe
- Weinre
- Nimblekit
- A Toolset For Managing Screen Resolutions
- Adaptive Images
- Dojo Mobile
- jQTouch
- Forum Nokia mobile web templates
- Sencha Touch
- jQuery Mobile
- Appcelerator Titanium
- Modernizr
- Zepto.js
- Jo
- XUI
- MicroJS
- Mobile Emulators & Simulators: The Ultimate Guide
- Responsive Images
- Detect Mobile Browser
- 320 and Up
- Mobile Perf
- YSlow Mobile Bookmarklet
- Mobile Boilerplate
- DeviceAtlas
- WURFL
- Mobile Web Mailing List
- Phonegap
- Sencha IO