by Tim Kadlec | Publisher: Peachpit Press | Release Date: March 2015 | ISBN: 9780133590821

Responsive design isn't merely another technique. It's a way of building sites and applications that requires a fundamental shift in approach. From planning to development, every aspect of building for the web is affected. This video course starts by explaining the three primary components of responsive design: fluid layouts, media queries and responsive images. With a firm understanding of those in place, we branch out and explore how responsive design impacts workflow, how to maintain the hierarchy of content, how to use feature detection to enhance the experience, how to organize your JavaScript to play along nicely, how to optimize responsive sites for performance—and more. Course objectives and goals: This course arms its students with the skills necessary to start building quality responsive sites today. By the end of the course, students will know how to: Use fluid layouts, media queries and fluid images to create responsive layouts Use responsive image techniques to serve appropriately sized images to a variety of devices Ensure that the hierarchy of content is preserved across screen sizes Enhance the functionality of your site with feature detection Improve the performance of your site and avoid becoming another example of "fat" responsive design Adjust your existing workflow to better accommodate multi-device design and development Determine what devices to test on and how Course Requirements: To get the most out of this course, you'll need your favorite code editor and ideally a couple of devices to test on. If you don't have a tablet and phone for testing, then you'll want to get a hold of a simulator or use one of the many device testing services online to follow along. You could, theoretically, follow along by resizing your browser, but I highly recommend against it—you'll get much more out of it by seeing how things behave on different devices. User level: Intermediate

1. What
   • Welcome 00:03:13
   • What is Responsive Web Design? 00:04:14
2. Why
   • Benefitting Businesses 00:06:26
   • Benefitting Users 00:11:42
3. Planning
   • Evaluating Advertising, Analytics, and Content 00:12:05
   • Considering Current Timing and Future Direction 00:03:18
4. Product
   • Preparing Wireframes and Mockups 00:09:52
   • Establishing a Style Guide 00:05:30
   • Testing 00:08:08
5. Design Workflow
   • Selecting a Starting Point 00:04:25
   • Adopting the Mobile First approach 00:04:48
   • Interacting with the Team 00:10:46
6. Fluid Layouts
   • Examining Layout Options 00:09:10
   • Adjusting Fonts 00:06:38
   • Using Layouts 00:09:40
   • Using Fonts 00:04:51
7. Media Queries
   • Accounting for Viewports 00:09:18
   • Structuring Queries 00:07:04
   • Adding Queries into Your Workflow 00:03:08
   • Setting Breakpoints 00:07:10
   • Improving Navigation 00:05:52
8. Responsive Media
   • Assessing Image Strategies 00:08:16
   • Responsive Techniques for Images 00:10:13
   • Making Responsive Background Images 00:03:50
   • Accommodating High Resolution Displays 00:06:24
   • Adjusting Videos and Advertisements 00:06:41
9. Responsive Content
   • Creating a Content Hierarchy 00:13:25
   • Prioritizing Content 00:08:59
   • Summary 00:06:03



9780133590821.Responsive.Web.Design.Learn.by.Video.part1.OR.rar

9780133590821.Responsive.Web.Design.Learn.by.Video.part2.OR.rar