7 przydatnych zasobów dla osób uczących się CSS

2024 Autor: Malcolm Clapton | [email protected]. Ostatnio zmodyfikowany: 2023-12-17 04:07

Kaskadowe arkusze stylów sprawiają, że nudny HTML jest atrakcyjny. Lifehacker wybrał strony rosyjsko- i anglojęzyczne, a także encyklopedie internetowe, które pomogą Ci lepiej zrozumieć CSS.

Konsorcjum World Wide Web Consortium (W3C) zaleciło technologię CSS (Cascading Style Sheets) w 1996 roku. Od tego czasu twórcy stron internetowych używają kaskadowych arkuszy stylów do tworzenia unikalnych projektów witryn.

Dwadzieścia lat temu programiści bawili się opcjami czcionek, atrybutami tekstu i kolorami elementów strony. Obecnie trwają animacje, cienie, gradienty, wygładzanie krawędzi i wiele innych zaawansowanych rzeczy.

Zainstaluj rozszerzenie Chrome lub dodatek do przeglądarki Firefox, aby podziwiać swoje ulubione witryny bez kaskadowych arkuszy stylów.

Zmiany będą dramatyczne, choć nie zawsze. Na przykład agregator wiadomości prawie się nie zmieni: to tak proste, jak dwa i dwa. Niemniej jednak zasób jest oglądany ponad 150 milionów razy miesięcznie.

Gdzie można nauczyć się niuansów CSS

1. Książka HTML

Bądźmy konsekwentni i zacznijmy od solidnych podstaw teoretycznych. W tym celu zwracamy się do Vlada Merzhevicha, autora książek i twórcy stron internetowych, który utrzymuje kilka wysokiej jakości zasobów dotyczących układu i stylizacji stron internetowych.

Tutaj znajdziesz intuicyjny samouczek i odpowiedzi na popularne pytania dotyczące kaskadowych arkuszy stylów. Istnieją również artykuły samouczka dotyczące aktualnej trzeciej specyfikacji CSS.

2. Odniesienie do sieci

oferuje alfabetyczne odniesienie do CSS. Każda właściwość ma krótki opis, składnię i przykład na żywo. Nie wahaj się zadawać pytań - autorzy projektu kontaktują się i chętnie omawiają szczegóły.

3. Odniesienie CSS

Oprócz samouczków w języku rosyjskim dodamy strony zagraniczne. Z ich pomocą niektórym studentom łatwiej jest zagłębić się w zawód i zaakceptować jego terminologię. Dlatego cała uwaga jest skupiona. Na stronie nie ma nic zbędnego: właściwości CSS, objaśnienia i działanie. Z przyjemnych drobiazgów zauważamy szybkie wyszukiwanie i kopiowanie właściwości do schowka za jednym kliknięciem myszy.

4. Nagrody za projektowanie CSS

Edukacja to długa i czasami nudna sprawa. Miło byłoby znaleźć motywację do pomocy w trudnych czasach. Będziemy inspirować się innymi projektantami stron internetowych, a raczej na stronie. Każdego dnia prezentowany jest tutaj projekt wysokiej jakości, który jest wzorem tego, do czego warto dążyć. Wielu zwycięzców jest naprawdę zaskakujących. Nie zapomnij wpaść i zagłosować na swoich ulubionych nominowanych.

5. Ogród Zen CSS

Mając zapewnioną wiedzę i latarnię, nadszedł czas, aby sprawdzić swoje siły w biznesie. A żeby długo nie wybierać drogi, skierujemy Cię na stronę. Zawiera niezmienny plik HTML, który użytkownicy z całego świata starają się nadać niezwykły wygląd za pomocą kaskadowych arkuszy stylów.

Załaduj referencyjny kod HTML, dodaj swoją stylizację i odeślij wszystko z powrotem. Być może twoje podejście będzie najlepsze. Przy okazji możesz pobrać czyjąś wersję i zobaczyć, jak jest zaimplementowana.

6. CSSPlay

Oczywiste jest, że będziesz chciał zastosować coś, co przyciągnie uwagę wszystkich. Nie wiemy, czy coś takiego istnieje, ale na pewno były tam dziesiątki i setki ciekawych sztuczek.

7. CSS Lint

Po co nam czyjeś ręce, skoro nasze ręce wyprostują się? Czy to naprawdę widać. Oprócz podstawowego sprawdzania składni CSS usługa sieciowa sprawdza zgodność z regułami wpływającymi na szybkość ładowania strony. Wynikiem jest ładny, przyjazny dla przeglądarki CSS.