The Mobile Book: Links and References

On this page we collected all links from the Mobile Book for your convenience. Please bear in mind that the content or designs may have changed in some cases.

You might want to check as well:

Chapter 1: What's Going On in Mobile

Written by Peter-Paul Koch

Links

Chapter 2: The Future of Mobile

Written by Stephanie Rieger

Links

Footnotes

  1. Mobile 3.0 Arrives
  2. Touchscreen
  3. Android activations in September 2012
  4. Ten In Ten: Ten Technology Trends That Will Change The World In Ten Years
  5. Bill of Materials
  6. "Moore's law on chips marks 40th"
  7. Flycatcher computer chip
  8. Watching TV while using a device is often referred to as “dual-screen behavior.” An Internet search for this term will return the most up-to-date studies.
  9. The Smart Fridge Finds the Lost Lettuce, for a Price
  10. Connected Car
  11. iPads Increasingly Crop Up on Restaurant Menus for Ordering
  12. Traffic Light Control and Coordination
  13. SFpark
  14. Union Pacific Delivers Internet of Things Reality Check
  15. Clothes Hangers Show Real-Time Facebook Likes
  16. IPSO Alliance
  17. Scott Jenson
  18. Electronic Paper
  19. Project Glass on Google+
  20. Octopus Card
  21. Smart Posters
  22. NFC Forum: Frequently Asked Questions.
  23. Starbucks Mobile Applications
  24. Square
  25. Samsung TecTiles
  26. Device APIs Working Group
  27. History and progress of current Device API initiatives
  28. James Pearce - This Web Goes to 11 - BDConf, April 2012
  29. WebAPI
  30. Mozilla Gains Global Support for a Firefox Mobile OS
  31. Sensor API Specification
  32. WebIntents

Chapter 3: Responsive Design Strategy

Written by Trent Walton

Links

Footnotes

  1. Responsive Web Design
  2. Demo of flexible foundation
  3. { box-sizing: border-box } FTW
  4. Responsive Web Design: preserving images aspect ratio
  5. FitVids.js
  6. Creating Intrinsic Ratios for Video
  7. ImageOptim
  8. Smush.it
  9. dContruct optimisation
  10. Shifticons
  11. Pictos
  12. HTML for Icon Font Usage
  13. Symbolset
  14. CSS 2.1: Recognized Media Types
  15. CSS3 Media Queries
  16. Basic media query demo
  17. Media Query splitting
  18. The EMs have it: Proportional Media Queries FTW!
  19. PXtoEM
  20. Respond.js
  21. JS Bin
  22. CodePen
  23. Style Tiles
  24. Demo: The Bunch and Slide
  25. Demo: The Slide and Float
  26. Demo: The Squishy Flexbox
  27. Flexbox specification and Comparing the old and new specification
  28. Responsive Image Hierarchy
  29. Demo: Flexmedia
  30. Choose a comfortable measure
  31. Fluid Type
  32. Responsive Measure
  33. FitText
  34. Demo: FitText
  35. Molten Leading
  36. Gimme Bar collection of front-end style guides
  37. Twitter Bootstrap

Chapter 4: Responsive Design Patterns

Written by Brad Frost

Links

Footnotes

  1. Front-end Style Guides
  2. Starbucks Style Guide
  3. Style Tiles
  4. Pears
  5. Responsive Design Patterns
  6. Multi-Device Layout Patterns
  7. MediaQueri.es
  8. Off Canvas Multi-Device Layouts
  9. Responsive Navigation Patterns
  10. Rethinking the Mobile Web
  11. Responsive Navigation Patterns
  12. The Semantic, Responsive Navicon
  13. Build a smart mobile navigation without hacks
  14. A plea for progressive enhancement
  15. Complex Navigation Patterns for Responsive Design
  16. We need a standard show navigation icon for RWD
  17. Performance Implications of Responsive Design
  18. Conditional Loading for Responsive Designs
  19. Modernizr
  20. Using navigator.connection on Android 2.2+
  21. Quickconcat
  22. HTTP Archive stats
  23. Conditional Loading for Responsive Designs.
  24. An Ajax-Include Pattern for Modular Content
  25. Southstreet
  26. Creating a Mobile-First Responsive Web Design
  27. A framework for discussing responsive images solutions
  28. Media Query & Asset Downloading Results
  29. High DPI images for variable pixel densities
  30. Symbolset
  31. Pictos
  32. Retina sprites
  33. Responsive Images
  34. Picturefill
  35. Overview of Responsive Images Solutions
  36. Retina iPads
  37. Retina Revolution
  38. How to use src.sencha.io
  39. Adaptive Images
  40. Creating Intrinsic Ratios for Video
  41. Fitvids
  42. Responsive Google Maps
  43. FitText
  44. Slabtext
  45. A new Microsoft.com
  46. Github, Molten-Leading
  47. Is There Ever A Justification For Responsive Text?
  48. Dabblet
  49. Responsive Data Table Roundup
  50. Opt-Out Responsive Design

