CSS-Tricks PSD to HTML

Archive for November, 2007



CSS Sprites: What They Are, Why They’re Cool, and How To Use Them

You’ve heard of them, but…
Do you really understand them? The name might be a little misleading, because sprites aren’t little images like you might be picturing, a sprite is actually one big image. Have you ever seen the CSS technique where the “on” and “off” states of a button are contained within the same image [...]

Quick CSS Trick: How To Center an Object Exactly In The Center

I recently needed to make a placeholder page for a site. I wanted the logo image to be centered exactly in the middle of the screen, that is, both vertically and horizontally centered. Quickly, I thought I’d just give the image element a class of “centered” and then style that class:
.centered {
position: fixed;
[...]

Making the Most of the Limited Choices in Web Typography

So, what do we really have here?
As far as variety of font choices, things are pretty bleak. But Helvetica isn’t on pretty much every computer in the world because it’s a bad font. It’s actually a great font if you ask me, it’s just people are sick of looking at it being used without the [...]

Tips For Creating Great Web Forms

1. Use Labels
You don’t need labels for your form to work, but as one CSS-Tricks reader once put it, it is an accessibility crime not to use them. Labels are what signify what the input box is for and associate them together. The use of the <label> tag is not only semantically correct, but it [...]

9 Awesome CSS Themed T-Shirts

Show off your inner design nerd with these CSS-themed T-Shirts. The holiday season is coming up too… if you know any hardcore CSS buffs that need some style for their body =) Click the T-Shirts for links to their respective stores.
‘Styled’ Black T-Shirt

CSS Sucks

IE Bugs Me

Geeks have no style

Semanticist

No Comment

(This one is just plain nerdy) [...]

Thank you for visiting CSS-Tricks! I'm glad you found an article useful enough to print out! Remember to visit css-tricks.com often for more fresh content.