Although CSS3 specifications are still under development, some of its features have been incorporated in latest web browsers. This has provided web designers and developers with an opportunity to experiment and play with some of the new features well in advance. Here is a list of resources that will get you up to speed and bring you closer to the cutting edge of CSS development…
Direct link: CSS3 Unleashed – Tips, Tricks and Techniques
Tutorial that starts with a photoshop file and finishes with semantic HTML and CSS. You’ll learn how to create an advanced CSS navigation menu using hover and position properties.
Direct link: Create an Advanced CSS Menu Using the Hover and Position Properties
How to create drop down menus that behave like drop down lists using just CSS. The menu structure is just simple nested unordered lists. Showing/hiding child menus is done with simple CSS: ul > li:hover ul. By using this selector we can define behavior of all child menus…
Direct link: Create dropdown menus with CSS only
Resetting your styles, commonly referred to as CSS Reset or Reset CSS is the process of resetting (or more accurately – setting) the styles of all elements to a baseline value so that you avoid cross-browser differences due to their built-in default style settings. By resetting your styles, you avoid defaulting to the browser’s built-in styles, which differs from browser to browser…
Direct link: Resetting Your Styles with CSS Reset
Other CSS frameworks try to do everything – grid system, style reset, basic typography, form styles. But complex systems are, well, complex. Looking for a simple, lightweight approach that doesn’t require a PhD? Meet The 1Kb CSS Grid…
Direct link: The 1Kb CSS Grid – A simple, lightweight grid framework
Here’s a practical tutorial explaining how to undetsand and use CSS sprites in your own projects. There’s a ton of image spriting articles around already. This one concentrates on practical demos and examples to help noobs get up to speed quickly…
Direct link: CSS Background Image Sprites: A Beginner’s Guide
Whether you are pro web designer or someone with little HTML and CSS knowledge, pre-made CSS Templates can come in really handy. They can save you a lot of coding time. Here are 35 of the best websites where you can download free CSS templates…
Direct link: 35 Websites for Downloading Free CSS Templates
Direct link: Easy CSS Compression with PHP and mod_rewrite
Designing within a grid system involves defining the material you are going to work with, defining the page size, making a proportional grid onto the space and then fitting your design into the grid. Having a good grid system will speed up the work process so it’s always wise to spend a little time on the grid first.
Learn how to make grids that you can use to create mock ups in Adobe Illustrator…
Direct link: Grid Systems – Making grids in Adobe Illustrator
Really useful HTML page that you can download and use to test that your CSS file covers all the common HTML tags….
Direct link: HTML Test Page for CSS Style Guide