Start learning with our library of video tutorials taught by experts. Get started
Web projects need to work across multiple devices, screen sizes, and browsing contexts. Web designs need to be responsive to these variables, providing an optimal viewing experience for each scenario. In this course, author James Williamson introduces responsive design to new web designers and fills in any gaps experienced designers may have, while providing a deeper exploration of how current trends in devices, connectivity, and user experience are driving its adoption. The course covers concepts like screen density, fluid grids, and responsive images, as well as actual design strategies that guide you from mock-up to testing.
(music playing) Hi! I'm James Williamson, senior author here at lynda.com, and I want to welcome you to Responsive Design Fundamentals. Over the last few years, we've seen a fundamental shift in how people consume online content. The rise of smartphones, tablets, and other connected devices means that designing your sites for a fixed screen size is no longer a best practice. With that in mind, I've designed this course to introduce you to the basic concepts, terminology, and strategies for creating responsive designs.
We'll start by exploring some of the basics of responsive design: what it is, why it's important, and how a typical responsive site behaves. Next, we'll tackle some of the common concepts and techniques of responsive design, such as the mobile viewport, working with media queries and fluid grids, and how to improve site performance for responsive sites. After that, we'll discuss different strategies that can help guide your approach to responsive design and give you a better idea of the issues that you'll face as you adopt a responsive design workflow.
So with that in mind, let's dig a little deeper into responsive design.
There are currently no FAQs about Responsive Design Fundamentals.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.