Waar gaat dit over?

Er is een duidelijke noodzaak voor het serieus nemen van CSS door grafische ontwerpers. De Zen Garden richt zich op het enthousiast maken, inspireren en aanmoedigen van het gebruiken van CSS door grafische ontwerpers. Kijk om te beginnen in de lijst met aanwezige ontwerpen. Door te klikken op een ontwerp wordt het ontwerp in deze pagina ingeladen. De HTML blijft hetzelfde, het enige wat verandert is het externe CSS bestand. Ja, echt waar!

CSS stelt ons in staat om complete en totale controle uit te oefenen over de opmaak van een hypertext document. De enige wijze waarop dit geïllustreerd kan worden, op een manier dat dit mensen enthousiast maakt, is door middel van een demonstratie van wat CSS echt betekent in de handen van diegene die schoonheid creëeren vanuit structuur. Tot op heden, zijn de meeste voorbeelden van mooie trucs en hacks gedemonstreerd door 'structureerders' en programmeurs. Grafische ontwerpers moeten hier echter nog hun stempel drukken. Dit moet dus snel gaan gebeuren.

Deelname

Bij voorkeur enkel grafische ontwerpers. U past deze pagina aan, dus goede vaardigheden op het gebied van CSS zijn noodzakelijk. Echter, de voorbeeld bestanden zijn zodanige voorzien van commentaar dat zelfs beginnende CSS-ers ze kunnen gebruiken als startpunt. Zie ook de CSS Bronnen voor geavanceerde handleidingen en tips voor het werken met CSS.

U mag de style sheet wijzigen zoals u wilt, echter niet de HTML! Dit komt misschien wat vreemd over als u nog nooit op deze wijze gewerkt heeft, maar volg de links op deze pagina om meer te leren en gebruik de voorbeeld bestanden als een richtlijn.

Download het voorbeeld html bestand en CSS bestand om er lokaal eraan te kunnen werken. Op het moment dat u uw meesterwerk klaar heeft (en alstublieft, stuur geen half afgemaakt werk) kunt u uw .css bestand  uploaden naar een web server waar u toegang tot heeft. Stuur ons het adres van uw bestand en als we besluiten om het te gaan gebruiken zullen we de bijbehorende plaatjes er bij downloaden. Uiteindelijk zullen toegezonden aanmeldingen op onze server geplaatst worden.

Voordelen

Waarom deelnemen? Voor de (h)erkenning, inspiratie en het meewerken aan een bron waar we allemaal naar kunnen verwijzen om het gebruik van CSS gebaseerd ontwerpen te promoten. Dit is zeer noodzakelijk, zelfs hedentendaage. Steeds meer grote web sites nemen de stap naar CSS gebaseerd ontwerp, maar velen hebben dat nog niet gedaan. Ooit zal deze galerij een historische curiositeit zijn, maar die moet nog komen.

Vereisten

We zouden graag zoveel mogelijk CSS1 en 2 willen zien. CSS2 moet beperkt blijven tot breed ondersteunde elementen. De CSS Zen Garden gaat over functioneel, praktische CSS en niet over de laatste high-tech mogelijkheden die alleen zichtbaar zijn voor 2% van het surfende publiek. De enige echte vereiste is dat u uw CSS valideert.

Deze manier van ontwerpen toont aan hoe goed de verschillende browsers CSS op dit moment hebben geïmplementeerd. Als u zich aan de richtlijnen houd zou het resultaat behoorlijk consistent moeten zijn tussen de verschillende moderne browsers. Door het grote aantal user agents op het web — zeker als u ook mobiel mee rekend — zullen pixel-perfecte ontwerpen niet altijd mogelijk zijn voor elk platform. Dat is geen probleem, maar test wel in zoveel mogelijk verschillende browsers. Uw design zou op zijn minst moeten werken voor IE9+, de laatste Chrome, Firefox, iOS en Android browsers (gebruikt door meer dan 90% van de bevolking).

We vragen u om alleen ontwerpen die door u zelf zijn gemaakt op te sturen. Houd hierbij alstublieft rekening met de auteursrechten. Beperk mogelijk bezwaarlijk materiaal tot een minimum; probeer zo veel mogelijk unieke en interessante ontwerpen te gebruiken voor uw werk. We zijn al een heel eind voorbij het punt dat we een nieuw tuin-gerelateerd ontwerp nodig hebben.

Dit is een oefening alsmede een demonstratie. U behoudt uw auteursrecht over de beeldmaterialen, maar we vragen u om uw CSS vrij te geven onder een "Creative Commons" licentie identiek aan de degene van deze site, zodat anderen van uw werk kunnen leren.

Door Dave Shea. Bandbreedte is gedoneerd door mediatemple. Nu beschikbaar: Zen Garden, het boek.