Archive for the 'Freebie' Category
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 [...]
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 [...]
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 [...]
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 [...]
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.