En demonstration af mulighederne i CSS baseret design. Vælg en af de forskellige layouts fra listen for at loade den på siden.
En mørk tid præget af browser-specifikke tags, inkompatible DOMs og dårlig CSS support.
I dag må vi starte på en firsk. En bedre web-verden er blevet opnået takket være utrætteligt arbejde fra folk som W3C, WaSP og de store browser producenter.
css Zen Garden inviterer indenfor til en verden hvor du kan slappe af og reflektere over de vigtige ting vi har lært fra mestrene. Se med klarere øjne. Lær at håndtere det (endnu ikke) beundret håndværk på en ny og spændende måde. Vær én med nettet.
Grafiske designere skal til at tage CSS seriøst. The Zen Garden vil forbløffe, inspirere og opmuntre til deltagelse. Start med at kigge på nogle af de eksisterende layouts fra listen.Ved at klikke på en af dem loades det pågældende style sheet på siden. Selve koden forbliver den sammen, det eneste der ændres er den eksterne .css fil. Nej, du drømmer ikke.
CSS giver en total kontrol over udseendet af et dokument. Den eneste måde dette kan illusteres på en måde der forbløffer, er at demonstrere hvor meget CSS kan gøre i hænderne på en der kan kreere skønhed fra struktur. Indtil nu er de fleste finesser og hacks demonstreret af programmører. Desgnere har endnu ikke sat deres præg. Det skal vi lave om på.
Kun grafisk designere. Du skal modificere denne side, så stærke CSS evner er nødvendige. Dog er filerne kommenteret grundigt nok til at selv folk uden så megen erfaring kan bruge dem som hjælpelinier. Se CSS resource guiden og find tips og guider til CSS.
Du kan modificere style sheetet som du ønsker, men ikke html filen. Dette kan virke svært hvis du aldrig har arbejdet på denne måde før, men kig gennem linksene for at lære mere, og kig filerne igennnem for at få gode ideer.
Download html filen og css filen og begynd på en kopi der gemmes lokalt. Når dit mesterværk er færdigt (vær venlig ikke at aflevere halv-færdige sider) upload .css filen på en valgfri server under din kontrol. Send os et link til filen og vi vil lægge den op på vores egen, sammen med billederne, hvis vi vælger at bruge layoutet.
Opdatering: Jeg leder efter oversættere. Hvis du snakker flydende engelsk plus et andet sprog kan du på en alternativ måde blive involveret i projektet. Kontakt mig og få flere detaljer. This translation by Brian Anderson.
Hvorfor deltage? Anderkendelse, inspiration og en for at være en resource vi alle kan refere til når vi taler for CSS-baseret design. Dette er der i den grad mangel på, selv i dag. Flere og flere store sider tager spriget, men langt fra nok. En dag vil dette galleri blive et interessant minde, den dag er ikke i dag.
Så meget CSS1 som muligt. Diverse CSS2 elementer skal være begrænset til de bredt understøttede. Css Zen Garden handler om funktionelt, praktisk CSS og ikke de sidste nye tricks kun 2% af netsurferne kan se. Vores eneste krav er at din CSS validerer.
Desværre bringer denne måde at designe tit de forskellige fejl i implementationerne af CSS. Forskellige browsere viser forskellige resultater, selv ved perfekt valideret CSS. Utroligt frustrerende når en rettelse på én fejl, bringer et nyt problem op et andet sted. Se Resources for at lære mere om nogle af de løsninger der findes. Fuld browser kompabilitet eksisterer stadig kun i en drømmeverden og vi forventer ikke fuldkommen pixel-perfekt kode til alle platforme. Dog beder vi om at du tester i så mange som muligt. Hvis dit design ikke virker i mindst IE5+/Win og Mozilla (brugt af over 90% af brugere), er chancerne for at vi vil godtage designet ikke store.
Kun originale værker. Respekter copyright love. Hold tilbage med upassende materiale, smagfuld nøgenhed er acceptabelt, direkte pornografi er ikke.
Dette en ment som en lærerig oplevelse, lige så vel som en demonstration.Du beholder fuldt copyright på dit arbejde, men vi beder om at udgive din CSS under et "Creative Commons" licens, som vist på denne side så andre kan lære fra dit arbejde.
Hosting er elskværdigt doneret af mediatemple