7 användbara resurser för dem som lär sig CSS

2024 Författare: Malcolm Clapton | [email protected]. Senast ändrad: 2023-12-17 04:11

Cascading style sheets gör tråkig HTML attraktiv. Lifehacker har valt ryska och engelskspråkiga webbplatser, samt webbuppslagsverk som hjälper dig att bättre förstå CSS.

World Wide Web Consortium (W3C) rekommenderade CSS-teknik (Cascading Style Sheets) 1996. Sedan dess har webbutvecklare använt kaskadformatmallar för att skapa unika webbplatsdesigner.

För tjugo år sedan lekte utvecklare med teckensnittsalternativ, textattribut och färger på sidelement. Nuförtiden pågår animationer, skuggor, gradienter, kantutjämning och många andra avancerade saker.

Installera ett Chrome-tillägg eller Firefox-tillägg för att beundra dina favoritwebbplatser utan överlappande stilmallar.

Förändringarna kommer att bli dramatiska, men inte alltid. Till exempel kommer en nyhetssamlare knappast att förändras: det är så enkelt som två och två. Ändå ses resursen över 150 miljoner gånger varje månad.

Var man kan lära sig de finesser av CSS

1. HTML-bok

Låt oss vara konsekventa och börja med en solid teoretisk grund. För det vänder vi oss till Vlad Merzhevich, bokförfattare och webbutvecklare, som har flera kvalitetsresurser om layout och styling av webbsidor.

Här hittar du en självförklarande handledning och svar på populära frågor om cascading style sheets. Det finns också handledningsartiklar om den nuvarande tredje CSS-specifikationen.

2. Webreferens

erbjuder en alfabetisk referens till CSS. Varje egenskap har en kort beskrivning, syntax och ett levande exempel. Tveka inte att ställa frågor – författarna till projektet hör av sig och diskuterar gärna detaljerna.

3. CSS-referens

Förutom ryskspråkiga tutorials kommer vi att lägga till utländska webbplatser. Med deras hjälp är det lättare för vissa elever att fördjupa sig i yrket och acceptera dess terminologi. Därför är all uppmärksamhet på. Det finns inget överflödigt på webbplatsen: CSS-egenskaper, förklaringar och åtgärder. Av de trevliga små sakerna noterar vi en snabb sökning och kopiering av en fastighet till urklipp med ett musklick.

4. CSS Design Awards

Utbildning är en lång och ibland tråkig verksamhet. Det skulle vara trevligt att hitta motivation att hjälpa till i svåra tider. Vi kommer att inspireras av andra webbdesigners, eller snarare på sajten. Här presenteras varje dag ett kvalitetsprojekt som fungerar som förebild för vad som är värt att sträva efter. Många av vinnarna är verkligen överraskande. Glöm inte att kika in och rösta på dina favoritnominerade.

5. CSS Zen Garden

Efter att ha säkrat kunskap och en ledstjärna är det dags att testa din styrka i affärer. Och för att inte välja väg på länge kommer vi att hänvisa dig till sidan. Den innehåller en oföränderlig HTML-fil, som användare från hela världen försöker ge en extraordinär design med hjälp av kaskadformatmallar.

Ladda referens-HTML, lägg till din styling och skicka tillbaka allt. Kanske är ditt tillvägagångssätt det bästa. Du kan förresten ladda ner någon annans version och se hur den implementeras.

6. CSSPlay

Det är klart att du kommer att vilja tillämpa något av ett slag som kommer att dra till sig allas uppmärksamhet. Vi vet inte om det finns något sådant, men tiotals och hundratals nyfikna knep fanns säkert där.

7. CSS Lint

Varför behöver vi någon annans, om våra egna händer växer raka? Visar det verkligen. Utöver grundläggande CSS-syntaxkontroll kontrollerar webbtjänsten efterlevnad av regler som påverkar sidladdningshastigheten. Utgången är trevlig, webbläsarvänlig CSS.