Oreilly - Responsive Web Design
by Wiley | Publisher: Wiley | Release Date: February 2013 | ISBN: 9781118942918
Master Responsive web design with this one-of-a-kind video training course. Responsive web design is a web design approach aimed at developing sites to provide an optimal viewing experience with easy reading and navigation across a wide range of devices, from mobile phones to desktop computer monitors to tablets. Now, you can learn the ins and outs of responsive design - from basic best practices to working with HTML5, CSS3, and JavaScript - with Responsive Web Design. Our instructors provide expert, straight-forward, user-friendly training to help you tackle new topics the way you want to learn. Master basic skills, boost your creativity, and challenge yourself in bold new directions. Discover what software, tools, and skills are required to create websites using responsive design techniques Build on your existing knowledge of HTML5 syntax, CSS3 styling, and JavaScript libraries. Understand the benefits and limitations of different online platforms on how to best scale your content to desktop and mobile formats. If you're looking for real-world Responsive Web Design instruction, you'll find it here. Lesson files for this course can be found here http://www.wiley.com/WileyCDA/Section/id-826189.html
- Lesson 1
- Pre-Requisites for Responsive Design 00:07:02
- Defining Responsive Web Design 00:11:26
- The User Experience Challenges of a Responsive Design 00:10:29
- Lesson 2
- Using HTML5 for Structure 00:12:27
- Styling with Web Fonts 00:10:31
- Styling Text with Ems 00:09:37
- Defining the Basic Text Styles 00:10:05
- Styling a Single-Column Layout for a Responsive Layout (Part 1) 00:09:46
- Styling a Single-Column Layout for a Responsive Layout (Part 2) 00:13:16
- Working with the CSS3 Text-Shadow Property 00:10:25
- Working with CSS3 Selectors 00:10:10
- Adding Responsive Images 00:07:45
- Lesson 3
- An Overview of Mobile Navigation 00:03:49
- Introduction to Media Queries 00:07:28
- Adding a Toggle Menu (Part 1) 00:08:19
- Adding a Toggle Menu (Part 2) 00:10:30
- Lesson 4
- Adding Styles for a Desktop Layout (Part 1) 00:11:20
- Adding Styles for a Desktop Layout (Part 2) 00:12:42
- Lesson 5
- Adding Mobile and Older Browser Support 00:06:50
- Testing your Responsive Design 00:05:25
- Improving Page Performance 00:09:34