Innholdsfortegnelse:

7 nyttige ressurser for de som lærer CSS
7 nyttige ressurser for de som lærer CSS
Anonim

Cascading stilark gjør kjedelig HTML attraktiv. Lifehacker har valgt russiske og engelskspråklige nettsteder, samt nettleksikon som vil hjelpe deg å forstå CSS bedre.

7 nyttige ressurser for de som lærer CSS
7 nyttige ressurser for de som lærer CSS

World Wide Web Consortium (W3C) anbefalte CSS-teknologi (Cascading Style Sheets) i 1996. Siden den gang har nettutviklere brukt gjennomgripende stilark for å lage unike nettstedsdesign.

For tjue år siden lekte utviklere med skriftalternativer, tekstattributter og sideelementfarger. Nå for tiden pågår animasjoner, skygger, gradienter, kantutjevnelse og mange andre avanserte ting.

Installer en Chrome-utvidelse eller Firefox-tillegg for å beundre favorittnettstedene dine uten gjennomgripende stilark.

Cascading style sheets: en lifehacker uten CSS
Cascading style sheets: en lifehacker uten CSS

Endringene vil være dramatiske, men ikke alltid. For eksempel vil en nyhetsaggregator neppe endre seg: den er så enkel som to og to. Likevel blir ressursen sett over 150 millioner ganger månedlig.

Hvor kan du lære de fineste punktene med CSS

1. HTML-bok

overlappende stilark: HTMLbook
overlappende stilark: HTMLbook

La oss være konsekvente og starte med et solid teoretisk grunnlag. For det henvender vi oss til Vlad Merzhevich, bokforfatter og webutvikler, som vedlikeholder flere kvalitetsressurser om layout og styling av nettsider.

Her finner du en selvforklarende opplæring og svar på populære spørsmål om gjennomgripende stilark. Det er også opplæringsartikler om den gjeldende tredje CSS-spesifikasjonen.

2. Webreferanse

overlappende stilark: WebReference
overlappende stilark: WebReference

tilbyr en alfabetisk referanse til CSS. Hver eiendom har en kort beskrivelse, syntaks og et levende eksempel. Ikke nøl med å stille spørsmål – forfatterne av prosjektet tar kontakt og diskuterer villig detaljene.

3. CSS-referanse

cascading style sheets: CSS Reference
cascading style sheets: CSS Reference

I tillegg til russiskspråklige opplæringsprogrammer, vil vi legge til utenlandske nettsteder. Med deres hjelp er det lettere for noen studenter å fordype seg i yrket og akseptere dets terminologi. Derfor er all oppmerksomhet på. Det er ingenting overflødig på nettstedet: CSS-egenskaper, forklaringer og handling. Av de hyggelige små tingene, noterer vi et raskt søk og kopiering av en eiendom til utklippstavlen med et museklikk.

4. CSS Design Awards

Cascading Style Sheets: CSS Design Awards
Cascading Style Sheets: CSS Design Awards

Utdanning er en lang og noen ganger kjedelig virksomhet. Det ville vært fint å finne motivasjon til å hjelpe i vanskelige tider. Vi vil la oss inspirere av andre webdesignere, eller rettere sagt på siden. Her presenteres det hver dag et kvalitetsprosjekt som fungerer som modell for hva som er verdt å strebe etter. Mange av vinnerne er virkelig overraskende. Ikke glem å stikke innom og stemme på dine favorittnominerte.

5. CSS Zen Garden

Cascading stilark: CSS Zen Garden
Cascading stilark: CSS Zen Garden

Etter å ha sikret kunnskap og et fyrtårn, er det på tide å teste styrken din i virksomheten. Og for ikke å velge veien på lenge, vil vi henvise deg til siden. Den inneholder en uforanderlig HTML-fil, som brukere fra hele verden prøver å gi et ekstraordinært design ved hjelp av cascading stilark.

Last inn referanse-HTML, legg til stilen din og send alt tilbake. Kanskje din tilnærming vil være den beste. Du kan forresten laste ned andres versjon og se hvordan den er implementert.

6. CSSPlay

overlappende stilark: CSSPlay
overlappende stilark: CSSPlay

Det er klart at du vil ønske å bruke noe av et slag som vil tiltrekke alles oppmerksomhet. Vi vet ikke om det er noe slikt, men dusinvis og hundrevis av nysgjerrige triks var det helt sikkert.

7. CSS Lint

cascading style sheets: CSS Lint
cascading style sheets: CSS Lint

Hvorfor trenger vi noen andres, hvis våre egne hender vokser rett? Vises det virkelig. I tillegg til grunnleggende CSS-syntakskontroll, sjekker webtjenesten for samsvar med regler som påvirker sidelastningshastigheten. Utgangen er fin, nettleservennlig CSS.

Anbefalt: