O demonstratie a ceea ce se poate realiza vizual printr-un design bazat pe CSS. Alegeti oricare din stylesheet-urile de pe listã pentru a-l downloada în aceastã paginã.
De-a lungul unui drum întunecos si mohorît zac azvîrlite relicvele fostelor taguri specifice pentru anumite browsere, incompatibile cu DOM-urile, precum si sprijinul defectuos al CSS-ului.
În ziua de azi, trebuie sã ne limpezim mintea de practica trecutului. Desteptarea Web-ului s-a realizat multumitã eforturilor neobosite ale participantilor la W3C, WaSP precum si ale creatorilor importanti de browsere.
Grãdina css-Zen vã invitã sã vã relaxati si sã meditati asupra lectiilor importante ale maestrilor. Începeti sã vedeti cu claritate. Învãtati sã folositi metodele (încã nu) confirmate de timp în feluri noi si învigoratoare. Deveniti nedespãrtiti de web.
Existã nevoia clarã ca designerii grafici sã ia în serios conceptul CSS. Grãdina css-Zen este conceputã sã atragã, sã inspire, si sã încurajeze participarea dumneavoastrã. Pentru început, vã indreptãm atentia asupra unor designuri de pe listã. Alegeti oricare stylesheet din paleta de stiluri de pe listã pentru a-l încãrca în aceastã paginã. Codul rãmîne acelasi, singurul lucru care s-a schimbat este documentul extern .css. Da, într-adevãr!
CSS permite controlul complet si total asupra stilului documentului html. Singurul mod în care aceasta se poate ilustra într-un fel interesant este demonstrînd ce se poate realiza de-adevãrat, dacã se dã volanul pe mîna celor care sînt în stare sã creeze frumosul din structurã. Pîna în prezent, majoritatea exemplelor de gãselnite si montaje interesante a fost demonstratã de structuristi si codificatori. Designerii încã nu si-au pus amprenta. Trebuie sa schimbãm aceastã situatie.
Exclusiv designeri grafici, vã rugãm. Veti modifica aceastã paginã, de aceea trebuie sã aveti o competentã solidã în CSS, cu toate acestea documentele care contin exemplele sînt suficient de bine comentate încît pînã si începãtorii în CSS le pot folosi ca punct de plecare. Vã rugãm sa consultati Ghidul resurselor CSS continînd materiale avansate si indrumãri pentru folosirea CSS-ului.
Puteti sã modificati documentul .css în orice fel doriti, dar nu vã atingeti de HTML. Pentru început aceasta va putea pare inhibant dacã nu ati lucrat niciodatã în acest fel pîna acum, dar folositi link-urile listate, si folositi documentele mostrã drept ghid.
Downloadati mostrele html si css pentru a lucra pe o copie localã. De îndatã ce ati terminat de lucru la capodopera dumneavoastrã (si vã rugãm sã nu trimiteti o lucrare neterminatã) vã rugãm sa uploadati documentul .css pe un web server la care aveti acces dumneavoastrã. Trimiteti-ne un link la documentul dumneavoastrã si noi, dacã vom decide sã-l selectionãm, vom downloada imaginile asociate cu documentul .css. Lucrãrile selectionate vor fi gãzduite pe serverul nostru.
COMPLETARE: Cãutãm traducãtori. Dacã stiti bine engleza si o altã limbã, aceasta este încã o cale pe care puteti sã participati la proiect. Vã rugãm sã luati legãtura cu noi pentru a afla amãnunte. [Traducere de Joseph Siroker si Radu Darvas]
De ce sã participati? Pentru a vã face un nume, pentru inspiratie, si pentru o resursã la care ne putem referi cu totii cînd vrem sã popularizãm ideea designului bazat pe CSS. Este extrem de necesar sã facem aceasta, chiar si în ziua de azi. Din ce în ce mai multe website-uri majore fac pasul acesta, dar încã nu suficient de multe l-au fãcut. Într-o buna zi aceastã galerie va deveni o curiozitate istoricã; dar acea zi înca n-a venit.
Am vrea sã vedem atît de mult CSS1 pe cît este posibil. CSS2 trebuie limitat numai la elementele sprijinite în modul cel mai rãspîndit. Grãdina css-Zen este bazatã pe o abordare functionalã si practicã a CSS-ului si nu pe ultimele rãcnete ale tehnologiei vizibile numai de 2% din public. Singura cerintã realã pe care o avem este ca CSS-ul dumneavoastrã sã treacã prin validare.
Din pãcate, designul practicat în acest fel subliniazã lacunele diverselor implementãri ale CSS-ului. Browsere diferite reprezintã uneori în mod diferit chiar si CSS complet validat, si devine enervant cînd o solutie pentru unul din ele stricã reprezentarea într-un altul. Vã indreptãm atentia cãtre pagina de Resurse unde puteti gãsi informatii asupra unor solutii disponibile. O conformitate completã cu toate browserele rãmîne uneori o sperantã pentru viitor, si noi nu ne asteptãm de la dumneavoastrã sã produceti o codificare absolut perfectã în fiecare pixel pe toate platformele corespunzãtoare. Totusi vã rugãm sã testati pe cît mai multe platforme posibile. Dacã designul dumneavoastrã nu functioneazã cel putin în IE5+/Win si Mozilla (care sînt folosite de peste 90% din populatie), este posibil ca noi sã nu-l acceptãm.
Cerinta noastrã este sã ne trimiteti numai lucrãri originale. Vã rugãm sã respectati legile de copyright. Vã rugãm sã limitati pe cît se poate materialele socante si dubioase; prezentarea cu bun gust a nudurilor este acceptabilã, pornografia explicitã va fi respinsã.
Acesta este un exercitiu de ucenicie si de demonstratie. Dumneavoastrã pãstrati drepturile complete de copyright asupra lucrãrilor dumneavoastrã grafice, dar vã rugãm sã cedati drepturile pentru CSS în favoarea unei Licence Creative Commons identice cu cea de pe acest site (în engleza) pentru ca sã oferiti posibilitatea altor oameni sã învete din lucrãrile dumneavoastrã.
Canalele sînt donate prin bunãvointa mediatemple