Categorie javascript

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.

How to unhide passwords – on your site and everywhere else

Masking passwords (i.e. showing ●●●● instead of regular text) can cause several usability problems. A good solution would be to leave passwords hidden by default, but to allow users to switch easily between bullets and text.

I have created some javascript to show and hide passwords on your own site, and a bookmarklet and a Greasemonkey script to help you toggle passwords on any other site on the internet.

How to let jwPlayer plugins interact with other plugins and javascript

When writing plugins for the jwPlayer, you can build them in such a way that they can interact with other plugins and with javascript. In this tutorial, I’ll show how to build a basic plugin and then improve on it in three steps to achieve this.

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.