CSS3 specifications are still in development ... but why wait to learn about them? Web browsers like Mozilla Firefox, Opera, and WebKit-based browsers already have full or partial support for CSS3, so now is the time to experiment.
To help you get started, the Six Revisions site has pulled together 20 excellent resources on the topic of CSS3.
TYPECHART lets you flip through, preview and compare web typography while retrieving the CSS.
Take a look:
Nice list of tools at Six Revisions site:
"Stylesheets can get large real quickly, both in terms of length and file size. To ensure that your web pages render correctly and quickly, here’s a compilation of some of the best free, web-based CSS optimizers/compressors, code formatters, and validation services."
http://sixrevisions.com/css/css_code_optimization_formatting_validation/
Another good post over at Veerle's site:
"I receive a lot of e-mail per day and some of them are from people who want my help on CSS ... So the first tip here is, learn about Web Standards and learn about coding with CSS for layout. There are a lot of good books out there to learn this from the start. This is the basis of good web design.:"
Read the article and find resources here:
http://veerle.duoh.com/blog/comments/starting_with_css_and_bug_fixing_tips/
Great reference. A continuously updated list of all CSS properties:
From Cameron Moll:
Introducing “The Highly Extensible CSS Interface,” a four-part series of how-to’s and savvy conversation to be published in the coming weeks, with the first article debuting this week. The phrase “highly extensible” is in reference to designing and coding interfaces that are flexible enough to adapt in ways the designer or developer may not foresee when handing off coded templates, while still retaining the overall aesthetic integrity of the layout."
"Much of CSS is pretty straightforward and, I suspect, quite easy for most people to grasp. There's font styles, margin, padding, color and what not. But there's a wall that people will run into... that point where a number of key elements need to come together to create a solid CSS-based layout that is consistent cross-browser.
These are the six things that will help people get over the hump."
http://snook.ca/archives/html_and_css/six_keys_to_understanding_css_layouts/
"This guide will attempt to take you step by step, through the process of creating a fully functioning CSS layout."
A good starting point for those who want to learn how to build a layout using CSS.
"Changes in screen size can be a nightmare for web developers, but it doesn’t have to be this way. Craig Grannell reveals the art of creating fixed layouts for multiple screen sizes"
Nifty way to reduce size on large CSS files without going insane trying to maintain them afterwards.
Good article on the Smashing Magazine site called "Printing the Web: Solutions and Techniques".
An overview of some interesting solutions you can use to generate print layouts.
Check out the YUI: CSS Grid Builder. It's a cool way to quickly sum-up the basic layout of a Web page mockup.
Get your grid on here:
http://blog.davglass.com/files/yui/grids/
An excerpt from the upcoming book “Pro CSS Techniques? talks more about using CSS for print and other media.
Read it here:
http://www.digital-web.com/articles/css_styling_for_print_and_other_media/
This is slick. A fade in/fade out photo slideshow all done with HTML and CSS...
Take a look:
http://iamacamera.org/sandbox/photoshuffler/
Here are some handy starter templates for creating CSS-formatted Web pages. Great stuff.
Layout Gala
http://blog.html.it/layoutgala/
40 simple CSS templates to choose from!
Basic
http://www.sixshootermedia.com/free-templates/basic/
Using Basic allows one css file to transform the CSS template from a fixed width single column page into a 3 column fluid one. Sweet!
Dynamic Drive CSS Layouts
http://www.dynamicdrive.com/style/layouts/
