CrashCourse

A Crash Course in Mobile Web Design

These are the video files for a video course I taught on Learnable (now Sitepoint Premium) back in 2011. The information is largely outdated due to the invention of responsive design, however it serves as an interesting historical note of how we used todo things before media queries existed so I thought I’d throw my successful course on GitHub for anyone who is interested!

Table of Contents

Overview Video (Trailer)

The Issues of Hardware and Software:

• Section 1-1 - The Five Ws of a Mobile Website
• Section 1-2 - From Desktops to Mobile Devices
• Section 1-3 - Really Unique Rendering Engines
• Section 2-1 - Limitations of Mobile Hardware
• Section 2-2 - Software Centered Considerations
• Section 2-3 - Emulation and Compatibility Testing

Decisions in Structure and Location:

• Section 3-1 - The Option of Not Optimizing Sites
• Section 3-2 - Stripping the Desktop Site Naked
• Section 3-3 - Embedding or Adapting your Site
• Section 4-1 - Separate and Redirect the Layout
• Section 4-2 - The Case for Building Mobile Apps
• Section 4-3 - Mobile Sites and Domain Names

How to Code for A Mobile Platform:

• Section 5-1 - Out with the Old, In with the New
• Section 5-2 - The Future of Plug and Play Assets
• Section 5-3 - Structuring Mobile Based Markup
• Section 6-1 - Consider Some Stylistic Flourishes
• Section 6-2 - Scripting Sites for Mobile Devices
• Section 6-3 - Tweaking Code for Mobile Devices

Design Theory for Different Devices:

• Section 7-1 - Getting Your Content Mobile Friendly
• Section 7-2 - Using Imagery in Mobile Websites
• Section 7-3 - Serving Handheld Audio and Video
• Section 8-1 - Essential Mobile Design Principles
• Section 8-2 - Some Theory and Rules of Durability
• Section 8-3 - Trial and Error or Test for Success

This site is open source. Improve this page.