7 nuttige hulpbronne vir diegene wat CSS leer

2024 Outeur: Malcolm Clapton | [email protected]. Laas verander: 2023-12-17 03:44

Cascading style sheets maak vervelige HTML aantreklik. Lifehacker het Russiese en Engelstalige werwe gekies, sowel as webensiklopedieë wat jou sal help om CSS beter te verstaan.

Die World Wide Web Consortium (W3C) het CSS (Cascading Style Sheets)-tegnologie in 1996 aanbeveel. Sedertdien gebruik webontwikkelaars trapstylblaaie om unieke werfontwerpe te skep.

Twintig jaar gelede het ontwikkelaars met lettertipe-opsies, tekskenmerke en bladsy-elementkleure gespeel. Deesdae is animasies, skaduwees, gradiënte, anti-aliasing en baie ander gevorderde dinge aan die gang.

Installeer 'n Chrome-uitbreiding of Firefox-byvoeging om u gunsteling werwe te bewonder sonder om stylblaaie te trap.

Die veranderinge sal dramaties wees, hoewel nie altyd nie. Byvoorbeeld, 'n nuusversamelaar sal skaars verander: dit is so eenvoudig soos twee en twee. Nietemin word die hulpbron meer as 150 miljoen keer maandeliks bekyk.

Waar om die fyner punte van CSS te leer

1. HTML-boek

Kom ons wees konsekwent en begin met 'n soliede teoretiese grondslag. Daarvoor wend ons ons tot Vlad Merzhevich, boekskrywer en webontwikkelaar, wat verskeie kwaliteithulpbronne oor uitleg en stilering van webblaaie onderhou.

Hier sal jy 'n selfverduidelikende tutoriaal en antwoorde op gewilde vrae oor cascading style sheets vind. Daar is ook tutoriaalartikels oor die huidige derde CSS-spesifikasie.

2. Webverwysing

bied 'n alfabetiese verwysing na CSS. Elke eiendom het 'n kort beskrywing, sintaksis en 'n lewendige voorbeeld. Moenie huiwer om vrae te vra nie – die skrywers van die projek kontak en bespreek gewillig die besonderhede.

3. CSS Verwysing

Benewens Russiese tutoriale, sal ons buitelandse webwerwe byvoeg. Met hul hulp is dit makliker vir sommige studente om in die beroep te delf en die terminologie daarvan te aanvaar. Daarom is al die aandag op. Daar is niks oorbodig op die webwerf nie: CSS-eienskappe, verduidelikings en aksie. Van die aangename klein dingetjies let ons op 'n vinnige soektog en kopiëring van 'n eiendom na die knipbord met die klik van 'n muis.

4. CSS Design Awards

Onderwys is 'n lang en soms vervelige besigheid. Dit sal lekker wees om motivering te vind om in moeilike tye te help. Ons sal geïnspireer word deur ander webontwerpers, of eerder op die webwerf. Hier word elke dag’n kwaliteitprojek aangebied wat as model dien vir waarna die moeite werd is om na te streef. Baie van die wenners is werklik verbasend. Moenie vergeet om in te loer en vir jou gunsteling genomineerdes te stem nie.

5. CSS Zen Garden

Met die verkryging van kennis en 'n baken, is dit tyd om jou krag in besigheid te toets. En om nie die pad vir 'n lang tyd te kies nie, sal ons u na die bladsy verwys. Dit bevat 'n onveranderlike HTML-lêer, wat gebruikers van regoor die wêreld probeer om 'n buitengewone ontwerp te gee deur gebruik te maak van kaskade-stylblaaie.

Laai die verwysings-HTML, voeg jou stilering by en stuur dit alles terug. Miskien sal jou benadering die beste wees. Terloops, jy kan iemand anders se weergawe aflaai en sien hoe dit geïmplementeer word.

6. CSSPlay

Dit is duidelik dat jy iets van 'n soort sal wil toepas wat almal se aandag sal trek. Ons weet nie of daar so iets is nie, maar dosyne en honderde nuuskierige truuks was daar vir seker.

7. CSS Lint

Hoekom het ons iemand anders s'n nodig as ons eie hande reguit groei? Wys dit regtig. Benewens basiese CSS-sintaksiskontrolering, kyk die webdiens na voldoening aan reëls wat bladsylaaispoed beïnvloed. Die uitset is mooi, blaaiervriendelike CSS.