7 nyttige ressourcer til dem, der lærer CSS

2024 Forfatter: Malcolm Clapton | [email protected]. Sidst ændret: 2023-12-17 03:51

Cascading style sheets gør kedelig HTML attraktiv. Lifehacker har udvalgt russiske og engelsksprogede websteder samt web-leksikon, der vil hjælpe dig med bedre at forstå CSS.

World Wide Web Consortium (W3C) anbefalede CSS-teknologi (Cascading Style Sheets) i 1996. Siden da har webudviklere brugt cascading style sheets til at skabe unikke webstedsdesign.

For tyve år siden legede udviklere med skrifttypeindstillinger, tekstattributter og sideelementfarver. I dag er animationer, skygger, gradienter, anti-aliasing og mange andre avancerede ting i gang.

Installer en Chrome-udvidelse eller Firefox-tilføjelse for at beundre dine yndlingswebsteder uden overlappende stilark.

Ændringerne vil være dramatiske, men ikke altid. For eksempel vil en nyhedsaggregator næppe ændre sig: den er så simpel som to og to. Ikke desto mindre bliver ressourcen set over 150 millioner gange om måneden.

Hvor man kan lære de finere sider af CSS

1. HTML-bog

Lad os være konsekvente og starte med et solidt teoretisk grundlag. Til det henvender vi os til Vlad Merzhevich, bogforfatter og webudvikler, som vedligeholder flere kvalitetsressourcer om layout og styling af websider.

Her finder du en selvforklarende vejledning og svar på populære spørgsmål om cascading style sheets. Der er også selvstudieartikler om den aktuelle tredje CSS-specifikation.

2. WebReference

tilbyder en alfabetisk reference til CSS. Hver ejendom har en kort beskrivelse, syntaks og et levende eksempel. Tøv ikke med at stille spørgsmål - projektets forfattere tager kontakt og diskuterer gerne detaljerne.

3. CSS-reference

Ud over russisksprogede tutorials tilføjer vi udenlandske websteder. Med deres hjælp er det lettere for nogle studerende at dykke ned i faget og acceptere dets terminologi. Derfor er al opmærksomheden på. Der er intet overflødigt på webstedet: CSS-egenskaber, forklaringer og handling. Af de hyggelige små ting bemærker vi en hurtig søgning og kopiering af en ejendom til udklipsholderen ved et klik med musen.

4. CSS Design Awards

Uddannelse er en lang og til tider kedelig forretning. Det ville være rart at finde motivation til at hjælpe i svære tider. Vi vil lade os inspirere af andre webdesignere, eller rettere sagt på siden. Her præsenteres hver dag et kvalitetsprojekt, som fungerer som model for, hvad der er værd at stræbe efter. Mange af vinderne er virkelig overraskende. Glem ikke at kigge ind og stemme på dine favorit nominerede.

5. CSS Zen Garden

Efter at have sikret viden og et fyrtårn, er det tid til at teste din styrke i forretningen. Og for ikke at vælge vejen i lang tid, vil vi dirigere dig til siden. Den indeholder en uforanderlig HTML-fil, som brugere fra hele verden forsøger at give et ekstraordinært design ved hjælp af cascading style sheets.

Indlæs reference-HTML, tilføj din styling og send det hele tilbage. Måske vil din tilgang være den bedste. Du kan i øvrigt downloade en andens version og se, hvordan den er implementeret.

6. CSSPlay

Det er klart, at du ønsker at anvende noget af en slags, der vil tiltrække alles opmærksomhed. Vi ved ikke, om der er sådan noget, men dusinvis og hundredvis af nysgerrige tricks var der helt sikkert.

7. CSS Lint

Hvorfor har vi brug for en andens, hvis vores egne hænder vokser lige? Vises det virkelig. Ud over grundlæggende CSS-syntakskontrol tjekker webtjenesten for overholdelse af regler, der påvirker sideindlæsningshastigheden. Outputtet er flot, browservenlig CSS.