Nederdev : web and Drupal stuff

Chuck Norris does not float containers. He kicks them until they fit.

PNG afbeeldingen zijn een veelgebruikt middel als het gaat om transparantie. Het enige nadeel aan deze techniek is dat Internet Explorer 6 niet om kan gaan met transparante PNG afbeeldingen. De afbeeldingen krijgen standaard namelijk een soort lichtblauwe achtergrond, waardoor de transparantie zelf geen nut meer heeft. Er is echter een methode om IE6 PNG's toch goed weer te laten geven: AlphaImageLoader().

Er zijn bij webdesign een aantal manieren om kleuren te definiëren. Drie veelgebruikte methodes zijn hexadecimale waardes, RGB kleuren en kleurnamen. Dit artikel legt de mogelijkheden en de voordelen van elke methode uit.

Kleurnamen

De makkelijkste manier om een kleur te definiëren is wel door de kleur bij zijn naam te noemen. Er zijn voor veel kleuren namen in omloop, maar slechts 16 namen zijn geldig:

1. aqua
2. black
3. blue
4. fuchsia
5. gray
6. green
7. lime
8. maroon
9. navy
10. olive

Niemand wil een kale website, iedereen wil dat de boel aangekleed is en gebruikt daarvoor afbeeldingen. Het gebruik hiervan kan je in twee categoriën onderverdelen: afbeeldingen als content en afbeeldingen voor het design. Het is belangrijk dat je onderscheid maakt tussen deze twee groepen.

De theorie

Als je afbeeldingen voor de content wil gebruiken, bijvoorbeeld foto's van huizen op de site van een makelaar, dan kan je heel eenvoudig gebruik maken van de image tag, zoals in het volgende voorbeeld wordt laten zien.

"CSS? Nooit van gehoord"

Veel mensen weten niet wat het is en wat je ermee kan doen. Nog steeds zijn er veel designers die hun pagina's met HTML opmaken omdat ze niets van CSS weten of denken dat het voorbehouden is aan W3C goeroe's. Ten eerste is het helemaal niet moeilijk en ten tweede kan je zelf ook zo'n goeroe worden :-) In deze tutoriel leer je waarom je CSS moet gebruiken en hoe je het gebruikt.

Inleiding

Het originele artikel over de Suckerfish Dropdowns op A List Apart bewees dat het een populaire manier was om lichtgewicht en toegankelijke CSS dropdown-menu's te maken waarbij Internet Explorer een handje werd geholpen door de :hover pseudo-class na te apen.