Uikit recenzie css

O zi bună, dragi locuitori ai Habrei!

În primul meu articol, aș dori să vorbesc despre UIKit - un css- foarte util și interesant și un cadru js-, care, cred, ocolit pe nedrept Habré petrecere.

Inițial, cadrul a fost conceput (da, așa și dovedit) ca modern, rapid si modular, pe de o parte impune anumite restricții privind utilizarea IE9 de sprijin + (degradare moale inferior), dar vă permite să arunce un pat mare „hacks și cârlige“, care urmează să fie menținute în proiectele " concurenți ".

Descărcați / citiți cadrul aici - getuikit.com/

Modularitate și mărime.

Dimensiunile inițiale încep cu 55Kb (js - 33Kb / css - 22Kb / fără minificare și gzip).

Cadrul vine cu un set foarte bogat și interesant de componente, dar o astfel de bogăție, și implică o dimensiune considerabilă (100KB completă construi js) - o structura modulara, de asemenea, vă permite să se bucure de tot ce ai nevoie într-o reducere serioasă a dimensiunii.

În comparație cu alte cadre:

Deși aici, desigur, dezvoltatorii sunt puțin vicleni, puțin ajustați datele, pentru ei înșiși și pentru versiunea 1.0, dar cadrul este de fapt ușor.

Componentele vor fi discutate mai târziu.

Avem posibilitatea de a utiliza glifele bootstrap - UIKit a mers mai departe în urmă și nu foarte înaltă calitate, pe deplin puse în aplicare va sprijini Font Awesome - fortawesome.github.io/Font-Awesome

"Glyphs" mai mult - personalizarea este mai largă.

Google acceptă suportul fonturilor din casetă.

adaptabilitate

Deoarece cadrul a fost creat cu atenție asupra tendințelor actuale, adaptabilitatea și structura flexibilă a rețelei - acum aproape tendința principală - wikit-ul a fost inițial "închis" pentru ei. Acest lucru, desigur, nimeni acum nu este surprins, dar sprijinul pentru aceste oportunități aici este într-adevăr făcut la un nivel înalt.

Orice nou cadru acționează ca rolul de facto al unui adept (al aceluiași bootstrap) și practica normală este de a utiliza o denumire care nu intră în conflict - ceea ce dezvoltatorii yootheme bine gestionate. Neumitățile sunt simple, unice și nu se "rupe".

Componente / adaosuri

Una dintre caracteristicile frumoase ale cadrului este abilitatea foarte flexibilă de a combina componente fără a crea o "bicicletă".
De exemplu, puteți lua în considerare crearea listelor drop-down. În cadrul sistemului există două componente independente Buton și Dropdown - pentru a obține un grup de butoane cu liste personale drop-down puteți să conectați pur și simplu aceste componente. Și deci peste tot: Butoane + tab-uri / intrări + icoane sau chiar 3-4 componente împreună buton + dropdown + subnav + grilă + căutare - ușor și fără conflicte.

Componente în comparație cu bootstrap:

Componente unice / interesante ale UIKit

Off-panza - foarte plăcută și convenabilă pentru dispozitivele mobile
Switcher - o variantă a butonierelor cu un "declanșator" cusut al stării active
Navigare - aici există o serie de componente pentru o navigare ușoară
Fișier formular / Formă parolă / Încărcare - extensii de formular
Substitut
Căutați - câmpul de căutare cu capacitatea de a afișa rezultate
Sortable - controlul ui de bază al ordinii elementelor (convenabil în panoul de administrare) - nu aveți nevoie de jQueryUI
Timepicker / Datepicker - ui de bază pentru selectarea datelor și orelor - nu este nevoie de jQueryUI
Autocompletare - totul este clar aici
Zona de marcare - previzualizare pentru lucrul cu CodeMirror

În capătul uscat:

Există tot ceea ce este necesar și ceea ce lipsește este implementat cu ușurință de standardul CSS (bine, cu excepția "caruselului").

Stiluri și teme

Sa spus deja - totul este bine aici.

documentație

