7 kasulikku ressurssi neile, kes õpivad CSS-i

2024 Autor: Malcolm Clapton | [email protected]. Viimati modifitseeritud: 2023-12-17 03:53

Kaskaadlaadilehed muudavad igava HTML-i atraktiivseks. Lifehacker on välja valinud vene- ja ingliskeelsed saidid ning veebientsüklopeediad, mis aitavad teil CSS-i paremini mõista.

World Wide Web Consortium (W3C) soovitas 1996. aastal CSS-tehnoloogiat (Cascading Style Sheets). Sellest ajast alates on veebiarendajad kasutanud ainulaadsete saidikujunduste loomiseks kaskaadlaadilehti.

Kakskümmend aastat tagasi mängisid arendajad fondivalikute, tekstiatribuutide ja leheelementide värvidega. Tänapäeval on töös animatsioonid, varjud, gradiendid, aliasing ja palju muid täiustatud asju.

Installige Chrome'i laiendus või Firefoxi lisandmoodul, et imetleda oma lemmiksaite ilma kaskaadlaaditabeliteta.

Muutused on dramaatilised, kuigi mitte alati. Näiteks uudiste koondaja vaevalt muutub: see on sama lihtne kui kaks ja kaks. Sellest hoolimata vaadatakse ressurssi üle 150 miljoni korra kuus.

Kust õppida CSS-i peenemaid punkte

1. HTML-raamat

Olgem järjekindlad ja alustame kindlast teoreetilisest põhjast. Selleks pöördume raamatu autori ja veebiarendaja Vlad Merževitši poole, kes haldab mitmeid kvaliteetseid ressursse veebilehtede paigutuse ja stiili kohta.

Siit leiate iseenesestmõistetava õpetuse ja vastused populaarsetele küsimustele kaskaadlaadilehtede kohta. Praeguse kolmanda CSS-i spetsifikatsiooni kohta on ka õpetusartikleid.

2. WebReference

pakub tähestikulist viidet CSS-ile. Igal atribuudil on lühike kirjeldus, süntaks ja reaalajas näide. Ärge kartke küsimusi esitada – projekti autorid võtavad ühendust ja arutavad meelsasti üksikasju.

3. CSS-i viide

Lisaks venekeelsetele õpetustele lisame välismaiseid saite. Nende abiga on mõnel õpilasel lihtsam erialasse süveneda ja selle terminoloogiat omaks võtta. Seetõttu on kogu tähelepanu suunatud. Saidil pole midagi üleliigset: CSS-i omadused, selgitused ja tegevus. Meeldivatest pisiasjadest märgime ära kiire otsingu ja omaduse kopeerimise lõikelauale hiireklõpsuga.

4. CSS-i disainiauhinnad

Haridus on pikk ja mõnikord igav äri. Tore oleks leida motivatsiooni rasketel hetkedel aidata. Saame inspiratsiooni teistelt veebidisaineritelt, õigemini saidilt. Iga päev esitletakse siin kvaliteetset projekti, mis on eeskujuks, mille poole tasub püüelda. Paljud võitjad on tõeliselt üllatavad. Ärge unustage siseneda ja hääletada oma lemmiknominentide poolt.

5. CSS Zen Garden

Olles kindlustanud teadmised ja majaka, on aeg panna oma jõud äris proovile. Ja et mitte kauaks teed valida, suuname teid lehele. See sisaldab muutumatut HTML-faili, millele kasutajad üle kogu maailma püüavad anda erakordse kujunduse, kasutades kaskaadlaadilehti.

Laadige viite-HTML, lisage oma stiil ja saatke see kõik tagasi. Võib-olla on teie lähenemine parim. Muide, saate alla laadida kellegi teise versiooni ja vaadata, kuidas seda rakendatakse.

6. CSSPlay

On selge, et soovite rakendada midagi sellist, mis köidab kõigi tähelepanu. Me ei tea, kas sellist asja on, kuid kümneid ja sadu kurioosseid nippe oli seal kindlasti.

7. CSS Lint

Miks me vajame kellegi teise oma, kui meie enda käed sirguvad? Kas see tõesti näitab. Lisaks põhilisele CSS-i süntaksi kontrollile kontrollib veebiteenus reeglite järgimist, mis mõjutavad lehe laadimise kiirust. Väljund on kena brauserisõbralik CSS.