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!
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: