Contents
Chapter 1: The Basics of Responsive Web Design
Chapter 2: CSS Layout Bootcamp
Display: Block, Inline, and Inline Block
Creating a Page with a Sidebar
Creating a Horizontal Menu in CSS
Setting up a New Responsive ASP.NET MVC Site
Revisiting the Three-Column Layout
Making Our Three-Column Layout Flexible
A Ten-Column Layout with Header and Footer
Chapter 4: Flexible Navigation
Making the Horizontal Menu Vertical
Turning the Menu into a Select
Creating Accordion-Style Navigation at the Top
Creating Off-Canvas Flyout Navigation
Solving for Resolution and Bandwidth
Chapter 6: Display Modes, View Engines, and Html Helpers
Step 1: Create an Empty ASP.NET MVC 4 or 5 Site
Step 2: Create the HomeController
Step 5: Create the CSS and JavaScript
Step 6: Create our Mobile Overrides
Setting Up a Windows Phone 8 DisplayMode
Chapter 7: Device and Feature Detection
Parsing User Agent Strings with WURFL
Device Detection versus Feature Detection
Always Reduce the Number of HTTP Requests as Much as Possible
Always Combine and Minify CSS and JavaScript
Always Cache Client-Side When Possible
Always Optimize where CSS and Scripts are Included in the Page
Consider Using a Content Delivery Network
Chapter 9: Native APIs, HTML5, and CSS3 on Mobile Today
Chapter 10: Programming for Touch
Gesture and Rotation Differences
Touch Screens, Touch Events, and Default Behavior
Building a Simple Touch Sample
Starting Implementation Using Mouse Events
Starting Implementation Using Touch Events
Starting Implementation Using Pointer Events
Chapter 11: Advanced Touch Programming
Making a Swipeable Image Widget
Scaling, Rotating and Moving Things
Chapter 12: Useful Libraries for Mobile