Create a digg styled Header
In this CSS tutorial from CSS-Tricks you will learn how to build a header like you can see on the DIGG Site.
In this CSS tutorial from CSS-Tricks you will learn how to build a header like you can see on the DIGG Site.
In this tutorial, you will get to know different methods for creative use of text, and how traditional methods of typesetting can be utilized via simple CSS rules. It covers “Why is text so important?”, “Primary Font Properties”, “Available Fonts”, “Default Browser Display”, “Apply Some Style”, and much more…
This tutorial is aimed at controlling the size of the thumbnails appearing on your page. Sometimes we don’t have enough space to spare to fit in large thumbnails and yet we would like to avoid small and barely recognizable images. Using this trick we limit the default dimensions of the thumb, and show it in full size when user mouse-overs it.
These buttons use the sliding doors technique of CSS, plus two sliced background images with “on” and “off” states, to create flexible glossy looking CSS buttons. Each button can accommodate text of variable widths and supports a hover effect when the mouse rolls over it. The only limitation is the height of the button, which is fixed based on the background image’s height.
This tutorial will show you how to make a pulsating links without using script.aculo.us or other JS animation libraries. This is only a small thing that CSS can achieve but for other animations like Slide Left etc. then use these libraries only.
The horizontal rules as they are designed in html looks quite boring, just a simple black line. Read this short tutorial to learn how to create a sort of different horizontal rule with CSS.
In this great CSS Tutorial you will learn to create a simple blue bar - 800px x 40px. No glossy effects or 3d optical illusions. A plain blue bar, as you hover over a menu item it’s background will glow a lighter blue. Nice and simple - and great!
This tutorial will explain you how to make your button (link) in the navigation active when you are on a specific page.
Last Comments
Man Mohan Singh: nice finding
Ryan: Good list indeed, but you should update this blog with the screenthumbs.com service which is the most fully featured...
Sebastien: Hi, just to let you know that an another cool tool is WoozTalk (http://www.wooztalk.com). You install an instant...
Will: Kewl…. Thx man.
A Webb: This looks very similiar to http://vectips.com/
anwar (urban Hook-Upz): hello, To whom it may concern….I appreciate you spotlighting the Urban Hook-Upz font.. But I must...
Antonio: Thomas, thanks for having me.