Linear CSS Gradients
Gradients are presently only supported in Safari 4. They can be used anywhere an image can be – for example background-image, list-style-image, border-image or with generated content.
This tool will help you create the necessary CSS.
How to improve 37signals.com with 1 line of CSS
The boys at 37signals have clearly forgotten they are designing for an interactive medium and have instead redesigned with a great looking site that’s about as flat and static as you can get.
Follow up: Safari's text-shadow anti-aliasing CSS hack
At the beginning of December I wrote an article about Safari’s text-shadow anti-aliasing CSS hack in-which I explained how you could use the text-shadow property to create a faux anti-aliasing effect just in Safari. Rogie King has found a new method to alleviate this problem in the latest versions of Firefox and more specifically the Safari 4 beta.
Making Your Footer Stay Put With CSS
One problem I run into pretty frequently when coding a site in to XHTML and CSS is making my footer dock to the bottom of the screen. It’s especially annoying if you have a page that’s short on content and the footer, which happens to be a different color that the body background doesn’t stay at the bottom of the browser window.
How to create perfect form markup and style it with CSS
When I introduced aardvark.legs CSS framework two days ago, I mentioned that one of its greatest strengths is the way it treats forms. Those forms are based on a coding style, that, to me, proves to be the most successful when dealing with HTML forms. This post will explain my choices when marking up the forms, and the CSS styling involved in making them cross-browser compatible.
Styling File Inputs with CSS and the DOM
File inputs (
<input type="file" />) are the bane of beautiful form design. No rendering engine provides the granular control over their presentation designers desire. This simple, three-part progressive enhancement provides the markup, CSS, and JavaScript to address the long-standing irritation.
How I Might Deal with IE6
Now, in 2009, IE6 has become the source of our frustrations — and for certain sites, giving it an unstyled, naked view is exactly what I want to do. Alpha-channel PNGs,
min-width,max-width, rendering bugs galore — there are plenty of sites I’ve designed and maintain where the IE6 stats are low enough to drop the axe and move on. Now is the time!
Smarter CSS using an adjacent selector
Wouldn’t it be great if you could add styles to your web page by specifying a style for a particular element on the basis of its proximity to another element? Well, in fact, you can do this using the adjacent-sibling selector!
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!
10 Examples of Beautiful CSS Typography and how they did it
There are a lot of great sites out there that have beautiful Typography using only CSS, however simply looking at them is only half of the picture. We want to know what did they do, and how/why does it result in beautiful type?