web-garden

CSS Frameworks

Posted on 18. Feb, 2009 by admin in Tutorials HTML en CSS

Het schrijven van HTML/CSS code is vaak een tijdrovende bezigheid. Daarom niet minder prettig :).
Maar ieder stukje code wordt steeds opnieuw getest op de bekomen layout. Daarom zijn er raamwerken (frameworks) gemaakt die het schrijven van CSS code significant vereenvoudigen.

We kunnen hier proberen lange verhalen over te schrijven , maar het tonen van een voorbeeld legt het allemaal sneller en envoudiger uit.
Bezoek even deze website YUI: CSS Grid Builder

Je ziet dus in de linkerkolom een toolbox die je kunt gebruiken om je CSS code (layout) op te bouwen.
Je kunt de breedte van je pagina opgeven in pixs.
Je geeft het aantal kolommen op. Je geeft het aantal rijen (rows) op. Je kunt een header en footer tekst opgeven.
Je ziet het resultaat direct op je scherm. Vervolgens kun je via “show code” de bijhorende code verkrijgen.

YUI CSS Grid Builder is niet de enige site waar je dergelijke tools ter beschikking krijgt. Onderstaande sites geven gelijkaardige hulpmiddelen.

http://960.gs/
(Op deze site zie je ook een aantal klasrijke sites die met deze tool zijn gemaakt.)

http://www.blueprintcss.org/

Er zit hier toch een adder onder het gras. Dit soort tools kun je pas goed gebruiken als je een goede kennis van HTML en CSS hebt.  Deze tools vervangen niet de studie van HTML en CSS!!! Ze zijn alleen een mooie en interessante aanvulling !

Tags: CSS Frameworks