Posts met tag "development"
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.
Codeburner: html en css reference in Firebug
Codeburner is een Firefox-extensie die de functionaliteit van Firebug uitbreidt met een html en css reference. De extensie is afkomstig van mijn favoriete online reference: sitepoint.
Semi-transparantie met PNG-8
Voor afbeeldingen met semi-transparantie gebruikte ik altijd PNG-24. Dat heeft twee nadelen: de bestanden zijn groot, en Explorer 6 rendert de transparante delen als een lelijk grijs vlak. Deze week liep ik toevallig tegen een oplossing aan: je kunt afbeeldingen opslaan als PNG-8 mét volledige alpha-transparantie. Deze oplossing is al een paar jaar oud, maar toch lijkt niemand hem te kennen (waaronder ikzelf).
De voordelen: de bestanden zijn minder groot dan bij PNG-24, in Explorer 6 ziet het er heel acceptabel uit, en hacks of scripts zijn niet meer nodig. Het enige nadeel: het opslaan kan alleen in Fireworks.
-
RSS
Geen post meer missen? Abonneer je nu op mijn RSS-feed!
-
Volg mij op Twitter
Twitter Categorieën
- Articles (20)
- Copywriting (7)
- English (14)
- html/css (7)
- Interaction Design (26)
- javascript (5)
- MiniPosts (22)
- Nederlands (25)
- Offline (10)
- usability (7)
- Vormgeving (12)
Archief
-
Mijn Delicious