css

Rethinking CSS Image Replacement

When I say CSS image replacement, I mean taking a page element that isn't normally an image and turning it into an image. This is a very common trick and...

5 replies - 2081 views - 03/14/08 by Chris Coyier in News

Starry Night: Incredible 3D Background Effect with Parallax

If you haven't seen the mysteriously cool Silverback app teaser page you should check it out. The Gorilla was designed by Jon Hicks (yep! the same site with...

2 replies - 3451 views - 03/12/08 by Chris Coyier in News

Quick Reminder About File Paths

Whenever I have a problem with an image "not showing up" on a web page, the first thing I do is take a close look at the file path that references that image....

0 replies - 1435 views - 03/11/08 by Chris Coyier in News

MooTools Zebra Tables Class

Tabular data can oftentimes be boring, but it doesn't need to look that way! With a small MooTools class, I can make tabular data extremely easy to read by...

0 replies - 3713 views - 03/10/08 by David Walsh in News

The Different Techniques for Applying the PNG Hack

Alpha-transparent PNG's, ("PNG-24" for those of you saving out of Photoshop) are an amazing thing for web designers. We can make a button with a drop shadow on...

0 replies - 4306 views - 03/06/08 by Chris Coyier in News

Equidistant Objects with CSS

Creating a horizontal row of objects that are equidistant from each other is another one of those things in web design that is much more difficult than it...

0 replies - 3144 views - 03/03/08 by Chris Coyier in News

Color Rendering Difference: Firefox vs. Safari

CSS-Tricks reader Norm writes in to ask me about a problem he is having with color on a new site he is designing: I have a graphical question about my test...

0 replies - 4627 views - 02/29/08 by Chris Coyier in News

reForm: CSS Form Design Template for Any Layout

The ProblemGood form UI is a real challenge for designers. Form elements need to be large enough that users can view and edit data, but fit within an...

0 replies - 30938 views - 02/29/08 by Joe Lippeatt in News

Optimize Your Links For Print Using CSS: Show The URL

When moving around from page to page in your trusty browser, you get the benefit of hovering over links and viewing the link's target URL in the status bar. ...

9 replies - 5153 views - 02/28/08 by David Walsh in News

Links of Interest

CSS Rand I was kind of confused when I first went to CSS Rand, because it just looked like some random nice website (not a gallery) then I figured it out......

0 replies - 1231 views - 02/27/08 by Chris Coyier in News

Creating an "Body Border" with CSS

Hicksdesign has been "fiddling" with their site design. The new design features what someone called in the comments a "Body Border". It's basically a stroke of...

3 replies - 4714 views - 02/26/08 by Chris Coyier in News

Preventing The IE6 CSS Background Flicker

One of the nagging issues that Internet Explorer creates is a flicker on anchor tag background images. Did you know, however, that there is a quick and easy...

0 replies - 2019 views - 02/23/08 by David Walsh in News

Techniques for Fighting Image Theft

1. Redirect links from external sites to your "DON'T STEAL" graphic There are numerous tutorials on how to do this around the web, but I most recently read...

4 replies - 2776 views - 02/22/08 by Chris Coyier in News

Judging the Candidates Based Upon What Else? Their Website!

As those of us in the States know, political fever is upon us. Digg is littered with political articles and the networks are doing everything they can to...

0 replies - 1669 views - 02/22/08 by David Walsh in News

A Typical HTML Page

When doing DOM-based performance testing you frequently need to pick a sample HTML document to work against. This raises the question: What is a good,...

0 replies - 3944 views - 02/20/08 by John Resig in News