47 CSS Tutorials, Techniques, and Resources
Tuesday, August 14th, 2007 by MattCSS. Without it the web would look pathetic. If the W3C hadn’t put out the CSS standard, our blogs would look like this, this, or this. Is that scary or what?
Whether you’re a web designer, a PHP coder, or a blogger, it pays to know the ins and outs of CSS and HTML. Even if you’ve memorized the entire CSS Spec documents (unlikely), there’s still more to learn. CSS Maniacs everywhere are coming up with new techniques every day, and it’s a good idea to keep current on the latest methods for dodging around Internet Explorer bugs and building CSS grid layouts. Then you have a constant stream of downloadable utilities (and Firefox extensions) to aid you in your design work.
Well, let’s cut to the chase. Here are a few CSS tutorials, techniques, and resources (in no particular order):
General
- Dynamic Drive CSS Library
- CSS.MaxDesign - Home of the “Listamatic” tutorials
- Internet Explorer CSS Bug Fixes
- Macworld Secrets: CSS tricks for custom bullets
- How to Create a Block Hover Effect for a List of Links
- Mini Tabbed Pages
- 101 CSS Resources to Add to Your Toolbelt of Awesomeness
- 71 CSS Menu Links
- CSS @ Smashing Magazine
- CSS Dock Menu
- Tizag.com
- Web Design From Scratch
Rounded Corners
Layout
- Pullquotes That Really Pull
- CSSeasy.com - Learn CSS page layout the modern way.
- Ten CSS tricks you may not know
- Ten more CSS tricks you may not know
- Image Caption
- CSS Reset - Remove all browser defaults.
- Master Stylesheet (similar to CSS reset)
- CSS Galleries: Free Web Designs for Download
- CSS Layouts Vs. Table Layouts
- Tables Aren’t Dead Yet
- CSS Slicing Guide
- Learn CSS Positioning in Ten Steps
- From Mess to CSS
- CSS Equal Height Columns (JavaScript)
Tools
- Dummy Lipsum
- W3C CSS Validator
- Mozilla Firefox - Face it, Internet Explorer sucks.
- CSS Tab Designer
- CSS Tweak
- Standalone Internet Explorer (IE3-6) - Useful for testing.
- Layout-O-Matic
11:30 am on August 19th, 2007
Thanks for the resources. I have so much to learn. Now if you could only give me 47 ways to have more time. Great site.
1:17 am on August 25th, 2007
Friday Link-Up Day…
Today is Friday and as promised this week a link-up where I link some reader submitted posts. If you would like to see your post linked here next week please submit by adding your link to your post through my contact page.
Redwall_hp has 47 CSS Tutor…
9:48 pm on May 23rd, 2008
[...] 47 CSS Tutorials, Techniques, and Resources by Matt Harzewski [...]
9:52 am on June 28th, 2008
[...] 47 CSS Tutorials, Techniques, and Resources I haven’t begun to dig through this comprehensive list from Matt at Webmaster Source, but it looks great. A must for those like me who are still using html and wondering why they have 2,158 validation errors. [...]