Posts met tag "photoshop"

vergrootglas als cursor
Zondag 8 maart 2009

Vergrootglas als custom cursor bij afbeeldingen

Bij afbeeldingen op mijn site die nog een vergroting hebben, had ik altijd al een vergrootglas-icoontje in de rechteronderhoek staan. Nu heb ik er een zelfgemaakte cursor aan toegevoegd: als je over zo’n afbeelding heengaat, verandert de cursor in een vergrootglas.

Dit maakt de gebruiker beter duidelijk wat hij kan verwachten dan het standaard vingertje. Met alleen wat css is zo’n custom cursor supersimpel.

Lees hoe je de cursor aanpast
Tags: , , , , ,
Categorie: Articles, Interaction Design, Nederlands, html/css
Woensdag 18 februari 2009

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.

Lees verder hoe je transparante PNG-8's maakt
Tags: , , , , , ,
Categorie: Articles, Nederlands, Vormgeving, html/css