Class 01: Template Building Resources

Edit this post to create a communal resource of links and ideas which help you develop html/css templates. Resources could address multi-column layout, units of measure, fixed, liquid, and elastic layouts, browser resets, modular product-oriented layouts, page scaling, font scaling, floats, absolute positioning, etc.

Zark:

• Flexible Web Design, Zoe Mickley Gillenwater: An excellent book detailing the ins and outs of liquid and elastic layouts.
• Learning Web Design, Jennifer Niederst Robbins: Chapter 16 contains useful basic info on basic CSS layouts.
• Transcending CSS the fine art of web design, Andy Clarke: A wonderful high level approach to page design, template building and CSS implementation for the web standardista.

Ryan:

• W3Schools Online Web Tutorials This site is like the digital version of a book. It features tutorials in all of the different forms of web development technology (HTML, XHTML, Javascript, CSS, jQuery, XQuery, Flash, etc...) Along with each tutorial there is a section where you can test what you've learned without leaving the website.

Angee:



Chiao:



Michael:

• Sample CSS Layouts, maxDesign: This page provides really good examples of a lot of basic fixed and liquid 1-3 column layouts. Each one provides the actual layout at top with the HTML and CSS below.
• The Incredible Em and Elastic Layouts, Jon Tan: It is a bit of a read, but this blog post has a wonderful step by step discussion of how to layout your page in em's and also how to convert pixels to ems.