10 Top-Notch CSS Editors

Sep 17 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

Stylizer

continue reading »

30 Exceptional CSS Navigation Techniques

Apr 16 2009 by Kawsar Ali | 103 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.

1. The Menu menu

The Menu menu

continue reading »

20 Useful Resources for Learning about CSS3

Jan 28 2009 by Jacob Gube | 30 Comments

Though W3C’s CSS3 specifications aren’t finalized yet, modern web browsers such as Mozilla Firefox, Opera, and WebKit-based browsers already have full or partial support for them.

As a web developer, it’s crucial to be well-informed about modern and future web standards. To help you stay ahead of the curve – here are 20 excellent resources on the topic of CSS3.

1. CSS3 Progress Report

CSS3 Progress Report - screen shot.

continue reading »

CSS Tip #2: Structural Naming Convention in CSS

Dec 4 2008 by Jacob Gube | 31 Comments

Structural naming convention – in essence – just means that you name (by assigning a class and/or id attribute to them) elements by describing what they are, and not where they are or how the look.  Its counterpart is called presentational naming which describes the location and/or appearance of web page elements.

Leading image
continue reading »

CSS Tip #1: Resetting Your Styles with CSS Reset

Nov 18 2008 by Jacob Gube | 73 Comments

This is the first part of a series of articles that will discuss a particular CSS best practice or tip. I’ll be covering a mixture of topics that deals with CSS best practices, performance optimization, and tips and tricks to improve your workflow.

Today we’ll be covering the topic of resetting your styles.

CSS Tip #1: Resetting Your Styles with CSS Reset

continue reading »

Innovative (and Experimental) CSS Examples and Techniques

Oct 22 2008 by Jacob Gube | 21 Comments

CSS doesn’t always have to be serious business. In this article, you’ll see 25 fun, novel, and experimental CSS techniques and demonstrations.

Note: some of the techniques and examples discussed here may not validate, cannot be rendered correctly by some browsers, and may not conform with standards-based design and development. Many of the techniques shown here are for exploration only.

Transparent CSS Menu Drop-down

Transparent CSS Menu Drop-down screen shot.

continue reading »

8 CSS Techniques for Charting Data

Sep 20 2008 by Jacob Gube | 42 Comments

There are many ways you can present numerical, chartable data by styling elements using CSS. Using CSS to style your data prevents you from relying on static images and increases your content’s accessibility.

Below, you’ll read about 8 excellent techniques for styling elements into beautiful, accessible charts and graphs.

1. CSS for Bar Graphs

CSS for Bar GraphsView Demo

continue reading »