Responsive Web Design with HTML5 and CSS3
Getting Started with HTML5, CSS3, and Responsive Web Design
Why smart phones are important (and old IE isn't)
Are there times when a responsive design isn't the right choice?
Defining responsive web design
Why stop at responsive design?
Examples of responsive web design
CSS3 enables responsive designs and more
Can HTML5 and CSS3 work for us today?
Responsive web designs are not magic bullets
Educating our clients that websites shouldn't look the same in all browsers
Media Queries: Supporting Differing Viewports
You can use media queries today
Why responsive designs need media queries?
Stopping modern mobile browsers from auto-resizing the page
Fixing the design for different viewport widths
With responsive designs, content should always come first
Media queries—only part of the solution
Fixed layouts aren't future proof
Why proportional layouts are essential for responsive designs
Amending a design from fixed to proportional layout
Using ems rather than pixels for typography
Serving different images for different screen sizes
Where fluid grids and media queries come together
What parts of HTML5 can we use today?
New semantic elements in HTML5
Practical usage of HTML5's structural elements
Adding accessibility to your site with WAI-ARIA
Adding video and audio the HTML5 way
CSS3: Selectors, Typography, and Color Modes
What CSS3 offers the frontend developer
Vendor prefixes and how to use them
New CSS3 selectors and how to use them
Help—my CSS3 @font-face headings look messy
New CSS3 color formats and alpha transparency
Responsive considerations for CSS3
Bringing CSS3 properties together
Sizeable icons which are perfect for responsive designs
CSS3 Transitions, Transformations, and Animations
What CSS3 transitions are and how we can use them
Dabbling in CSS3 3D transformations
Conquer Forms with HTML5 and CSS3
How to polyfill non-supporting browsers
Solving Cross-browser Responsive Challenges
Progressive enhancement versus graceful degradation
Should you fix old versions of Internet Explorer?
Modernizr—the frontend developer's Swiss army knife
Changing navigation links to a drop menu (conditionally)