CSS-Tricks PSD to HTML: You Design - We XHTML

Archive for July, 2007



Homebase, a Simple Free Template for All

If you are just getting started with CSS, a great way to begin is by downloading a template and playing around with things and seeing what happens. You have to be careful though, some templates are so overly complicated that you might just drown while sifting through everything.
Don’t worry though, we got you covered. Here [...]

ID’s Cannot Start With a Number

Tempted to use something like “1800number_box” for a DIV ID? Don’t. Because it won’t work. Class identifiers are allowed to start with a number, but ID identifiers are not.
That is all.

CSS3 Multiple Backgrounds Obsoletes Sliding Doors

With browsers that support the CSS3 Spec (Safari only at the time of this writing) there is no longer need for the sliding doors technique to create horizontally expanding elements that utilize background images. The ability to assign multiple background images to a single element makes quick work of the problem. Assign an image that [...]

Including Navigation Code On All Pages (Even With Current Navigation Highlighting!)

You’ve seen this a million times:
<ul>
<li><a href=”#”>Home</a></li>
<li><a href=”#”>About us</a></li>
<li><a href=”#”>Contact us</a></li>
</ul>
The classic menu HTML which you can transform into any number of beautiful things through CSS. You could include that in all your pages by putting it into it’s own HTML file (like “menu.html”) and including it on your [...]

Designing For A Lightbox

The 37 Signals Blog, Signal vs. Noise, has a post about a month ago with an interesting observation:
“Designing for the iPhone is like a hybrid of print and web design.”
Their point was with the iPhone, you know the exact size of the screen, you know the exact browser, you know how fonts will look in [...]

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.