Responsive Web Design in 24 Hours, Sams Teach Yourself

PART I: INTRODUCTION TO RESPONSIVE WEB DESIGN HOUR 1: What Is Responsive Web Design? * History of Responsive Web Design * Why We Need Responsive Web Design HOUR 2: Alternatives to Responsive Web Design * Table-Based Layouts * CSS Layouts * Detection Scripts HOUR 3: The Growth of Mobile * Basic Cell Phones * Smartphones * Tablets * Retina Devices * Why Responsive Design Is Important HOUR 4: Progressive Enhancement * What Is Progressive Enhancement? * How to Use Progressive Enhancement on a * Website * Benefits of Progressive Enhancement HOUR 5: HTML for Responsive Web Design * Using HTML5 * Clean Code * Don't Forget Semantic Elements * Validating Your HTML HOUR 6: Basic CSS * How to Write CSS Rules * Embedded and External Style Sheets * Styling Fonts and Colors * Creating a Layout with CSS * Understanding Cascading and Specificity HOUR 7:Unobtrusive JavaScript * What Is Unobtrusive JavaScript? * How to Implement Unobtrusive JavaScript PART II: BUILDING A RESPONSIVE WEBSITE HOUR 8: Planning a Responsive Website * Should You Make Your Website Responsive? * How to Plan for a Responsive Website HOUR 9:Mobile First * Why Design for Mobile First? * What Makes a Site Mobile Friendly? * What About Mobile Only? HOUR 10: CSS Media Queries * What Is a Media Query? * Media Query Expressions HOUR 11: Breakpoints * What Is a Breakpoint? * How to Define Breakpoints in CSS * Optimal Breakpoints HOUR 12: Layout * What Is Web Layout? * Types of Layouts * Columns in Layout HOUR 13: Navigation * Why Responsive Navigation Is Important * What Makes Navigation Mobile Friendly? * Basic RWD Navigation Patterns HOUR 14: Responsive Fonts and Typography * Using Web Fonts * Sizing Typography * Relative Versus Absolute Font Sizes * New CSS3 Measurement Units HOUR 15: Creating and Using Images in RWD * Making Images Responsive * Improving Download Speeds * Building and Using Retina-Ready Images HOUR 16: Videos and Other Media in RWD * How to Make Videos Responsive * Making YouTube Videos

Jennifer Kyrnin has been teaching HTML, XML, and web design online since 1997. She has built and maintained websites of all sizes, from small, single-page brochure sites to large, million-page database-driven sites for international audiences. She lives with her husband and son and numerous animals on a small farm in Washington state.