Cover by Ian Lunn

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

O'Reilly logo

chapter seventeen

Final Steps and Conclusion

Cool Shoes & Socks is now a truly modern web page. It looks and functions great both on mobile and desktop devices and, with the approach you’ve taken, should stand the test of time, continuing to be a great page as technology and devices advance. Of course, because it is only one page, you will almost certainly want to create more. The page you created throughout CSS3 Foundations makes for a great template that you can easily duplicate and modify for existing pages.

green-frog_nobkgrnd.psd

Project files update (ch17-00): If you haven’t followed the previous instructions and are comfortable working from here onward or would like to reference the project files up to this point, you can download them from www.wiley.com/go/treehouse/css3foundations.

Final Steps

When you’re happy with the site, what’s next? The page will need some final adjustments to get it ready to show the world!

Removing Production Code and Preparing to Go Live

In Chapter 2, I mentioned that all styles should be placed in one stylesheet where possible. This step is optional but one that can improve the performance of a web page. Cool Shoes & Socks consists of four stylesheets: reset.css, styles-ie.css, styles-ie7.css, and styles.css. Because styles-ie.css and styles-ie7.css are conditional stylesheets, they have to stay separate, but you can combine reset.css and styles.css.

1. In styles.css, ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required