7 užitečných zdrojů pro ty, kteří se učí CSS

2024 Autor: Malcolm Clapton | [email protected]. Naposledy změněno: 2023-12-17 03:50

Kaskádové styly činí nudné HTML atraktivní. Lifehacker vybral ruské a anglicky psané stránky a také webové encyklopedie, které vám pomohou lépe porozumět CSS.

World Wide Web Consortium (W3C) doporučilo technologii CSS (Cascading Style Sheets) v roce 1996. Od té doby weboví vývojáři používají kaskádové styly k vytváření jedinečných návrhů stránek.

Před dvaceti lety si vývojáři hráli s možnostmi písma, atributy textu a barvami prvků stránky. V současné době jsou ve vývoji animace, stíny, přechody, vyhlazování a mnoho dalších pokročilých věcí.

Nainstalujte si rozšíření pro Chrome nebo doplněk Firefoxu a obdivujte své oblíbené stránky bez kaskádových stylů.

Změny budou dramatické, i když ne vždy. Například agregátor zpráv se téměř nezmění: je jednoduchý jako dva a dva. Přesto je zdroj zobrazen více než 150 milionůkrát měsíčně.

Kde se naučit jemnější body CSS

1. HTMLkniha

Buďme důslední a začněme pevným teoretickým základem. V této věci se obracíme na Vlada Merzheviče, autora knih a webového vývojáře, který spravuje několik kvalitních zdrojů o rozvržení a stylu webových stránek.

Zde najdete samovysvětlující tutoriál a odpovědi na oblíbené otázky týkající se kaskádových stylů. K dispozici jsou také výukové články o aktuální třetí specifikaci CSS.

2. WebReference

nabízí abecední odkaz na CSS. Každá vlastnost má krátký popis, syntaxi a živý příklad. Neváhejte se ptát - autoři projektu se ozvou a ochotně proberou podrobnosti.

3. CSS Reference

Kromě výukových programů v ruštině přidáme zahraniční stránky. S jejich pomocí je pro některé studenty snazší proniknout do profese a přijmout její terminologii. Proto je veškerá pozornost věnována. Na webu není nic nadbytečného: vlastnosti CSS, vysvětlení a akce. Z příjemných maličkostí si všimneme rychlého vyhledání a zkopírování nemovitosti do schránky kliknutím myši.

4. CSS Design Awards

Vzdělávání je dlouhá a někdy nudná záležitost. Bylo by fajn najít motivaci pomáhat v těžkých chvílích. Inspirovat se budeme u ostatních webdesignérů, respektive na stránkách. Každý den je zde prezentován kvalitní projekt, který slouží jako vzor toho, o co stojí za to usilovat. Mnoho vítězů je skutečně překvapivých. Nezapomeňte se přihlásit a hlasovat pro své oblíbené kandidáty.

5. CSS Zen Garden

Máte-li zajištěné znalosti a maják, je čas otestovat svou sílu v podnikání. A abychom si cestu dlouho nevybírali, nasměrujeme vás na stránku. Obsahuje neměnný HTML soubor, kterému se uživatelé z celého světa snaží dodat mimořádný design pomocí kaskádových stylů.

Načtěte referenční HTML, přidejte svůj styl a odešlete vše zpět. Možná bude váš přístup nejlepší. Mimochodem, můžete si stáhnout verzi někoho jiného a podívat se, jak je implementována.

6. CSSPlay

Je jasné, že budete chtít použít něco takového, co přitáhne pozornost každého. Nevíme, jestli něco takového existuje, ale desítky a stovky kuriózních triků tu byly určitě.

7. CSS Lint

Proč potřebujeme někoho jiného, když naše vlastní ruce rostou rovně? Opravdu to ukazuje. Kromě základní kontroly syntaxe CSS webová služba kontroluje dodržování pravidel, která ovlivňují rychlost načítání stránky. Výstupem je pěkný CSS vhodný pro prohlížeč.