Oto prezentacja możliwości projektowania z wykorzystaniem CSS. Wybierz arkusz stylu z listy aby załadować go do tej strony.

Pobierz przykładowe pliki html i css

Droga do Oświecenia.

Zaśmiecanie ciemnej i ponurej drogi leży w przeszłych reliktach właściwych dla przeglądarek tagów, niekompatybilnych DOMów i niepełnego wsparcia dla CSS.

Dziś musimy oczyścić umysły z tych przeszłych praktyk. Oświecenie sieci stało się faktem dzięki niestrudzonym wysiłkom ludzi z >W3C, WaSP czy twórcom głównych przeglądarek internetowych.

Ogród css Zen zachęca do chwili relaksu i zadumy nad ważnymi lekcjami mistrzów. Patrz z jasnością. Naucz się korzystać z ogólnie uznanych (albo już niedługo) technik w nowym i ożywczym stylu. Zjednocz się z siecią

O co w tym chodzi?

Z pewnością istnieje potrzeba aby CSS został traktowany poważnie przez artystów grafików. Ogród Zen istnieje by ekscytować, inspirować i zachęcać do udziału w tym przedsięwzięciu. Na początek przejrzyj istniejące już wystroje z listy na stronie. Klikając załadujesz arkusz stylu we właśnie tą stronę. Kod pozostanie ten sam, jedyne co się zmieni to zewnętrzny arkusz z plikiem .css. Tak, naprawdę.

CSS pozwala na całkowitą kontrolę nad stylem i dokumentem hipertekstowym. Jedynym sposobem na zilustrowanie tego tak by podekscytować ludzi jest demonstracja jakim CSS jest naprawdę , pałeczka jest w rękach tych - zdolnych zmienić strukturę w prawdziwe piękno. Do dziś większość przykładów zgrabnych trików i haczków zostało zademnonstrowane przez strukturystów i koderów. Projektanci także powinni zaistnieć. To się musi wreszcie zmienić.

Uczestnictwo

Tak, ale jedynie artystów grafików. Jeżeli modyfikujesz tą stronę to potrzebne ci będą bardzo rozwinięte umiejętności operowania CSS jednak przykładowe pliki są opatrzone komentarzem tak że nawet nowicjusze mogą używać ich jako punktów wyjściowych. Zajrzyj do Przewodnika po zasobach CSS po zaawansowane tutoriale i triki przydatne do pracy z CSS.

Możesz modyfikować arkusz stylów jak tylko chcesz ale nie sam HTML. Z początku może się to wydawać zniechęcające zwłaszcza jeżeli wcześniej nigdy nie pracowałeś w ten sposób ale zajrzyj tylko to wymienionych linków aby nauczyć się czegoś więcej i wykorzystaj przykładowe pliki jako przewodnik.

Pobierz przykładowe pliki html i css do pracy na lokalnym dysku. Jak tylko ukończysz swoje dzieło sztuki (tylko prosze nie przesyłać nie do końca skończnych prac) wrzuć swoj plik .css na serwer gdzie posiadasz konto. Podeślij nam link do pliku i jeżeli zgodzimy się go wykorzystać podepniemy powiązane z nim grafiki. Podeślij nam link do pliku i jeżeli zgodzimy się go wykorzystać podepniemy powiązane z nim grafiki. Propozycje finałowe umieszczone zostaną na naszym serwerze.

uaktualnienie: Szukam tłumaczy. Jeżeli jesteś biegły w angielskim i innym języku oto inny sposób na zaangażowanie się w projekt. Proszę o kontakt w sprawie detali.

Korzyści

Po co uczestniczyć w projekcie? Dla uznania, inspiracji i zasobów do których możemy się wszyscy odwołać projektując w CSS. Coś takiego jest ogromnie potrzebne, nawet dziś. Coraz więcej poważnych witryn poprawiło się, niestety nie wszystkie. Kiedyś ta galeria będzie historyczną osobliwością; dzień ten jednak jeszcze nie nadszedł.

Wymagania

Chcielibyśmy oglądać tak wiele CSS1 jak to tylko możliwe. CSS2 powinien być ograniczany jedynie do elementów ogólnie obsługiwanych. Ogród Css Zen opiera się na funkcjonalnym, praktycznym CSS a nie na najnowszych trikach, dostępnych jedynie dla 2% użytkowników internetu. Jedynym poważnym warunkiem jest by twój CSS spełniał standardy.

Niestety, projektując w ten sposób odsłaniamy skazy różnych implementacji CSS. Różne przeglądarki wyświetlają ten sam CSS nawet spełniający standardy w różny sposób, co staje się nieznośne gdy jakaś poprawka prowadzi do powstania innego problemu. Zajrzyj na stronę z zasobami gdzie znajdziesz informacje na temat poprawek. Zgodność ze wszystkimi przeglądarkami to wciąż marzenie ściętej głowy i dlatego nie oczekujemy abyś tworzył perfekcyjny co do piksela kod na wszystkie platformy. Ale PRZETEJSTUJ go na czym tylko możesz. Jeżeli twoja praca nie będzie działała na przynajmniej IE5+/Win i Mozilli (czyli u ponad 90% użytkowników) są szanse że nie zaakceptujemy jej.

Prosimy przesyłać tylko oryginalne prace. Respektujcie prawa autorskie. Proszę ograniczyć materiał wzbudzający obiekcje do minimum; pełna smaku golizna zostanie przyjęta, czysta pornografia będzie odrzucana.

To zarówno ćwiczenie do nauki jak i demonstracja. Zachowacie prawa autorskie do swoich grafik ale prosimy o wypuszczanie swojego CSS z licencja Creative Commons identyczą jak tej strony tak by inni mogli uczyć się z twojej pracy.

Szerokość pasma łaskawie darowana przez DreamFire Studios