css - 1001 untold stories

PNG Image Optimisation

I did some research at work for PNG image optimization, to find out what are the best tools to compress PNG RGBA to paletted png with alpha channel, that would also fit into a good workflow. In previous projects it was common to compress

code

The one and only correct way to use sprites.

In this post I'll show you the one and only correct way to use sprites and the very little benefit if you use sprites the wrong way. It's in everyones mouth but a lot of people do not understand fully what sprites are supposed

css

beware of font's you don't have installed

Everybody is talking about CSS fontstacks and there are plenty of good lists/combinations out there but do not use them carelessly - like the prototype.js guys did (@see screenshot). DO NOT use «Helvetica Neue» for your bodycopy or fontsizes smaller than 18px!

code

simple method to add a safari css

There are some selector hacks out there, but I don't like them - ie: (@media screen and (-webkit-min-device-pixel-ratio:0) {}). My personal favourite is done with Prototype because I use it a lot and it is pretty simple: <link rel="stylesheet" type="text/css"

code

CSS 2.1 - some interesting things about specifications

According to the Specification (4.1.3 Characters and case), identifiers can contain only alphanumerical characters [a-z0-9] and - big surprise - ISO 10646 characters U+00A1 and higher, plus the hyphen (-) and underscore (_). That's totally new to me and I've never ever

css

opera background image and inherit height bug

If you have a layer which has the css property height: inherit; and also a repeating background image, you might find yourself lost with opera. You try and try so hard but you can't get the background work. You might want to delete the

css

Tested and to be tested

Yesterday I've downloaded and tried to install DSL (Damn Small Linux) as X as well running it as Live-CD. The latest release from DSL uses for somehow an old Qemu release and I couldn't start the graphical interface. After downloading the latest Qemu release

code

New Theme called Womenized

Don't ask me why, but Damiano called me a womanizer last weekend and this word was allways on my mind until then, so I've choosen the probaly most idiotic name ever: womenized! Anyhow I have to credit someone: The owner of the picture with

code

Alternate rollover

This article is about an alternate rollover technique. It's not very popular until now, so I'll try to promote it a little bit, because I like it. The regular technique to change an image, is to use JavaScript. However: This technique requires instead of