Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Discover how to make your website more readable and efficient across various screen sizes and devices. Join author Chris Converse as he shares his own specialized techniques for creating a responsive site. The course takes the site from start-to-finish, from comping your ideas in Photoshop, to setting up the HTML page and containers, to styling established elements for small, medium, and large screens. In particular, Chris shows how to load images with CSS, reposition the nav bar for better viewing on mobile devices, and how to make the download time faster for small screens by providing multiple versions of your banner graphic and other images. Plus, learn how to replace graphics with high-resolution versions for Retina displays using CSS media queries.
This course was created and produced by Chris Converse. lynda.com is honored to host this training in our library.
When you download the exercise files, there's going to be five folders inside of there. If you're a Premium subscriber to the lynda.com online training library, you'll have access to all five folders. If not, you'll have access to folders 1, 2, and 4. These are the minimum number of files that you'll need to complete the course. Inside of folder 1 is Files to add. This is going to give us a series of blank CSS files and a mostly empty HTML file. I provided these just to make sure we're all working from valid HTML and CSS files. Inside of folder 2 is a Skip Photoshop folder.
Inside of the Images to add, we have a copy of all of the final files we're going to be making for graphics inside of Photoshop. So if you want to skip the Photoshop aspect and just continue with the HTML and CSS, you can add the graphics from this folder here. Inside of folder 3 are the art templates. These are the source Photoshop files we're going to be using to customize and complete the individual slices. Inside of folder 4 are two files we're going to be using as snippets, so we can cut and paste to some pieces of code into our project. And then finally, inside of folder 5 is a copy of the final project we looked at in the introduction video, so you can use this file to track how you're doing throughout the course.
Now that we're familiar with the exercise files, next we'll talk about what software you're going to need to complete the course.
Find answers to the most frequently asked questions about Creating a Responsive Web Design.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
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.