Kazalo:

7 uporabnih virov za tiste, ki se učijo CSS
7 uporabnih virov za tiste, ki se učijo CSS
Anonim

Kaskadne slogovne liste naredijo dolgočasen HTML privlačen. Lifehacker je izbral strani v ruskem in angleškem jeziku ter spletne enciklopedije, ki vam bodo pomagale bolje razumeti CSS.

7 uporabnih virov za tiste, ki se učijo CSS
7 uporabnih virov za tiste, ki se učijo CSS

Konzorcij svetovnega spleta (W3C) je leta 1996 priporočil tehnologijo CSS (Cascading Style Sheets). Od takrat spletni razvijalci uporabljajo kaskadne slogovne liste za ustvarjanje edinstvenih modelov spletnih mest.

Pred dvajsetimi leti so se razvijalci igrali z možnostmi pisave, atributi besedila in barvami elementov strani. Danes so v teku animacije, sence, gradienti, anti-aliasing in mnoge druge napredne stvari.

Namestite razširitev za Chrome ali dodatek za Firefox, da občudujete svoja priljubljena spletna mesta brez kaskadnih slogovnih listov.

kaskadne slogovne liste: lifehacker brez CSS
kaskadne slogovne liste: lifehacker brez CSS

Spremembe bodo dramatične, čeprav ne vedno. Na primer, zbiralnik novic se skoraj ne bo spremenil: preprost je kot dva in dva. Kljub temu si vir ogledajo več kot 150 milijonov krat mesečno.

Kje se naučiti drobnih točk CSS

1. Knjiga HTML

kaskadne slogovne liste: HTMLbook
kaskadne slogovne liste: HTMLbook

Bodimo dosledni in začnimo s trdno teoretično podlago. Za to se obrnemo na Vlada Merzhevicha, avtorja knjig in spletnega razvijalca, ki vzdržuje več kakovostnih virov o postavitvi in oblikovanju spletnih strani.

Tukaj boste našli samoumevno vadnico in odgovore na priljubljena vprašanja o kaskadnih slogovnih listah. Obstajajo tudi vadniški članki o trenutni tretji specifikaciji CSS.

2. WebReference

kaskadne tabele slogov: WebReference
kaskadne tabele slogov: WebReference

ponuja abecedno sklicevanje na CSS. Vsaka lastnost ima kratek opis, sintakso in primer v živo. Ne oklevajte z vprašanji - avtorji projekta stopijo v stik in se z veseljem pogovorijo o podrobnostih.

3. Referenca CSS

kaskadne slogovne liste: Referenca CSS
kaskadne slogovne liste: Referenca CSS

Poleg vaj v ruskem jeziku bomo dodali tuja spletna mesta. Z njihovo pomočjo se nekateri dijaki lažje poglobijo v stroko in sprejmejo njeno terminologijo. Zato je vsa pozornost usmerjena. Na spletnem mestu ni nič odveč: lastnosti CSS, pojasnila in dejanja. Od prijetnih malenkosti izpostavimo hitro iskanje in kopiranje lastnosti v odložišče s klikom miške.

4. Nagrade CSS Design Awards

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

Izobraževanje je dolg in včasih dolgočasen posel. Lepo bi bilo najti motivacijo za pomoč v težkih trenutkih. Navdihovali nas bodo drugi spletni oblikovalci oziroma na strani. Vsak dan se tukaj predstavlja kvaliteten projekt, ki služi kot vzor, za kaj si je vredno prizadevati. Mnogi zmagovalci so resnično presenetljivi. Ne pozabite priti in glasovati za svoje najljubše nominirance.

5. CSS Zen Garden

kaskadne slogovne liste: CSS Zen Garden
kaskadne slogovne liste: CSS Zen Garden

Ko imate zagotovljeno znanje in svetilnik, je čas, da preizkusite svojo moč v poslu. In da ne boste dolgo izbirali ceste, vas bomo usmerili na stran. Vsebuje nespremenljivo datoteko HTML, ki ji uporabniki z vsega sveta poskušajo dati izjemen dizajn z uporabo kaskadnih slogovnih listov.

Naložite referenčni HTML, dodajte svoj stil in vse pošljite nazaj. Morda bo vaš pristop najboljši. Mimogrede, lahko prenesete različico nekoga drugega in si ogledate, kako se izvaja.

6. CSSPplay

kaskadne slogovne liste: CSSPlay
kaskadne slogovne liste: CSSPlay

Jasno je, da boste želeli uporabiti nekaj takega, kar bo pritegnilo pozornost vseh. Ne vemo, če kaj takega obstaja, a zagotovo je bilo na desetine in stotine radovednih trikov.

7. CSS Lint

kaskadne slogovne liste: CSS Lint
kaskadne slogovne liste: CSS Lint

Zakaj potrebujemo nekoga drugega, če nam lastne roke rastejo naravnost? Ali se res pokaže. Poleg osnovnega preverjanja sintakse CSS spletna storitev preverja skladnost s pravili, ki vplivajo na hitrost nalaganja strani. Rezultat je lep, brskalniku prijazen CSS.

Priporočena: