Categorie html/css

Text reflections with css and javascript: jQuery text reflection plugin

If you want to create a reflected text header, an often used solution is to dynamically create an image for each header which includes the reflection. However, this has some disadvantages. Therefore, I have created a jQuery plugin which uses only javascript and css to create reflections, and all you have to do is drop it into your page to make it work.

Make your tables more readable with Value Based Styling

Do you find it easy to check out tables with lots of numbers at the first glance? Probably not. You can make this easier by applying styling to the table, based on the values of the data.

I have created a css/javascript solution that does this automatically. It is ready-to-use, but if you want you, can also customize it easily.

Improving interfaces using Greasemonkey: TweetDeckColorSchemes.com

TweetDeckColorSchemes.com collects all color schemes tweeted by TweetDeck users. However, the way they present the color samples doesn’t make it easy for you to pick a color scheme. So I created a little Greasemonkey script to improve the presentation.

Usability en onload-events

Een functie uitvoeren zodra een pagina geladen is, kun je doen met een window.onload event (of een body.onload event). Die events worden pas getriggerd na het laden van de hele pagina, inclusief alle afbeeldingen.

Dat kan lang duren, en daardoor ook zorgen voor usability problemen. Oplossing hiervoor is je functie al te laten uitvoeren zodra het DOM beschikbaar is (DOM ready). Dan hoef je niet meer te wachten tot alle overige content geladen is.

Ik leg uit hoe je dit kan doen en geef een voorbeeld van een usability probleem dat hiermee voorkomen wordt.