Click thumbnail to visit the 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…
Click thumbnail to visit the site!
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.
Click thumbnail to visit the site!
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.
Click thumbnail to visit the site!
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.
Click thumbnail to visit the site!
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.
Click thumbnail to visit the site!
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!
Click thumbnail to visit the site!
This tutorial will explain you how to make your button (link) in the navigation active when you are on a specific page.
Click thumbnail to visit the site!
This tutorial will teach you how to hide layers by themselves after let’s say 5 seconds.
Last Comments
Sander: There are many lipsum generators such as: http://www.lipsum.com http://www.mobilefish.com/serv ices/lipsum/lipsum.php
David Airey: Hi Liam, glad you enjoyed the brief insight. I’m moving back to my home country—Northern Ireland—where...
liam: Great interview, and I thought your comments about autonomous criticism were interesting, it’s strange getting...
liam: Great stuff, lovely insight. What country is it you are moving to?
inspirationbit: Even I’ve learned a couple of new things about David, like the fact that he still does his own accounting...
Eric: Thanks I love these
David Airey: Thanks again for including me, Thomas, and for featuring my own little corners of the web. All the very best.