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
* CSS Layouts
* Detection ScriptsHOUR 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 EnhancementHOUR 5: HTML for Responsive
Web Design
* Clean Code
* Don't Forget Semantic Elements
* Validating Your HTMLHOUR 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 SpecificityHOUR 7:Unobtrusive
JavaScript
* What Is Unobtrusive JavaScript?
* How to Implement Unobtrusive JavaScript
* How to Plan for a Responsive WebsiteHOUR 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 ExpressionsHOUR 11: Breakpoints* What Is a
Breakpoint?
* How to Define Breakpoints in CSS
* Optimal BreakpointsHOUR 12: Layout
* What Is Web Layout?
* Types of Layouts
* Columns in LayoutHOUR 13: Navigation* Why Responsive
Navigation Is Important
* What Makes Navigation Mobile Friendly?
* Basic RWD Navigation PatternsHOUR 14: Responsive Fonts and
Typography* Using Web Fonts
* Sizing Typography
* Relative Versus Absolute Font Sizes
* New CSS3 Measurement UnitsHOUR 15: Creating and Using Images in RWD* Making Images Responsive* Improving Download Speeds
* Building and Using Retina-Ready ImagesHOUR 16: Videos and
Other Media in RWD
* Making YouTube Videos ResponsiveHOUR 17: Tables in Responsive
Web Design
* Tables on Small Devices* Can Tables Be Responsive?
* Where Do Layout Tables Fit in RWD?HOUR 18: Responsive Web Forms* HTML5 Forms
* Making Web Forms Usable
* Creating Responsive FormsHOUR 19: Testing Responsive Websites*
Testing in Your Browser
* Testing in a Device for All Your Breakpoints
* How to Test When You Don't Have the Devices
HOUR 20: Problems with Responsive Web Design
* RWD Can Make More Work for Designers
* Not All Customers Like Responsive Sites
* RWD May Break Advertising
PART III: IMPROVING RESPONSIVE DESIGN* HTML Element and CSS Tools
* Web Editors for Building Responsive Web PagesHOUR 22: Device and Feature Detection* Why Use Detection Scripts
* Modernizr
* WURFLHOUR 23: Using RESS with RWD* What Is RESS?
* Benefits of Using RESS
* Getting Started with RESS
* When to Use RESS
HOUR 24:RWD Best Practices
* Give Everyone the Best Experience
* Use the Best Breakpoints You Can
* Be Flexible and Think Small
* Don't Forget the Content
* Manage Costs
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.
Ask a Question About this Product More... |