10 Dirty CSS Tips and Tricks

Here is a collection of 10 CSS tips, tricks and articles you may find useful.

CSS Stacked Bar Graphs

There are plenty of CSS bar graph interpretations, but none of them do stacked bar graphs. So I've done it here. Based off Alen Grakalic's Pure CSS Data Chart.

Simple ul list with a nice slide-out effect for li elements

This tutorial explains how to implement a nice animated slide-out effect for li elements contained into an ul list using Mootools and five lines of unobtrusive JavaScript code.

Useful guidelines to improve CSS coding and maintainability

This post illustrates some simple guidelines and tips which can help you to improve CSS coding and maintainability process following this simple rules: reduce code complexity and optimize your CSS ...

CSS coding: semantic approach in naming convention

Naming convention in CSS coding is an "hot" discussion topic. This post illustrates some suggests and guidelines to use a semantic approach instead of a structural approach in naming CSS ...

12 Principles For Keeping Your Code Clean

Let’s take a look at some poorly written HTML, discuss its problems, and then whip it into shape!

21 ways to streamline your CSS

This article will present some tips and tricks for keeping your CSS files organized and easy to work with.

CSS Progress bar ;)

Thoughts: what we need to do if we need special progress bar effect?

10 Easy Steps to Great Website Optimization

Here’s 10 really easy steps to getting your sites optimized for speed. Some are well known and others may be not so obvious.

Overview of CSS3 Structural pseudo-classes

Structural pseudo-classes let you select and style child elements of a container based on a variety of generic criteria, such as the 3rd child, even/odd child elements, or even the ...

Beautiful CSS Form

Do you love simplicity of Facebook design? Take inspiration to design a beautiful CSS Form. This tutorial explains how to design a beautiful form (Facebook inspired) using a clean CSS design ...

CSS3 Blockquotes

I figured I’d share two ways I’ve done blockquotes using CSS3.

CSS Class Based on Date

I modified a date function to output a CSS class rather than text. That way you can make newer stories bold, brighter, or bigger and older stories dimmed out or ...

Fix the bad text rendering in Safari, Take two

A few months ago I wrote an article about the bad text rendering in Safari. The fix I used for that worked like a charm in Safari 3, but in ...

PDF Links Labeling

Garret Dimon wrote nice post about why .PDF links should be labeled. While there’s no problem making these labels when starting from scratch or re-designing web site, it’s a pain ...

Using CSS for Bar Graphs

ou do not need advanced PHP scripting or XML data to create a web graph. All you need is simple CSS and HTML. You can use graphs to display data ...