Great Resources Elsewhere: March 21 to March 28

Published March 28, 2008 by saurav.roy.

Hackszine.com: Easiest cross-browser CSS min-height

Hackszine.com: Easiest cross-browser CSS min-height

The min-height and min-width CSS properties are two of the most useful properties out there, but they never get much use because Internet Explorer 6 doesn’t understand them. However, with just 3 lines of CSS (versus the original one), you can create cross-browser, IE-friendly min-height and min-width properties.

The Amazing LI: Using CSS and Unordered List Items to Do Just About Anything

The Amazing LI: Using CSS and Unordered List Items to Do Just About Anything

Here’s a great tutorial for all you CSS newbies out there. Matthew Griffin goes through four useful things you can do on your website with just an unordered list and a few lines of CSS. Unordered lists are sort of the go-to element in modern web design when it comes to organizing snippets of generally related items, so this is a great read for anyone new to the trade and wanting to learn how to get the most out of this great little element.

960 Grid System

960 Grid System

The 960 Grid System is an all-in-one package for the rapid development of websites that are 960 pixels wide. As the site says, 960px is a great width to start with for two reasons: “All modern monitors support at least 1024 × 768 pixel resolution,” and “960 is divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it a highly flexible base number to work with.” The system comes with printable grid paper (for sketching) as well as templates for Photoshop and other programs (for designing) and a CSS framwork (for coding). If you’re in to frameworks, this is probably worth a look.