Chapter 5: Optimizing For Mobile

Written by Dave Olson

Footnotes

  1. Smith, Aaron. “Cell Internet Use 2012
  2. Grigsby, Jason. “Going Fast on the Mobile Web,” SlideShare, 18 Sep 2008
  3. HTTP Archive, Trends, 14 Oct 2012
  4. HTTP Archive, Trends, 14 Oct 2012
  5. Grigorik, Ilya. “Latency: The New Web Performance Bottleneck,” igvita.com, 19 Jul 2012
  6. Podjarny, Guy. “The Mobile Difference in Numbers,” SlideShare, 26 Jun 2012
  7. Browserscope
  8. Equation Research, “What Users Want From Mobile,” Compuware, Jul 2011
  9. Grigsby, Jason. “Performance Implications of Responsive Web Design,” SpeakerDeck, 26 Jun 2012
  10. Media Query and Asset Downloading Results
  11. Grigorik, Ilya. “Debunking Responsive CSS Performance Myths,” igvita.com, 14 Jun 2012
  12. Mobitest
  13. Webpage test
  14. Slideshare test
  15. PCAP Web Performance Analyzer
  16. Mobile Perf
  17. YSlow
  18. DOM Monster
  19. SpriteMe
  20. Bookmarklet cssess
  21. Charles
  22. Throttle
  23. REDbot
  24. mod gzip
  25. mod deflate
  26. Joshua Bixby, “Early findings: Mobile browser cache persistence and behaviour,” Web Performance Today, 12 July 2012
  27. YUI Compressor
  28. YUI online
  29. Velocity 2011
  30. quickconcat
  31. minify
  32. Better WordPress Minify
  33. Kraken Image Optimizer
  34. Smush.it
  35. ImageOptim
  36. Riot
  37. jpeg techniques
  38. png techniques
  39. Non-blocking Javascript Downloads
  40. defer-support
  41. async-support
  42. W3C: Web Storage
  43. Github, lscache
  44. basketjs
  45. Fixing Application Cache Community Group
  46. appcache douchebag
  47. Mobile browser cache persistence and behaviourand Mobile Browser Cache Sizes
  48. Google Code blog
  49. Heise's jQuery Plug-In
  50. base64 image
  51. font squirrel
  52. css sprites
  53. javascript dom
  54. fast buttons
  55. microjs
  56. JavaScript Performance Patterns
  57. slideshare adaptation
  58. Github, profile
  59. Server-Side Mobile Web Detection Used by 82% of Alexa Top 100 Sites
  60. RESS: Responsive Design + Server Side Components
  61. Device Atlas
  62. 51 degrees
  63. wurfl
  64. ua-parser
  65. Cutting The Interrogation Short
  66. Modernizr
  67. Modernizr server
  68. ua-parser
  69. detector
  70. detector tutorial
  71. Future Friendly

Chapter 6: Hands-On Design For UX

Written by Dennis Kardys

Links

Footnotes

  1. Hara, Kenya. “Designing Design,” Lars Muller Publishers, 2008
  2. Kahneman, Daniel. “Thinking Fast and Slow, Farrar, Strauss and Giroux,” 2011
  3. Wikipedia, “Moore’s Law”
  4. The Big Think: Breaking the Deliverables Habit
  5. Sketching User Experiences
  6. Adam Connor and Aaron Irizarri’s blog, “Discussing Design”
  7. Rachel Hinman: “The Mobile Frontier”, BD Conference, April 2012
  8. Communicating Design
  9. Drawing Is Thinking
  10. The Messy Art of UX Sketching
  11. UX Sketching and Wireframing Templates for Mobile
  12. Uistencils
  13. UX Pin Mobile Kit for iPhone
  14. Interface Origami
  15. Content Strategy for the Web
  16. Responsive Workflow: A Future-Friendly Approach
  17. Ditch Traditional Wireframes
  18. Prototyping
  19. How to Prototype and Influence People
  20. FluidUI
  21. Axure
  22. Bootstrap
  23. Foundation
  24. Boilerplate
  25. jQuery Mobile
  26. Style Tiles
  27. Pattern primer
  28. The style prototype
  29. Teehan + Lax

Chapter 7: Designing For Touch

Written by Josh Clark

Links

Footnotes

  1. Lukew
  2. Mobile First
  3. AdAgeMobile
  4. Brilliant Experience
  5. Re-imagining Apps for Touch
  6. Media Queries
  7. iOS Developer Library
  8. Dev Center - Windows Store apps
  9. Fitt's law
  10. Github, browser ninja
  11. The Boston Globe

Errata

Although we tried to do our best to avoid any mistakes or errors in the book, we did make some mistakes. We apoplogize for that. Here is the list of the mistakes we've found so far (you can also report mistakes and errors in the book):