Join Chris Converse for an in-depth discussion in this video About the exercise files, part of Creating a Responsive Web Experience.
- View Offline
This course contains two sets of exercise files. If you're a premium subscriber to the lynda.com online training library, you'll have access to all three of these folders. If you're not a premium subscriber, you'll have access to folders two and three. Now inside of folder one are the source Photoshop files with the slices intact for the modifications that we've made for this course. Inside of folder two are the files that we're going to be adding to our project. Inside of the CSS folder is an IE 7 and 8 CSS file. We're going to be redefining some of the CSS 3 properties from this course, so that we can maintain backwards compatibility with IE 7 and 8.
A copy of jQuery 1.8, again to maintain backwards compatibility with IE 7 and 8. And we also have a copy of respond.js in here, which is also for IE 7 and 8, to give them the ability to read CSS 3 media queries and give us multiple layouts across different screen sizes. And finally, inside of folder three, for snippets we have some HTML content for the hero area. This is the HTML that we're going to dynamically switch out in the heading area. Now from this course, I'll be continuing on from an earlier lynda.com course called Creating a Responsive Web Design. In that course, we taught you how to combine HTML and CSS to change a layout based on the user's screen size using responsive design techniques.
- Modifying the graphics
- Adjusting the CSS for the navigation
- Loading content with jQuery
- Loading alternate content based on screen size
- Animating the hero panel
- Maintaining support for Internet Explorer 7 and 8