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.


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

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, ...

Get CSS3 Foundations now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.