2015
O'Reilly Media / Infinite Skills
Scott Davis
4:00
English
One website for all devices is the mantra of modern 21st century web development. In this video, web design guru Scott Davis offers a concise and practical look at the tools and design approach you need to ensure that your mobile website will look great on any device.
- Review three basic approaches to mobile app development: HTML 5, Native, and Hybrid
- Learn why responsive mobile sites display correctly on any device
- Discover proven techniques that solve the mobile-website-multiple-viewport problem
- Learn how declarative media queries in CSS3 simplify mobile orientation styling
- Discover Twitter Bootstrap, an easy method for creating mobile-friendly websites
- Learn HTML5 tricks for popping up a virtual keyboard, tapping a link to dial a phone, and more
- Make your mobile HTML5 app look like a native iOS or Android app in airplane mode
- Learn local storage techniques that make your mobile app run best when it goes offline
- Explore best practices for application caching in mobile apps
01. Introduction
0101 Welcome to the Course
0102 The Pre-iPhone Bad Old Days
0103 Agenda
02. A Tale of 3 Cities
0201 A Tale of 3 Cities
0202 Native or HTML5?
0203 The Pros and Cons of Native Mobile Development
0204 Hybrid Solutions
03. Viewport and Orientation
0301 Screen != Window != Viewport
0302 Screen Size != Screen Resolution
0303 Viewport Meta Options
0304 Media Queries and Orientation
04. Responsive Web Design
0401 What is RWD?
0402 Examples in the Wild
0403 Fixed vs. Relative
0404 Twitter Bootstrap
0405 HTML5 Input Types and Virtual Keyboards
05. Forms and Stupid Link Tricks
0501 Input Element Modifiers
0502 Stupid Link Tricks
06. Airplane-Mode Web Development
0601 iOS Mobile Web Apps
0602 Android Mobile Web Apps
07. Local Storage
0701 Going Offline
0702 Local and Session Storage
0703 Web SQL
0704 IndexedDB
08. Application Cache
0801 Far-Future Expires Headers
0802 AppCache
0803 Service Workers, Course Closing
oreilly.com, infiniteskills.com/training/responsive-mobile-architecture.html
Download File Size:1.05 GB
|
