CSS Grids
Posted on 08. May, 2010 by admin in Tutorials HTML en CSS
CSS grids zijn een belangerijk hulpmiddel bij het opmaken van een website. CSS grids bieden een basis framewrok die je kunt gebruiken bij het uitwerken van je website layout. Zo win je tijd, en hoef je niet te beginnen van scratch. CSS grids bieden ook het voordeel dat ze uitvoerign getest zijn met diverse browsers. Je weet dus zker dat je geen problemen krijgt met compatibiliteit.
In dit artikel geven we een overzicht van een aantal beschikbare CSS grids die je kunt gebruiken.
#grid is een kleine tool die je helpt bij het overzicht houden van de layout van je website
Deze tool is een plugin voor Photoshop layouts.
Een van de meest bekende CSS frameworks. Het is gebaseerd op een breedte van 960 pixels. 960 is nameijk deelbaar door heel wat getallen. Je hebt 2 versies. Een gebaseerd op 12 kolommen, de ander op 16 kolommen.
Hiermee kun je je eigen CSS grid maken. Het gemaakte CSS framework maak je op basis van de opgegeven breedte en het aantal kolommen. Je kunt er ook een vaste header en footer aan geven.
Een zeer eenvoudige grid. En een lichtgewicht.
MEt deze tool maak je je eigen Grid.
EEn zeer goede CSS grid. Bevat ook een framework voor het eenvoudig printen van een website.
Een framework die zich richt op het eenvoudig toepassen van lettertypes.
EEn bekende broer in het CSS grid wereldje. Een goede tool voor een snelle floating CSS/(X)HTML design.
Dit CSS framework gaat uit van de letter grootte. Vervolgens past het alle kollomen aan.
Maak je eigen Grids
CSS Grid framwork met ingebouwde Mootools Javascript Bibiliotheek.
Welkom op web-garden
Deze website levert een maximum aan informatie, cursussen en templates voor de (beginnende) webdesigner. Deze site focust zich voornamelijk op alles wat HTML, CSS, Flash en Wordpress is.
Leave a reply