CSS-Tricks PSD to HTML

Archive for the 'Freebie' Category



Better Ordered Lists (Using Simple PHP and CSS)

Ordered lists are boring! Sure you can apply background images and do quite a bit of sprucing up to a regular ordered list, but you just don’t get enough control over the number itself. Here is an example where you ditch the traditional ordered list and create your own!
If you set up a loop, or [...]

Guest Post: Alternative Style Links

The following post is a guest post, authored by Volkan Görgülü (email link) who has a passion for developing usable and accesible websites and writing well structured CSS and semantic (X)HTML.
You may know the classic link style very well. Blue with underline. There is an alternative way to achieve the same effect, that is a [...]

Simple Tabbed Menu Using Sliding Doors (Downloadable)

I’ve touched on the “sliding doors” theory here a little bit before, but never with a full-blown example. If this is the first you are hearing of it, sliding doors is a technique which allows you to expand graphics “from the middle” as you expand the content of a web element. Expanding graphics isn’t the [...]

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 [...]

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. [...]

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.