Month: May 2010

Malo – a Compact CSS Library

Malo is an ultra small CSS library for building web sites. It is meant to be structural base for small or medium web sites. Malo derives from it’s bigger brother Emastic CSS Framework…
csshead 0 Comments

Random Color CSS3 Animation

Ever since I wrote my first lines of code, I have had a strange interest in the functions that generate random numbers. and yes, I know actual random doesn’t exist Every time I just want to fool around with some code, you will find me popping in a random function in somewhere. So when I […]
csshead 0 Comments

SuperStretch! – A Vertically Fluid Layout Using CSS

Here’s a technique I created a while back that I have revisited and tidied up a bit. It results in a layout that stretches both horizontally and vertically to the browser viewport. It includes a vertical navigation bar where button heights also stretch. It works in FF, Safari, Chrome, Opera, and IE 6-8…
csshead 0 Comments

Raindrop Logo in CSS

Playing around with -moz-radial-gradient this past while, and seeing the amazing job done on the CSS Opera logo by David Desandro, I thought I’d have a go at recreating one of the logos I illustrated within the past year using pure CSS. The Raindrop logo I created was the prime candidate, as my first thoughts […]
csshead 0 Comments

-webkit-font-smoothing

I’m not a big fan of the default text rendering in WebKit, in my opinion, it’s too heavy. There used to be a workaround where setting text-shadow would make the text thinner, but updating to Snow Leopard rendered that useless. Then someone found another hack using -webkit-text-stroke that seemed to work nicely, but it wasn’t […]
csshead 0 Comments

CSS Image Switcher

Build a CSS only image switcher with help from this screencast. There’s no JavaScript used, just plain CSS. The trick is some simple z-index switching on hover and a bit of absolute positioning…
csshead 0 Comments

Flip an Image

You can flip images with CSS! Possible scenario: having only one graphic for an “arrow”, but flipping it around to point in different directions…
csshead 0 Comments

Create Beautiful CSS3 Typography

It has been suggested that beautiful and usable websites are created on a foundation of beautiful and usable typography. I’ve even read an article that suggests that the web is actually comprised of 95% typography. I’m not convinced that there is any empirical evidence for this figure, but I think that the point is a […]
csshead 0 Comments

Practical CSS Shapes

A common design technique lately is to create a fold effect, where it appears as if a heading is wrapping behind its container. This is generally achieved through the use of tiny images; however, with CSS, we can mimic this effect quite easily…
csshead 0 Comments

Better Page Corner Ads with CSS3 Transforms

The other day I came across a useful site called ScriptSrc.net that allows you to get up-to-date script tag links that point to your favourite JavaScript libraries. The site has a clickable corner ad promo to get people to “spread the word”. I thought using CSS3 there would be a better way to position such […]
csshead 0 Comments
« Previous Page — Next Page »