Blèr

Image via Wikipedia

In mijn overdenkingen van het YUI grids systeem probeerde ik uit te leggen waarom ik "om" was. Waarom ik niet langer zo puristisch was als het ging om het uitsplitsen van stijl (CSS) en content (HTML).

Jeff Croft legt het heel veel beter uit dan ik:

Use Web Standards because of the great benefits you get from them. Don’t use Web Standards because Jeffrey Zeldman told you to. Where Web Standards and other best practices don’t provide great benefits, find solutions that do.

Toen ik voor het eerst vernam van Yahoo GRIDS (YUI) en later van Google Blueprint was ik onplezierig verrast. Grids zijn bedoeld om het ontwerpen en layouten van sites veel makkelijker te maken. En daarin slagen ze wonderwel. Maar ik vond dit alles maar niets.

In mijn RSS feeds zag ik dat de CSS Zengarden weer vier nieuwe designs online heeft gezet. (CSS zengarden feed hier)

Voor hen die het niet kennen: CSS zengarden is een initiatief om te laten zien dat je met CSS heel mooie sites kunt bouwen. Helaas nog altijd actueel, want de vervloekte photoshop/dreamweaver of flash-only-sites worden nog altijd gebouwd.
CSSzengarden laat ook heel goed zien dat je op één basis-HTML (die dus de data en structuur bevat, heel mooie designs kunt toepassen. Dit is nog veel actueler, omdat er nauwelijks webbouwers zijn die dit correct toepassen.
Een meer practisch voorbeeld van zo een design-op-dezelfde-html-toepassen zou kunnen zijn: een speciaal design voor iphone gebruikers. OF een aangepast design voor de printer. Of een alternatief design voor slechtzienden. Enzovoort.

Dit artikel is al lange tijd te lezen als onderdeel van het help.sympal.nl ontwerpkeuze handboek. Het ligt daar echter een beetje weg te stoffen, vandaar dat ik besloot een grote opruiming te houden en wat artikelen naar mijn blog te verhuizen.

Vandaag over Fluid versus Fixed.

Fluid betekend dat je layout mee-schaalt met de grootte van het venster waarin hij weergegeven wordt. We spreken hierin eigenlijk alleen over de breedte. Op een heel klein scherm (of venster), zal de site heel smal weergegeven worden, op een groot scherm (bijvoorbeeld een breed venster) wordt de site heel breed weergeven.

Fixed betekent, dat onafhankelijk van de grootte van het scherm van de gebruiker, de site een vooraf ingestelde breedte heeft. Soms neemt zij dus maar een klein deel van het scherm in beslag (op een groot scherm) en soms loopt zij in de breedte van het scherm af (op een klein scherm).

De voor en nadelen zijn eenvoudig in een lijst op te nemen:

CSS zengarden heef na lange stilte weer een paar designs online gezet.

Voor hen die geen idee hebben wat CSS zen garden is: