7 resurse utile pentru cei care învață CSS

2024 Autor: Malcolm Clapton | [email protected]. Modificat ultima dată: 2023-12-17 04:09

Foile de stil în cascadă fac HTML plictisitor atractiv. Lifehacker a selectat site-uri în limba rusă și engleză, precum și enciclopedii web care vă vor ajuta să înțelegeți mai bine CSS.

World Wide Web Consortium (W3C) a recomandat tehnologia CSS (Cascading Style Sheets) în 1996. De atunci, dezvoltatorii web au folosit foi de stil în cascadă pentru a crea design unic de site.

În urmă cu douăzeci de ani, dezvoltatorii s-au jucat cu opțiunile de font, atributele textului și culorile elementelor de pagină. În zilele noastre sunt în curs de desfășurare animații, umbre, gradienți, anti-aliasing și multe alte lucruri avansate.

Instalați o extensie Chrome sau un add-on pentru Firefox pentru a vă admira site-urile preferate fără foi de stil în cascadă.

Schimbările vor fi dramatice, deși nu întotdeauna. De exemplu, un agregator de știri cu greu se va schimba: este la fel de simplu ca două și două. Cu toate acestea, resursa este vizualizată de peste 150 de milioane de ori lunar.

Unde să înveți punctele mai fine ale CSS

1. HTMLbook

Să fim consecvenți și să începem cu o bază teoretică solidă. Pentru aceasta, apelăm la Vlad Merzhevich, autor de cărți și dezvoltator web, care menține mai multe resurse de calitate despre aspectul și stilul paginilor web.

Aici veți găsi un tutorial auto-explicativ și răspunsuri la întrebări populare despre foile de stil în cascadă. Există, de asemenea, articole tutorial despre a treia specificație CSS actuală.

2. WebReference

oferă o referință alfabetică la CSS. Fiecare proprietate are o scurtă descriere, sintaxă și un exemplu live. Nu ezitați să puneți întrebări - autorii proiectului iau legătura și discută de bunăvoie detaliile.

3. Referință CSS

Pe lângă tutorialele în limba rusă, vom adăuga site-uri străine. Cu ajutorul lor, este mai ușor pentru unii studenți să se adâncească în profesie și să accepte terminologia acesteia. Prin urmare, toată atenția este pusă. Nu există nimic de prisos pe site: proprietăți CSS, explicații și acțiune. Dintre lucrurile mărunte plăcute, remarcăm o căutare rapidă și o copiere a unei proprietăți în clipboard cu un clic de mouse.

4. Premii de design CSS

Educația este o afacere lungă și uneori plictisitoare. Ar fi frumos să găsim motivație pentru a ajuta în momentele dificile. Ne vom inspira de la alți web designeri, sau mai bine zis de pe site. Aici este prezentat în fiecare zi un proiect de calitate, care servește drept model pentru ceea ce merită să lupți. Mulți dintre câștigători sunt cu adevărat surprinzători. Nu uitați să veniți și să votați pentru nominalizații dvs. preferați.

5. CSS Zen Garden

Având cunoștințe asigurate și un far, este timpul să vă testați puterea în afaceri. Și pentru a nu alege drumul mult timp, vă vom îndruma către pagină. Conține un fișier HTML neschimbat, căruia utilizatorii din întreaga lume încearcă să ofere un design extraordinar folosind foi de stil în cascadă.

Încărcați codul HTML de referință, adăugați stilul și trimiteți totul înapoi. Poate că abordarea ta va fi cea mai bună. Apropo, puteți descărca versiunea altcuiva și puteți vedea cum este implementată.

6. CSSPlay

Este clar că vei dori să aplici ceva de genul care să atragă atenția tuturor. Nu știm dacă există așa ceva, dar zeci și sute de trucuri curioase au existat cu siguranță.

7. CSS Lint

De ce avem nevoie de ale altcuiva, dacă mâinile noastre cresc drepte? Chiar arată. Pe lângă verificarea de bază a sintaxei CSS, serviciul web verifică conformitatea cu regulile care afectează viteza de încărcare a paginii. Rezultatul este frumos, CSS prietenos cu browserul.