Start learning with our library of video tutorials taught by experts. Get started
Following the concepts introduced in Responsive Design Fundamentals, senior author James Williamson demonstrates the practical applications of responsive design and shows how to enrich the appearance and behavior of your website across multiple devices. First, discover how to plan your design and take advantage of CSS media queries to create multiple layouts. Then make your site navigation respond to changing screen sizes with CSS and jQuery, and display media like images and video fluidly. Plus, discover how to take advantage of mobile capabilities like touch events and HTML5 forms to enhance the experience of mobile visitors. James also shows how to effectively manage resources and optimize the performance of your site.
(music playing) Hi! I am James Williamson, senior author here at lynda.com, and I want to welcome you to Applied Responsive Design. In this course, we're going to explore many of the strategies and techniques that are being employed to control the appearance and behavior of sites across multiple screen sizes and devices. As we explore responsive design, we'll see how it affects the entire process of building sites, from the early planning stages to site development, and even in terms of how we test and deploy our sites.
We'll cover the planning aspects of responsive sites, how to craft responsible layouts and media, how to handle site navigation across devices and screen sizes, and how you can use mobile capabilities to enhance your site's overall experience. We will also talk about properly managing resources for responsive sites and what you can do to help improve performance. Responsive design is not just another fad; it's a reaction to the reality of designing for users who expect to experience your site across multiple devices and screen sizes. So, open up your favorite code editor and let's get started crafting responsive designs.
There are currently no FAQs about Applied Responsive Design.
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.