Of tenminste 1 zéér belangrijke functie ervan. Als je de webdeveloper extensie voor Firefox hebt, ken je vast en zeker de ‘outline’ functies waarmee je snel alle block elementen van een webpagina kan laten omlijnen om zo een overzicht te krijgen welke de exacte afmetingen van elke block element zijn. Klik op onderstaande screenshot als je niet weet waar ik het over heb.

Nu bedenk ik met net dat deze functie nutteloos is voor de webdesigner die weet waar hij mee bezig is. Als je valid CSS code schrijft moet je in principe weten hoe elk element er uitziet en wat de te verwachten afmetingen, padding, margin en dergelijke zullen zijn in een standard compliant webbrowser. Dus … de outline functie is leuk maar in Firefox is het niets meer dan een overbodige bevestiging van de zelfgeschreven code.
Wat ik nu eigenlijk wil zeggen, is dat er eigenlijk een ‘outline functie’ zou moeten bestaan voor Internet explorer aangezien het deze browser is die de CSS code meestal niet begrijpt en het daar dus veel nuttiger zou zijn om te zien hoe de code (verkeerd) geïnterpreteert wordt.
Mits er zo geen extensie bestaat (of ik heb er geen weet van) ben ik verplicht om bij het debuggen van de CSS (debuggen is eigenlijk een verkeerde term aangezien het om valid CSS code gaat maar kom) bij elke CSS classe van een block element de regel
toe te voegen om zo toch maar een zicht te krijgen hoe IE de code interpreteert.
ps: technisch blogposts schrijven is ook niet om te lachen zo blijkt :p