How to Create Perfect Pre Tags

If you operate a website that features lots of code examples, you know how important it is to spend some quality time styling the “pre” element. When left unstyled, wild “pre” tags will mangle your preformatted content and destroy your site’s layout. Different browsers treat the “pre” tag quite differently, varying greatly in their default […]

Em Calculator

Em Calculator is a small JavaScript tool which helps making scalable and accessible CSS design. It converts size in pixels to relative em units, which are based on a text size…

Introducing the Flexible Box Layout Module

One aspect of CSS3 that hasn’t received a lot of attention so far is the Flexible Box Layout module. Already implemented in the Gecko and WebKit engines, in this alternative box model the children of a box are laid out either horizontally or vertically, and unused space can be assigned to a particular child or […]

Grid Designer

Grid Designer is a tool to help you create solid layouts. You can define a grid, set typography and then export the HTML and CSS code. Every design can be bookmarked for future reference…

Manipulating CSS Classes With jQuery

In this lesson I want to illustrate you how to use some useful jQuery methods that allow you to manipulate easily CSS classes. In particular I prepared some examples to explain the following methods: toggleClass, hasClass, addClass and removeClass…

Quickie CSS3 Tricks with Fallbacks

CSS3 can do some seriously neat stuff. Just check out some of the crazy 3D stuff you can do in WebKit. But as we all know, we need to be careful with what we choose to do with it. The most cutting edge techniques are fun to play with, but since since only a sliver […]

Guidelines for Developing Your Own CSS Framework

Quite a few CSS frameworks have been around for a while, but most web developers avoid using them. Instead most veteran developers prefer to create their own CSS framework, which provide benefits of a personalized solution and minimizes negative aspects of depending on a third party solution…

Mobile Optimised Websites Using CSS3 Media Queries

CSS3 Media Queries can be used in conjunction with CSS 2.1 Media Types to target mobile users with a set device size or screen dimension. Using these queries, you can provide optimised CSS style sheets that are tailored to a particular size of device…

The CSS Awards

The CSS Awards gallery are given to the best CSS websites in the world from the top designers, agencies and bloggers working today…

IE7 Javascript Library – Fix CSS Issues on Internet Explorer

IE7 is a JavaScript library to make MSIE behave like a standards-compliant browser. It fixes many CSS issues and makes transparent PNG work correctly under IE5 and IE6…

« Previous PageNext Page »