7 užitočných zdrojov pre tých, ktorí sa učia CSS

2024 Autor: Malcolm Clapton | [email protected]. Naposledy zmenené: 2023-12-17 04:09

Kaskádové štýly robia nudné HTML atraktívne. Lifehacker vybral stránky v ruskom a anglickom jazyku, ako aj webové encyklopédie, ktoré vám pomôžu lepšie porozumieť CSS.

World Wide Web Consortium (W3C) odporučilo technológiu CSS (Cascading Style Sheets) v roku 1996. Odvtedy weboví vývojári používajú kaskádové štýly na vytváranie jedinečných návrhov stránok.

Pred dvadsiatimi rokmi sa vývojári pohrali s možnosťami písma, atribútmi textu a farbami prvkov stránky. V súčasnosti prebiehajú animácie, tiene, prechody, anti-aliasing a mnoho ďalších pokročilých vecí.

Nainštalujte si rozšírenie Chrome alebo doplnok Firefox a obdivujte svoje obľúbené stránky bez kaskádových štýlov.

Zmeny budú dramatické, aj keď nie vždy. Napríklad agregátor správ sa sotva zmení: je jednoduchý ako dva a dva. Napriek tomu je zdroj zobrazený viac ako 150 miliónov krát mesačne.

Kde sa naučiť jemnejšie body CSS

1. HTMLkniha

Buďme dôslední a začnime pevným teoretickým základom. Obraciame sa preto na Vlada Merzhevicha, autora kníh a webového vývojára, ktorý spravuje niekoľko kvalitných zdrojov o rozložení a štýle webových stránok.

Tu nájdete samovysvetľujúci návod a odpovede na obľúbené otázky o kaskádových štýloch. K dispozícii sú aj výukové články o aktuálnej tretej špecifikácii CSS.

2. WebReferencia

ponúka abecedný odkaz na CSS. Každá vlastnosť má krátky popis, syntax a živý príklad. Neváhajte klásť otázky - autori projektu sa ozvú a ochotne preberú detaily.

3. Odkaz na CSS

Okrem tutoriálov v ruskom jazyku pridáme aj zahraničné stránky. S ich pomocou je pre niektorých študentov jednoduchšie preniknúť do profesie a prijať jej terminológiu. Preto je všetka pozornosť upriamená. Na stránke nie je nič zbytočné: vlastnosti CSS, vysvetlenia a akcie. Z príjemných drobností si všimneme rýchle vyhľadávanie a skopírovanie vlastnosti do schránky kliknutím myši.

4. CSS Design Awards

Vzdelávanie je dlhý a niekedy nudný biznis. Bolo by fajn nájsť motiváciu pomôcť v ťažkých chvíľach. Inšpirovať sa budeme u iných webdizajnérov, respektíve na stránke. Každý deň sa tu prezentuje kvalitný projekt, ktorý slúži ako vzor toho, o čo sa oplatí snažiť. Mnohí víťazi sú skutočne prekvapujúci. Nezabudnite sa prihlásiť a hlasovať za svojich obľúbených nominovaných.

5. CSS Zen Garden

Po zabezpečených vedomostiach a majáku je čas otestovať svoju silu v podnikaní. A aby ste si cestu dlho nevyberali, nasmerujeme vás na stránku. Obsahuje nemenný súbor HTML, ktorému sa používatelia z celého sveta snažia dodať mimoriadny dizajn pomocou kaskádových štýlov.

Načítajte referenčný kód HTML, pridajte svoj štýl a pošlite všetko späť. Možno bude váš prístup najlepší. Mimochodom, môžete si stiahnuť verziu niekoho iného a zistiť, ako je implementovaná.

6. CSSPlay

Je jasné, že budete chcieť použiť niečo také, čo upúta pozornosť každého. Nevieme, či niečo také existuje, ale určite tu boli desiatky a stovky kurióznych trikov.

7. CSS Lint

Prečo potrebujeme niekoho iného, ak naše vlastné ruky rastú rovno? Naozaj to ukazuje. Okrem základnej kontroly syntaxe CSS webová služba kontroluje súlad s pravidlami, ktoré ovplyvňujú rýchlosť načítania stránky. Výstupom je pekný CSS vhodný pre prehliadač.