CSS-Tricks PSD to HTML

Archive for October, 2007



A Nice & Simple Contact Form (Downloadable)

There are a million contact form examples out there, why this one?

It’s SIMPLE
It’s FREE
It WORKS
It’s VALID
and it’s styled with CSS

Take a look. Download it. Take it apart. Use it for whatever you’d like.

Check out the nice clean emails it generates:

[LIVE EXAMPLE]
[DOWNLOAD EXAMPLE]
Update:
Reader Toni writes in with this fix for Windows servers:
/* Modification by Toni for [...]

10 Beautiful and Functional RED Web Layouts

Sometimes looking at other sites is all the inspiration you need! Here are some nicely designed sites that I feel stay focused on functionality as well.
This post is brought to you by the color RED. (Also, see 10 Beautiful and Functional BLUE Web Layouts)
Crimson Fox Creative Studios

I Love To Complain

Regines Patisserie

Helldesign

Multiple Remote Linking: An Example and How-To

What is remote linking?
Remote linking is a rollover that affects another object on the page. The rollover can affect itself as well. This can be done with PURE CSS, making it a very cool and lightweight technique.
In this example, you will see a row of colored circles across and a list of their names below. [...]

Guest Post: Blue Flavor Header Design Technique

The following post is a guest post by authored by Jermayn Parker of GermWorks, a web and multimedia blog.
Headers are an important factor in web design, they can either make or break a design. Since web 2.0, we have seen many design trends and one of the most groundbreaking is the big header. However, headers [...]

Links of Interest

Jared Schwager has an interesting idea on compressing CSS on-the-fly using PHP. Works pretty well. The end result is slightly quicker downloads and slightly quicker render times with a slightly higher burden on the server.
Fadtastic has a nice roundup of web site designs with big, bold backgrounds. This is certainly a trend lately, and I [...]

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.