CSS - Six Revisions

Examples of CSS3 in the Wild

May 20th, 2010 by Blue Derkin | 24 Comments

Seeing CSS3 on actual functioning websites is a lot like spotting a Himalayan Snow Leopard or a Giant Panda. Because roughly 53 percent of browsers in use don’t support CSS3 (ahem, IE, ahem), most web designers just don’t use it on a regular basis. At least they don’t use it on sites they design for work. As such, most people don’t see it regularly, and if they do, it’s just a fleeting glimpse.

Snazzy Hover Effects Using CSS

April 15th, 2010 by Ryan Seddon | 46 Comments

With all these CSS3 effects and tutorials popping up every day that show all the new and wonderful things we can make happen, we sometimes forget about poor little old CSS2.1 and the great potential it still has.

With very good browser support, we can do lots of cool things that we know will work in all major browsers.

In this tutorial, I will be going over creating flexible advanced hover techniques using CSS2.1 properties.

Here is a live demonstration of the effect we will be creating.

How to Create Inset Typography with CSS3

March 21st, 2010 by Andrew Roberts | 33 Comments

In this tutorial, we’ll create inset type, a popular text treatment, using CSS. If you follow Six Revisions closely, you’re probably thinking: "Jacob already wrote a Photoshop tutorial on how to do that."

That is correct, but this time we are going to do it using only CSS.

Basic CSS3 Techniques That You Should Know

March 16th, 2010 by Joel Reyes | 53 Comments

After 13 years of being a vital part of web designs, Cascading Style Sheets (CSS) has evolved into a powerful tool, allowing you to develop more efficient and better-looking sites. Many of the new features in the latest CSS revision (CSS3) are rich and take the quality of our designs to the next level.

Basic Techniques That You Need to Know About CSS3

CSS3 Techniques You Should Know

February 5th, 2010 by Andrew Roberts | 89 Comments

Many of you have probably heard all the buzz around CSS3, but exactly which techniques can we use today? In this article I’ll show you some different CSS3 techniques that work great in some of the leading browsers (i.e. Firefox, Chrome, Safari, Opera ), and how they will degrade well in the non-supported browsers (i.e. Internet Explorer). Using browser specific extensions, many of the proposed CSS3 styles can be used today!

10 Top-Notch CSS Editors

September 17th, 2009 by Omar Abid | 56 Comments

CSS editors are editors that focus solely on generating Cascading Style Sheets. Though you could scrape by using a fully-featured IDE or source code editor – CSS editors may offer specialized functions and features to help you write better CSS, quicker.

In this article, you’ll find some of the more popular CSS editors available on the market.

Stylizer

30 Exceptional CSS Navigation Techniques

April 16th, 2009 by Kawsar Ali | 73 Comments

We’ve seen innovative ways in which designers and developers have used CSS to innovate upon its shortcomings. Here, you’ll find some of the best ways to use CSS for your website navigation. You’ll find a variety of techniques that truly showcase the capabilities of CSS.

In this article, you will find a collection of excellent navigation techniques that use the CSS to provide users with an impressive interface.