My CSS Reference Links
new!53 CSS-Techniques You Couldn't Live Without | Smashing Magazine
I'm really enjoying Smashing Magazine. You'll find a lot of items on the list that are already below, but many additional items that are very helpful. My favorite include: form management tricks, handling maps and calendars, a great ratings selector trick as well as handling percentages via bars and pie charts.
Learn CSS Positioning in Ten Steps
A Great Tutorial to get you going.
Examines the different layout properties available in CSS: position:static, position:relative, position:absolute, and float.
OSWD
CSS Zen Garden'd out? Check out these great free designs.
After going through the tutorials below, you'll want to post your own design!.
Floatutorial
From MaxDesign.au - If your layout is lacking, you need these tutorials. Learn to float elements: images, drop caps, next and back buttons, create image galleries, inline lists and multi-column layouts.
Listamatic
Again from MaxDesign.au - Get a handle on your menu systems quickly and easily. A must have in your tool-box of links.
Hoverbox Image Gallery
Look ma! No JavaScript! seriously. major cool. you gotta see it to believe it.
CSS Photo Gallery
- is another good one, it's atutorial for a more robust gallery. No JavaScript, Just CSS, and it Validates!
CSS Bar Graphs
Easy ways to show functionality while keeping it beautiful.
Additional Resources:
CSS Star Rating Redux
If you're ever in need of putting a star-rating system in on a page, this is a great tutorial and download.
Ten more CSS tricks you may not know
Good stuff here. Be sure to check out the original article: "Ten CSS Tricks You May Not Know" as well!
CSS Properties with Examples
Need a better understanding of CSS? Bret's cheat sheet breaks it down, showing you technique usage and then walking you through useful property types. Bonus: you'll get an overview of the box-model, a thorough understanding of this will really help you with the 10-steps to positioning tutorial.
Effects and Usability Enhancements
Another useful set of CSS from Bret. Be sure to check out my favorites: Dot Leaders (I've actually needed a solution like this on several occasions) and Print End-Notes (a very clever way to handle this!).
Fortifying the HR
This is a great sitepoint page that shows you exactly how the hr tag is rendered with css across all major browsers and how to get the look you want consistent across all of them (other great pages are available in the right column)
Typetester - Compare fonts for the screen
A wonderful and very well scripted utility. Shows you what your type will look like under all sorts of conditions and CSS applications. A very good "sandbox" to have in your arsenal if you like to tweak fonts a lot
2006-04-26 18:03:39
