CSS Frameworks, de voor- en nadelen

Wanneer je vaak websites maakt, wordt het interessant om te kunnen beginnen vanuit een soort basis. In plaats van telkens opnieuw vanuit een leeg bestand de hele lay-out van de site te moeten definiëren in CSS code of (X)HTML, kan je werken met CSS Frameworks.

Een Framework is een (meestal abstract) concept van een structuur die je als basis kan gebruiken voor je webprojecten. Je bereidt één maal een default-style voor en dat hergebruik je voor al je toekomstige projecten. Dit wordt CSS Frameworks genoemd.

Frameworks hoeven niet groot en complex te zijn. Ze kunnen simpele CSS stijlen bevatten, zoals typography.css voor basis typografische regels, grid.css als je gebruik wil maken van een grid layout of layout.css voor een algemene layout, form.css voor een basis stijlvorm, general.css voor algemene regels enzovoorts. Je zou zelfs nog verder kunnen gaan met de segmentatie van je code, maar je moet oppassen dat de pagina’s op deze manier niet te zwaar worden voor een server..

Een Framework is eigenlijk een set tools, libraries en conventies die de routine taken bij het maken van websites abstract maakt in de vorm van algemene modules die telkens opnieuw gebruikt kunnen worden.

De voordelen van Frameworks zijn legio: Je verhoogt je productiviteit en je voorkomt veel voorkomende fouten. Je normaliseert je eigen codering. Dit heeft als voordeel bij het onderhouden van websites dat je niet telkens in de broncode van elke site waar je ooit aan hebt gewerkt, hoeft te gaan zoeken. Binnen een team ontstaat er overzicht, omdat iedereen vanuit dezelfde basis werkt. Dit voorkomt misverstanden en de samenwerking zal versoepelen. Omdat je Framework browser compatible is, hoef je je geen zorgen te maken bij je volgende projecten en kan je meteen aan de slag. Je hebt een duidelijke en complete code bedacht die je altijd kan gebruiken. Je hoeft dus niet bang te zijn dat je een keer kwijt bent hoe bepaalde codering ook al weer moest.

Maar een waarschuwing is ook op zijn plaats. Er zijn ook nadelen te noemen: Je hebt tijd nodig om het Framework goed te begrijpen voordat je er echt mee aan de slag kan. Voor de gemiddelde gebruiker is het misschien niet interessant om deze tijd erin te steken. Je moet de structuur van je code goed begrijpen. Je moet goed weten hoe de Framework is opgebouwd. Als je externe CSS Frameworks gebruikt loop je het risico dat je zijn bugs kado krijgt, en het kost meer tijd om de mankementen van iemand anders weg te werken dan die van jezelf. Het is zeer belangrijk dat je goed begrijpt hoe CSS werkt voordat je met CSS Frameworks aan de slag gaat, omdat je mogelijkheden met ontwerpen anders sterk beperkt kunnen worden. De uniciteit en eigenzinnigheid van (X)HTML taal gaat verloren in een Framework. Je loopt het gevaar dat je elk project op een standaard template, namelijk je Framework, gaat baseren.

Weeg de voor- en nadelen goed tegen elkaar af. Hieronder volgen een aantal links naar sites met uitgebreide uitleg en voorbeelden:

http://www.yaml.de/en/home.html
http://code.google.com/p/blueprintcss/
http://developer.yahoo.com/yui/grids/
http://960.gs/
http://docs.jquery.com/UI/Theming/API#The_jQuery_UI_CSS_Framework
http://csswizardry.com/typogridphy/
http://sencss.kilianvalkhof.com/
http://devkick.com/lab/tripoli/
http://www.noupe.com/css/5-popular-css-frameworks-tutorials-tools-for-getting-started.html
http://www.smashingmagazine.com/2007/09/21/css-frameworks-css-reset-design-from-scratch/
http://www.webdesignbooth.com/10-promising-css-framework-that-worth-a-look/