CSS3 Unleashed – Tips, Tricks and Techniques

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Create an Advanced CSS Menu Using the Hover and Position Properties

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.

The finished product will render properly in all major browsers including Firefox, Safari, IE7/IE8, Opera, and Google Chrome. Due to IE6 and its lack of support for the hover property (other than on anchor elements), there’s a tiny bit of javascript to make it work…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Resetting Your Styles with CSS Reset

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

The 1Kb CSS Grid – A simple, lightweight grid framework

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

CSS Background Image Sprites: A Beginner’s Guide

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

Grid Systems – Making grids in Adobe Illustrator

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…

VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)