Documentația bine făcută și trimisă va permite începătorilor să înțeleagă rapid principiile muncii. Lucruri grave - prin gitab sau etriere.

De ce a făcut Yootheme un nou "motor" - cine are nevoie de toate?

Yootheme lucrează la crearea de template-uri și componente pentru Joomla pentru mulți ani.
Dar ei nu doar o fac, ei încearcă să îmbunătățească acest "monstru stângace"

Primul pas a fost de a crea un cadru de add-in (acum este la modă să numim cadru) Warp - care înlocuiește multe dintre caracteristicile cheie ale lucrării și lăsați dzhumlly foarte mult optimizăm (în ceea ce privește ușurința de a lucra cu șabloane și viteze de download).

Apoi a fost Zoo-ul - a fost jumătatea completă / modernă / confortabilă CCK care nu a fost de ajuns (k2 este bună - dar și monstruoasă).
Zoo vă permite să abandonați aproape complet atât componentele de bază, cât și extensiile și modulele terților.

Acum, yooteme sa învârtit pentru a-și crea propriul CMS - PageKit (symfony).
Este clar că echipa, care are drept scop crearea și menținerea unui CMS cu drepturi depline, dorește să aibă propriul set de instrumente flexibile pentru punerea în aplicare a ideilor.

Este bine să știți că toate proiectele dvs., de la Warp / Zoo la UIKit / PageKit Yootheme, sunt implementate ca proiecte open source.

Apropo, chiar PageKit se află în testare închisă și în decurs de o săptămână dezvoltatorii promite să deschidă primul val alfa deschis (după pregătire revizuirea va apărea aici).

Deci, în bootstrap, de asemenea, "sprijin bun". În cea de-a treia versiune, icoanele "native" s-au făcut cu "glificon" pentru a permite conectarea oricărei alte pictograme de pictograme. Ei bine, Font Awesome însuși a fost inițial făcut pentru bootstrap.

Yootheme și-a asamblat cadrul pentru a unifica dezvoltarea de șabloane pentru Joomla / Wordpress / PageKit

Trebuie să aveți la folosirea Zoo CCK.

Dar eu prefer UIKit, Bootstrap este aspectul redundantă urât (de exemplu, compara codul necesar pentru o casetă de dialog modal) nu are un prefix în clasă, ceea ce face aspectul în haos.
UIkit permite, de asemenea, un cod mai mic pentru a face mai ușor și mai mult. Adesea, pentru a utiliza componente, este suficient să atârnă o clasă (uneori atributul +) și nici măcar nu trebuie să scrieți codul JS.
În plus, configurator de grafică de înaltă calitate, care vă permite să descărcați actualizarea primit ultima dată și pentru a obține de ieșire CSS compactează mai puțin, spre deosebire de Bootrstrap, în cazul în care o mulțime de parametri obscure fără previzualizare.

Nu este mai ușor, este uneori mai convenabil, la ce în aproape toate momentele competitive.

Apropo, dacă evaluați obiectiv, atunci în Wikiquette, locul "layout-ului redundant" este "parametrizarea excesivă", care este de asemenea suficientă - de exemplu, tot ceea ce se referă la rețea și blocuri.
În mod evident, structura actuală vă permite să controlați complet aspectul pe dispozitive mobile, dar faptul că este minim - să spunem că limba nu se rotește.

Nu este vorba despre "standard" sau "non-standard". În loc de explicații, voi atașa capturi de ecran probabil)

SemanticUI:

Decorul său este curat, neted și frumos. capotă

Fondation:

Un minim de inovații, dar totul arată îngrijit și frumos. capotă

UIKit:

Secțiunea "Documentație", a doua teză: "gihab" → "git hub"

Cadrul meu minimalist preferat html / css este purecss.io
Numai 4.5kb și nimic inutil.

Eu folosesc aceasta atunci când dimensiunea este foarte importantă.

Unde erai înainte?) Și pentru ferestrele modale, din întâmplare, nu cunoașteți nicio bibliotecă bună, așa că nu este nevoie de jQuery?

Ora este specificată în fusul orar setat pe dispozitiv.

Articole similare

Pagina anterioară

Pagina următoare