7 korisnih resursa za one koji uče CSS

2024 Autor: Malcolm Clapton | [email protected]. Zadnja izmjena: 2023-12-17 03:49

Kaskadni listovi stilova čine dosadni HTML privlačnim. Lifehacker je odabrao sajtove na ruskom i engleskom jeziku, kao i web enciklopedije koje će vam pomoći da bolje razumete CSS.

World Wide Web Consortium (W3C) preporučio je CSS (Cascading Style Sheets) tehnologiju 1996. godine. Od tada, web programeri koriste kaskadne tablice stilova za kreiranje jedinstvenih dizajna web stranica.

Prije dvadeset godina programeri su se igrali opcijama fonta, atributima teksta i bojama elemenata stranice. Danas su u toku animacije, sjene, gradijenti, anti-aliasing i mnoge druge napredne stvari.

Instalirajte proširenje za Chrome ili dodatak za Firefox da biste se divili svojim omiljenim web lokacijama bez kaskadnih stilova.

Promjene će biti dramatične, iako ne uvijek. Na primjer, agregator vijesti teško da će se promijeniti: jednostavan je kao dva i dva. Ipak, resurs se pregleda preko 150 miliona puta mjesečno.

Gdje naučiti finije točke CSS-a

1. HTMLbook

Budimo dosljedni i počnimo sa čvrstim teorijskim osnovama. Za to se obraćamo Vladu Merzhevichu, autoru knjige i web programeru, koji održava nekoliko kvalitetnih izvora o izgledu i stilu web stranica.

Ovdje ćete naći samoobjašnjavajući vodič i odgovore na popularna pitanja o kaskadnim stilovima. Tu su i tutoriali o trenutnoj trećoj CSS specifikaciji.

2. WebReference

nudi abecednu referencu na CSS. Svako svojstvo ima kratak opis, sintaksu i živi primjer. Ne ustručavajte se postavljati pitanja - autori projekta stupite u kontakt i rado razgovaraju o detaljima.

3. CSS referenca

Pored tutorijala na ruskom jeziku, dodaćemo strane sajtove. Uz njihovu pomoć nekim studentima je lakše da se udube u struku i prihvate njenu terminologiju. Stoga je sva pažnja usmjerena. Na sajtu nema ništa suvišno: CSS svojstva, objašnjenja i radnja. Od ugodnih sitnica ističemo brzu pretragu i kopiranje svojstva u međuspremnik klikom miša.

4. CSS Design Awards

Obrazovanje je dug i ponekad dosadan posao. Bilo bi lijepo pronaći motivaciju za pomoć u teškim trenucima. Inspirisati nas će drugi web dizajneri, odnosno na sajtu. Ovdje se svakodnevno predstavlja kvalitetan projekat koji služi kao uzor onome čemu vrijedi težiti. Mnogi od pobjednika su zaista iznenađujući. Ne zaboravite svratiti i glasati za svoje omiljene kandidate.

5. CSS Zen Garden

Imajući osigurano znanje i svjetionik, vrijeme je da testirate svoju snagu u poslu. A kako ne biste dugo birali put, uputit ćemo vas na stranicu. Sadrži nepromjenjivu HTML datoteku, kojoj korisnici iz cijelog svijeta pokušavaju dati izvanredan dizajn koristeći kaskadne stilove.

Učitajte referentni HTML, dodajte svoj stil i pošaljite sve nazad. Možda će vaš pristup biti najbolji. Usput, možete preuzeti tuđu verziju i vidjeti kako se implementira.

6. CSSPlay

Jasno je da ćete htjeti primijeniti nešto što će privući svačiju pažnju. Ne znamo postoji li tako nešto, ali desetine i stotine radoznalih trikova sigurno je bilo.

7. CSS Lint

Zašto nam treba tuđe, ako naše ruke rastu? Da li se to zaista vidi. Osim osnovne provjere CSS sintakse, web servis provjerava usklađenost s pravilima koja utiču na brzinu učitavanja stranice. Rezultat je lijep CSS prilagođen pretraživaču.