Prin ea însăși, povestea este CSS3 foarte interesant. Aceasta este una dintre acele tehnologii care să ne dea posibilitatea de a lua în considerare în detaliu dezvoltarea structurii rețelei. Putem vedea în cazul în care interogările mass-media au fost introduse pentru prima dată. Acest lucru face posibil pentru a înțelege cât timp are un design web adaptabil, cadrul CSS și cât de mult a fost realizat într-un timp atât de scurt.
Comunități, cum ar fi CodePen. Acesta permite dezvoltatorilor să pur și simplu și creative entuziaști pentru a înțelege mai bine toate caracteristicile CSS3. În fiecare zi, sute de noi concepte adăugate la CodePen. și membrii comunității să le poată explora și de a folosi în propriile proiecte.
Acum, fără alte formalități, să începem examinarea noastră a celor mai bune CSS3-cadre. disponibile în prezent.
cadru Material
Material Design - este o modalitate de a spune comunității modul în care se poate realiza o schimbare frumos, fără a cheltui o mulțime de timp cu privire la proiectarea și planificarea și aplicarea principiilor științifice într-un simplu concept de web-design.
Material Design a devenit din ce în ce mai populare încă de când Google a făcut caietul de sarcini la dispoziția publicului. Încă de la începuturile sale, acesta a reușit deja să vadă lumina unui număr de cadre și orientări care au ca scop să ajute designeri / dezvoltatori de a utiliza Design material în proiectele lor.
Material cadru - aceasta este una dintre puținele cadru design material CSS. pe care o vom lua în considerare în acest articol. El este unul dintre cel mai ușor de utilizat. Se folosește numai CSS. deci trebuie doar să descărcați bibliotecă CSS și consultați documentația pentru a afla cum sintaxa și cum să începeți utilizarea elementelor de design materiale.
materializa
pagina lor prezintă un exemplu minunat de modul în care să pună în aplicare funcția de cadru în viață. Acesta conține, de asemenea, unele proiecte de design de inspirație.
Compact Framework Material Design CSS. care utilizează ghidul de original stiluri de specificații formale Design material și combină-l cu populara biblioteca ReactJS.
Utilizați întregul potențial al Essence. pentru a crea interfețe rapide și fiabile și aplicații web mobile. set de stiluri și caracteristici Essence este sintaxa foarte simplu care vă permite să începeți cu cadrul după câteva lecții scurte.
Bootstrap 3 (versiunea curentă până la 4 Bootstrap se pregătește pentru a elibera) este cel mai popular în lumea front-end-cadru pentru crearea de site-uri web, web si machete de design mobile.
Deși Bootstrap nu este doar cadrul CSS, CSS3 - aceasta este una dintre principalele componente ale procesului de dezvoltare pe Bootstrap. În acest cadru, face posibilă testarea elementelor de design și caracteristici CSS3 moderne. Bootstrap componente CSS pot fi folosite pentru rețelele de construcții, formulare, butoane, managementul imaginii, sfaturi de punere în aplicare, și să lucreze cu un design receptiv.
UI semantic
fundație
Fundația Astăzi este una dintre cele mai populare cadre de front-end din lume. Acest cadru adaptiv oferă soluții de proiectare la dispoziția celor care doresc să creeze rapid un site web, un șablon de e-mail sau web / aplicație mobilă fără a fi nevoie să-și petreacă timpul pe dobândirea de competențe profesionale. Fundația este ușor de învățat, și cu ajutorul literaturii sale de referință suplimentare aproape oricine poate în doar câteva săptămâni pentru a stăpâni cadru.
Cascade oferă aspecte semantice și non-semantice grid, template-uri de bază, design de calcul tabelar, elemente de navigare, tipografie și mai mult. Abordarea universală permite dezvoltatorilor de a crea imagini de înaltă performanță pagina web în browserele vechi și noi să vă faceți griji cu privire la compatibilitatea în mod inutil.
Mulți dezvoltatori au găsit acest cadru minim CSS este foarte util datorită abordării sale modulare pentru utilizarea funcțiilor specifice în cadrul proiectelor. Cascade vă permite să selectați numai cele mai importante componente necesare pentru proiectele dvs., care, la rândul său, ajută la reducerea dimensiunii și crește performanța. In aceasta este similar cu bootstrap. Numai Cascade oferă mult mai mult control asupra fluxului.
Acest CSS3-cadru minimalist și compact. construit pe baza SASS. Se adună elementele de design web necesare într-o bibliotecă mică, dar stabilă. Toate componentele sunt complet adaptabile și scalabile. Puteți gestiona folosind formulare CSS original.
Minimalistă CSS-cadru. care servește ca bază pentru un design plat curat. De fapt, cadrul este stabilit numai 250 de linii de cod, și poate fi comprimat în arhiva dimensiunea 6 KB. Acest lucru este util pentru cei care sunt doar a face primii pași în web design și nevoile în cadrul, cu care poti pur si simplu experiment.
Cat Sensibilă
Acest cadru CSS. că ca bază pentru construirea sintaxa utilizează stylus. Complet receptiv și compatibil cu toate dispozitivele și browserele moderne.
fișiere CSS poate dura destul de o mulțime de spațiu atunci când vom începe să pună stiluri și prescrie diverse funcții. Dar cele mai multe CSS-cadre. prezent pe piața de astăzi sunt, în general, compact și minimalist. Sculpt este un astfel de cadre compacte în care accentul principal pe design mobil și de adaptare. Sculpt a fost proiectat special pentru serviciul prin setarea cererilor media dispozitivelor mobile cu dimensiunea ecranului corespunzător.
Sarcina Sculpt - dezvoltatorii de ajutor, proiectanții să se ocupe de cererile utilizatorilor dispozitive mobile cu un design simplu, care vă permite să creați rapid un site mobil funcțional. Chiar și utilizatorii care accesează site-ul dvs. prin browsere mai vechi va fi capabil să-l încercați o versiune mobilă.
Codul este curat semantically un semn distinctiv Sculpt. Acesta include o foaie de stil, bazat pe o tipografie de referință de 25 de pixeli. Toate titluri, paragrafe și liste sunt create pe baza pe ea.
Cadrul pentru dezvoltarea rapidă a site-urilor, este utilizat pentru tratamentul de caracteristici avansate CSS3 mai puțin. Cadrul se normalizează HTML. pentru a face în curs de dezvoltare cu turela confortabil și la prețuri accesibile. Principalele caracteristici ale turela este web design receptiv, bazat pe principiile de design minimalist, HTML5. Precum și marcare semantica generală, care ajută fără dificultate converti HTML5 în design funcțional.
concis CSS
Este un cadru grila CSS compactă. care oferă acces la un număr mare de caracteristici de design. Concis se bazează pe principiile CSS orientate-obiect cu semantica conservare. Acest lucru oferă un studiu simplu al cadrului, precum și un nivel ridicat de flexibilitate. Cadrul este caracterizat prin simplitatea mediului de dezvoltare care nu necesită adăugarea de stiluri. De asemenea, sunt disponibile biblioteci suplimentare, care pot fi utilizate drept componente pentru proiectele dumneavoastră. Când scrierea de cod folosind SASS.
După lansarea actualizării, tot ce trebuie să faceți este de a actualiza doar cele mai importante fișiere de bază. În acest caz, stilurile create anterior rămân intacte. De asemenea, acest cadru este mulțumită foarte atractiv pentru o echipă cooperantă, care susține proiectul.
CSS3-cadru. special concepute pentru a vă ajuta să reducă timpul necesar pentru a construi site-uri web receptiv. Totul începe cu un simplu de utilizat și de a configura sistemul de grilă, care servește drept bază pentru proiectarea creat.
CSS este în mare măsură axat pe construirea de interfețe web. UIKit - un front-end-cadru CSS modular. care este proiectat pentru a ajuta designeri pentru a construi rapid o interfață web simplu, frumos și flexibil pentru a configura. Componenta Biblioteca UIKit corespunde cu abordarea modernă a cartografierea și utilizarea componentelor populare. UIKit ofera un sistem modular și 30 componente retractabile, care pot fi combinate unele cu altele. Componentele sunt împărțite în secțiuni distincte, în conformitate cu scopul și funcționalitatea.
Grila modest
Uneori, tot ce avem cu adevărat nevoie pentru proiect, acesta este un model fiabil, receptiv și modern grilă. Grila Modest oferă utilizatorilor cu un sistem de grilă șablon care va funcționa bine pe dispozitive moderne, precum și oferă o bază excelentă pentru utilizarea componentelor din alte cadre. Proiectul este în faza de dezvoltare activă. astfel încât este de așteptat ca acesta va fi îmbunătățit odată cu evoluția CSS.
Schema utilizează o abordare modulară pentru a asigura o experiență optimă de dezvoltare front-end. Acest lucru înseamnă că obiectivul său este de a ajuta la crearea de interfețe de utilizator complexe.
Pentru a înțelege mai bine modul în care schima utilizează cele mai recente caracteristici CSS3 pentru crearea de pagini web complexe, accesați documentația noastră și verificați cu toate caracteristicile cadrul UI CSS.
Stil de design web Metro a dobândit în ultimii ani, o mulțime de fani. Metro UI este axat exclusiv pe dezvoltarea de Windows Metro stil. care vă permite să construiască un interfețe flexibile, cu cele mai bune caracteristici sale. Metro UI folosește specificația originală de la stilul Metro Microsoft pentru a crea componente, cum ar fi rețelele, machete, și multe altele. Acesta este dotat cu mai mult de douăzeci de componente, conține mai mult de trei sute de icoane utile și se bazează pe un preprocesor mai puțin.
Sistem Grid receptivă
Acesta este ultimul cadru grila CSS în examinarea noastră. Cu el puteți crea cu ușurință și de a defini stiluri de rețea layout-uri site-uri adaptive. Că procesul este chiar mai ușor, puteți utiliza funcția de generator de plasă încorporat. O bibliotecă de șabloane predefinite disponibile.
YAML reușește să rămână una dintre cele mai bune din peste un deceniu, este încă una dintre cele mai renumite CSS-cadre din lume. YAML (Cu toate acestea, un alt aspect multicoloană) - un sistem modular, flexibil CSS-cadru pentru a construi site-uri web receptiv. El profesează abordare, bazată pe proiectarea independentă a ecranului, și oferă un aspect foarte module flexibile. Este un punct de plecare ideal pentru crearea unui design cu adevărat receptiv.
YAML întruchipează toate cele mai recente standarde de Internet. Este optimizat pentru dezvoltarea rapidă și CSS3-HTML5-. Scris folosind SASS.
Alegerea dreptul de CSS-cadru pentru următorul proiect
CSS - este o limbă în evoluție, și să rămână la curent cu cele mai recente tendințe este destul de dificil. Cadrele contribuie la reducerea decalajului dintre nevoia de a scrie fiecare cerere în parte pe cont propriu și de a folosi o bibliotecă pe care o face pentru tine. Dupa cum se poate vedea din acest articol, CSS-cadre include o serie de structuri: tipografie, resetare CSS. elemente de interfață, stiluri globale și grila de adaptare. Ele pot fi utilizate individual sau combinate între ele.
CSS-cadru sunt esențiale în rezolvarea problemelor pentru a asigura compatibilitatea cross-browser și adaptarea la diferite tipuri de dispozitive. Datorită ei, site-ul dvs. va arata la fel de bine pe toate tipurile de dispozitive. Cele mai multe dintre CSS cadrele prezentate în acest raport oferă posibilitatea de a construi template-uri adaptive și vă permit să lucreze la un proiect pentru mai mulți dezvoltatori. Acest lucru, la rândul său economisește timp și buget.