The 9 Best CSS Resources

CSS Frames: HTML frames have been the bane of the web for quite some time. Enter now, CSS Frames. Not so much actual frames as floating boxes that make it appear as if there are frames. Very useful.

CSS Debugging Snippet: A great tool for seeing the stacking order of CSS boxes. Very useful when your layout starts to get complicated.

Lightbox: No list of CSS resources would be complete without this cool, albeit over-used, piece of code. Allows for the blowing-up of thumbnailed images without loading a new page. It’s ajax, but theres some CSS to it, so it’s on the list.

Block vs. Inline Elements: A useful guide and explanation of the difference between block and inline elements. A must-read for any newbie to the CSS world.

CSS Beauty and CSS Elite: Sometimes you just need to see what others are doing with a certain technology. CSS is no different. If you need inspiration, check one of these galleries out. Beware though, if you already have a CSS website, you may want to delete the entire thing after seeing some of these.

Spiffycorners: A how-to guide on how to make those rounded cornered boxes in pure CSS.

CSS Tools: A list of useful tools for debugging or cleaning up CSS code. Includes a CSS calculator for Em sizes equivalent to pixel sizes, a CSS code cleaner, a CSS optimizer, a validator and several color palette tools.

Pure CSS Menus: A how-to guide, with examples, of pure CSS menus. Some very interesting ideas to be found.

Glish.com’s CSS Layouts: A list of examples of commonly-used CSS layouts. Including one-column, two-column, three-column and nested float menus.

Enter your email address:

Delivered by FeedBurner

 

Trackbacks

(Trackback URL)

close Reblog this comment
blog comments powered by Disqus