Multiple Class / ID and Class Selectors

It’s possible to use combinations of classes and IDs to target elements that have combinations of classes and IDs. This article explains that clearly with some easy to understand examples…

CSS 100% Height

A common problem among designers is how to get a div to stretch 100% of the window’s height. There are a few different techniques out there, but I came up with one that is my personal favorite, which I will share with you today…

Simulate Realism with CSS3

CSS3 is here to make our lives easier as web designers and developers. While it’s not something we can always rely on heavily for layout purposes just yet, we can use it to enhance certain aspects of our designs by spending a considerably less amount of time doing so. However, CSS3 has not been created […]

EZ-CSS: An easy to use, lightweight, CSS framework

ez-css is a different kind of CSS framework. Authors are not bound to a “grid”. Plus, columns and gutters can be of any width. ez-css works by forcing the final element in the HTML flow to become a block formatting context (using “hasLayout” for Internet Explorer lt 8)…

CSS3 Examples and Best Practices

The CSS3 trend is getting more and more popular. In fact CSS3 new features open a lot of new possibilities. However, don’t get too excited so soon because it is not fully supported by all browsers yet. But this doesn’t mean you shouldn’t use it at all. So, when should you use CSS3 new features? […]

CSS Rounded Corners In All Browsers With No Images

In this article we’ll walk through getting rounded corners working in all browsers. Firefox, Safari and Chrome are easy with the border-radius property, but we’ll have to jump through some extra hoops to get it working in IE and Opera. After only a few compromises, we will have CSS rounded corners working in all browsers, […]

The Hidden Power of border-radius

So hopefully after reading – Understanding CSS – Padding, Positioning and CSS3 – you understand the basics of CSS and have been experimenting with other properties. It is important to remember that some properties will allow you to achieve effects that aren’t necessarily stated. In this post we will explore the property border-radius and how […]

CSS Bar Charts – Styling Data With CSS3 and Progressive Enhancement

Bar charts in CSS are neither very new, or very difficult. Using some pretty basic styling you can force lists etc into resembling graphs and charts fairly easily. Such charts, in their most basic form, work perfectly well in displaying and presenting the data they represent. However, using some rich CSS3 and progressive enhancement, you […]

Forgotten CSS selectors

Anyone who has been using CSS for any length of time has probably been frustrated by the lack of selector support in Internet Explorer 6. There are quite a lot of cases where a CSS 2.1 selector will let you target elements in all other relevant browsers, but where you, if you want it to […]

The CSS3 :not() selector

There isn’t a lot of information to be found about the :not() selector. The specifications only offer 3 lines of text and a couple of examples. So lets see what it can do!

« Previous PageNext Page »