Share
Dacă doriți să fiți un designer web de succes, o înțelegere solidă a CSS este o necesitate. Din fericire, avem câteva resurse pentru a vă ajuta, indiferent dacă doriți să aflați elementele de bază ale CSS sau să vă extindeți în zone mai avansate.
Iată 14 cursuri cuprinzătoare care vă vor ajuta să vă dezvoltați abilitățile CSS, de la fundamentarea poziționării CSS și a tipografiei până la utilizarea pseudo-elementelor și mastering-ul Sass.
Dacă sunteți un web designer în devenire și sunteți gata să învățați CSS, începeți aici!
Dacă există un tip de stil care este cu siguranță mai important decât oricare altul în designul web, este tipografia. În mod ideal, site-urile dvs. ar trebui să înceapă cu o tipografie solidă, iar restul designului ar trebui construit în jurul acestuia. Din acest motiv, este important să înțelegeți mai întâi porțiunea tipografică a procesului de proiectare și, în acest curs, instructorul Envato Tuts + Kezz Bracey vă va duce la maxim.
Acum că ați învățat esențele tipografiei în cursul precedent "Începeți aici", sunteți gata să treceți la următorul element fundamental al designului web: aspect.
În acest curs, veți afla tot ce trebuie să știți pentru a crea cele mai comune tipuri de layout-uri în designul web.
În această instalare a seriei noastre "Începeți aici", veți inspira o viață în site-ul pe care l-ați creat utilizând culori și fundaluri CSS.
În acest curs veți învăța totul despre tehnicile vizuale care fac ca site-urile să iasă în evidență și să aducă "designul" în designul web.
Decuparea și mascarea imaginilor sunt concepte pe care ați putea fi familiarizate cu utilizarea unor aplicații grafice cum ar fi Photoshop. În acest curs de Coffee Break, cu toate acestea, Adi Purdila vă va învăța cum să utilizați tăierea și mascarea în CSS.
Poziționarea CSS este o abilitate fundamentală în designul web; el împuternicește aranjamentele și, prin urmare, formează fundamentul a tot ceea ce se află în interiorul acestor planuri. Acestea fiind spuse, poate fi destul de dificil să vă înfășurați capul atunci când începeți mai întâi.
În momentul în care ați terminat acest curs, veți avea o înțelegere fermă a principiilor esențiale de care aveți nevoie pentru a conduce dispozitivele. Kezz Bracey vă va arăta fiecare dintre cele patru tipuri de poziționare utilizate în CSS, precum și modul de a lucra în jurul unor ciudățenii care pot apărea când le folosiți.
CSS Layout Grid este un proiect de lucru al W3C care definește un sistem puternic de rețea pentru a facilita în ultimă instanță crearea paginilor dvs. Web utilizând CSS.
În acest curs, veți construi trei proiecte care vă vor ajuta să înțelegeți ce va fi posibil cu "Grid". Primul este nivelul începător și vă va prezenta conceptele Grid. Cel de-al doilea ia lucrurile la un nivel, examinând lucruri precum alinierea și cuiburile. Proiectul final este mai avansat, folosind Flexbox în combinație cu Grid. Urmând aceste trei proiecte până la finalizarea cu Craig Campbell vă va lua în mod constant de la Grid novice la confident Grid utilizator.
În acest curs, Adi Purdila vă va învăța cum să utilizați zece biblioteci CSS esențiale pentru web designeri. Veți afla despre resetări, animații, tranziții și biblioteci legate de tipografii. Veți folosi Bower pentru a vă gestiona proiectele, asigurându-vă că totul rămâne la zi și este ușor de întreținut.
CSS evoluează în mod constant. În acest curs, Craig Campbell vă va purta prin câteva dintre caracteristicile de sângerare ale CSS pentru a vă ajuta să rămâneți actuali și înainte de câmp.
Unele dintre caracteristicile acoperite ar putea deveni, în viitorul apropiat, obișnuite, în timp ce altele vor dispărea probabil de obscuritate. În orice caz, înțelegerea selectorilor CSS, a modulelor de structură și a filtrelor care sunt luate în considerare pentru viitor vă va face un dezvoltator de front-end puternic.
În acest curs vei învăța cum să folosești unul dintre cele mai puternice și încă mai curate sisteme fără gloanțe disponibile în prezent: postcss-ant. A fost creat de Cory Simmons, cunoscut pentru sistemele sale populare de grilă Jeet and Lost.
Făcând-o pe partea superioară a sistemului post-CSS, postcss-ant vă oferă posibilitatea de a gestiona ușor și eficient aspectul de la cele mai simple la cele mai complexe, utilizând fie CSS vanilie, fie preprocesorul preferat. Kezz Bracey vă va ajuta să accelerați în acest curs.
La suprafață, pseudoelementele nu par a fi altceva decât un subset utilitar al CSS. În acest curs scurt cu Craig Campbell, totuși, veți descoperi că stăpânirea pseudo-elementelor vă poate ajuta într-adevăr să vă luați desenele la nivelul următor.
Zilele site-urilor grele de animație se estompează, dar există încă ceva de spus pentru un site cu mici cantități de mișcare subtilă, care atrage ochii, pentru a ajuta utilizatorii să interpreteze interfețele. În acest curs, Craig Campbell vă va arăta modalități practice de a crea animații pentru butoane, tabele de stabilire a prețurilor și alte elemente web, utilizând CSS concis și jQuery pentru a face acest lucru.
Stylus este unul dintre cei trei preprocesori CSS, care fac CSS mai ușor și mai puternic decât oricând, împărtășind liga cu Sass și LESS. În deveniți Stylus CSS Superhero, veți învăța să scrieți mai rapid un cod decât un glonț de viteză, să creați o funcționalitate a aspectului mai puternică decât o locomotivă și să actualizați schemele întregi de culori într-o singură limită. Alăturați-vă lui Kezz Bracey și începeți antrenamentul dvs. super-erou!
Modelul CSS Flexbox începe să vadă o utilizare mai răspândită și este acum acceptat în toate browserele importante. În acest curs, Craig Campbell se va baza pe cursul său CSS: Flexbox Essentials, în timp ce prezintă șase proiecte CSS practice pentru uzul cotidian.
În acest curs cu Adi Purdila, veți învăța elementele de bază ale lui Sass în 14 zile. În fiecare zi veți învăța ceva nou și veți obține un mic exercițiu care vă va ajuta să vă consolidați cunoștințele.
Acest curs este pentru începători, astfel încât să nu aveți nevoie de experiență anterioară cu Sass, dar aveți nevoie de experiență cu CSS deoarece Sass este o extensie a acestuia.
Puteți lua oricare dintre cursurile noastre imediat, cu un abonament la Envato Elements. Pentru o singură taxă lunară redusă, beneficiați de acces nu numai la aceste cursuri, dar și la biblioteca noastră în creștere de peste 1.000 de cursuri video și cărți electronice de vârf din industria Envato Tuts+.
În plus, beneficiați acum de descărcări nelimitate de la biblioteca imensă Envato Elements cu 200.000 de fotografii + 26.000 de proiecte și șabloane de design. Creează cu fonturi, fotografii, grafică și șabloane unice și oferă proiecte mai bune mai rapid.
Accentsconagua