Ukázka čeho se dá vizuálně dosáhnout designem založeném na CSS. Vyberte si jakoukoliv šablonu stylu ze seznamu, která se má nahrát do této stránky.
Stáhněte si ukázkový příklad html souboru a css souboru
Na tmavé a ponuré cestě leží poházené dřívějsí pozůstatky prohlížečů-specifické tagy, nekompatibilní DOMy a špatná podpora CSS.
Dnes si musíme vyčistit mysl od těchto postupů.Webová osvěta byla dosažena díky neúnavnému úsilí lidí z W3C, WaSP a tvůrců hlavních prohlížečů.
Css Zenová zahrada Vás zve k odpočinku a přemýšlení o významných lekcích mistrů. Začněte se dívat jasně. Naučte se používat časem uznané (teprve budou) techniky v novém osvěžujícím stylu. Splyňte s webem.
Zcela zřejmě je potřeba, aby bylo CSS bráno grafiky vážně. Zenová zahrada se snaží nadchnout, inspirovat a povzbuzovat spoluúčast. Pro začátek si prohlédněte některé z existujících designů ze seznamu. Kliknutím na kterýkoliv se nahraje šablona stylu právě do této stránky. Kód zůstane stejný, jediná věc, která se změnila je externí .css soubor. Ano, opravdu.
CSS dovoluje kompletní a úplnou kontrolu nad stylem hypertextového dokumentu. Jediný způsob, jak to můžeme ilustrovat tak, aby to nadchlo lidi, je demonstrace, že to tak opravdu může být, když jsou opratě v rukou lidí schopných vytvořit krásu ze struktury. Doposud byla většina příkladů pohledných triků a vychytávek předváděna strukturisty a kodéry. Designéři o sobě musí stále dávat vědět. Toto je potřeba změnit.
Pouze pro grafiky, prosím. Abyste mohli modifikovat tuto stránku, je nezbytná detailní znalost CSS, ale vzorové soubory jsou dostatečně dobře okomentované, aby je i nováček v CSS mohl použít jako startovní bod. Prosím, podívejte se na zdrojovou příručku CSS pro pokročilé procvičování a tipy pro práci s CSS.
Můžete modifikovat šablonu stylu, jak chcete, ale ne HTML. Zprvu to může vypadat znepokojivě, pokud jste tímto způsobem dosud nepracovali. Držte se odkazů v seznamu, abyste se naučily víc a používejte vzorové soubory jako návod.
Stáhněte si ukázkový příklad html souboru a css souboru kvůli práci s lokální kopií. Jakmile jste dokončili Vaše veledílo (a prosím, neodevzdávejte napůl rozpracovanou práci) nahrajte Váš .css soubor na webový server pod Vaší kontrolou. Pošlete nám adresu k souboru a když se ho rozhodneme použít, překopírujeme si i připojené obrázky. Konečné designy budou umístěny na našem serveru.
poslední: Hledám překladatele. Pokud jste schopni mluvit plynule v angličtině a jiném jazyku, toto je jiný způsob, jak se zapojit do projektu. Prosím kontaktujte mě kvůli detailům. Do češtiny přeložil Václav "MaTZ" Macinka.
Proč se účastnit? Pro poznání, inspiraci a zdroj, kam se můžeme všichni podívat, když budeme dělat design založený na CSS. Tohle je velice potřeba, dokonce i dnes. Víc a víc významných webů dělá pokroky, ale stále jich není dost. Jednoho dne bude tato galerie historická kuriozita, ale ten den ještě nenastal.
Rádi bychom viděli tolik CSS1, kolik je možné. CSS2 by mělo být omezeno jen na široce podporované prvky. Css Zenová zahrada je o funkčních, praktických CSS a ne o posledních strhujících tricích, které uvidí 2% brouzdající veřejnosti. Jediný skutečný požadavek, který máme, je takový, že Vaše CSS musí být uznané platným.
Naneštěstí takovéto designování poukazuje na nedostatky v různých implementacích CSS. Rozdílné prohlížeče někdy zobrazují odlišně dokonce i kompletně uznané CSS a pak se stává nesnesitelné, když oprava pro jeden vede k poškození ve druhém. Nahlédněte na stránky zdrojů pro informace o některých dostupných řešení. Plné vyhovění prohlížeči je někdy stále fantazie a my od Vás neočekáváme, že přijdete s perfektním na pixel přesným kódem na každé platformě. Ale testujte, co nejvíc můžete. Pokud Váš design nefunguje alespoň v IE5+/Win a Mozille (používá přes 90% populace), vyhlídka je taková, že ho nepřijmeme.
Žádáme od Vás, abyste odevzdali Vaše originální grafické zpracování (obrázky). Prosím, respektujte autorská práva. Prosím, udržujte nepřijatelný materiál na minimu, vkusná nahota je přípustná, otevřená pornografie bude odmítnuta.
Toto je ukázkový příklad ke studiu jakožto i demonstrace. Autorská práva na Vaši grafiku Vám celá zůstanou, ale prosíme Vás, abyste zveřejnili Vaše CSS pod licencí Creative Commons identickou s tou na tomto webu, aby se i ostatní mohli učit z Vaší práce.
Připojení laskavě darované od mediatemple