Uikit felülvizsgálat css
Jó napot, kedves lakók Habra!
Az első cikkemet, szeretnék beszélni UIKit - egy nagyon hasznos és érdekes css- és js- keretrendszer, amely, azt hiszem, igazságtalanul kiiktatott ügyéről párt.
Kezdetben a keret született (igen igen, és kiderült), mint egy modern, gyors, moduláris, egyrészt valamennyire korlátozza a használatát támogató IE9 + (alsó puha degradáció), de lehetővé teszi, hogy dobja a nagy ágyban „csapkod és horog”, amelyet be kell tartani a projektek " versenytársai. "
Letöltés / megismerkedhetnek a keret itt lehet - getuikit.com/
A modularitás és méretét.
A kezdeti méretek indulnak 55Kb (JS - 33Kb / CSS - 22 kb / nélkül minification és gzipa).
A keretrendszer jön egy nagyon gazdag és érdekes az elemek, de az ilyen le, és azt a nagy mérete miatt (100KB teljes építmények js) - moduláris felépítésű is lehetővé teszi, hogy élvezze, amire szükség van egy komoly méretének csökkenését.
Összehasonlítva más keretek között:
Annak ellenére, hogy minden bizonnyal a fejlesztők egy kicsit ravasz, kissé kiigazításáról adatokat a maguk és a 1.0-ás verzió az összehasonlítás, de a keret nagyon egyszerű.
Az összetevők önmagukban, megbeszéljük egy kicsit később.
Megvan a lehetőséget, hogy használja a bootstrap glyphs - uikit ment tovább mögött, és nem túl jó minőségű teljes mértékben végre támogatni fogja betűtípus Awesome - fortawesome.github.io/Font-Awesome
„Jelek” többet - testreszabható szélesebb.
Laid támogatása Google betűtípusok ki a dobozból.
rugalmasság
Mivel a keret jött létre egy szem a modern trendeket, és alkalmazkodóképességének és rugalmas rács szerkezet - ma már szinte a mögöttes trend - uikit kezdetben „bezárva” nekik. Ez, persze, ő nem lepődik, de az ilyen támogatás álljon itt is igen magas.
Minden új keret jár a de facto szerepe követője (azonos bootstrap) és szokásos gyakorlat az, hogy egy nem ütköző elnevezés - amit a fejlesztők YOOtheme jól sikerült. Elnevezése egyszerű, nem egyedi és személyes „szünet”.
Alkatrészek / kiegészítők
Az egyik szép vonásait az igen rugalmas kombinálásának lehetősége alkatrészek megteremtése nélkül „kerékpár”.
Példaként mondhatjuk létrehozását legördülő listákból. Ennek keretében, két független Button és Dropdown komponens -, hogy egy csoport gombok személyes legördülő listák segítségével egyszerűen csatlakoztassa ezeket az összetevőket. És így mindenütt: gombok + Lapok / INPUT + ikonokat, vagy akár 3-4 komponensek együtt legördülő gomb + + + + Rács kiválasztott almenüt keresés - egyszerűen és konfliktus nélkül.
Components összehasonlítva a bootstrap:
Egyedi / érdekes alkatrészek UIKit
- Off-vászon - nagyon kellemes és kényelmes mobil eszközökre
- Váltó - variáció gombok varrt „váltott jelentés” aktív állapot
- Navigations - majd egy sor alkatrészek az egyszerű navigáció
- Form fájl / Forma jelszó / feltöltés - képessé formák
- Placeholder
- Keresés - egy keresőmező egy kész arra, hogy megmutassa az eredmények Ajax
- Rendezhető - alap ui ellenőrzése az elemek sorrendje (könnyű admin panel) - nincs szükség JQueryUI
- Timepicker / Datepicker - alap ui válassza ki a dátumot és az időt - nem kell JQueryUI
- Automatikus kiegészítés - minden világos
- Árleszállítás terület - remek dolgozni CodeMirror
A száraz vége:
Van, amire szüksége van, és mi hiányzik - könnyen megvalósítható szabványos CSS (jó, kivéve a „körhinta”).
Stílusok és témák
Azt mondják - minden rendben van.
dokumentáció
Gyönyörűen készült és tárolt dokumentumok lehetővé kezdőknek, hogy gyorsan fogja elveket. Komoly dolgok - a githab vagy vastagsága.
Miért YOOtheme készített új „motor” - akik mindannyian szeretnénk?
YOOtheme sok éve dolgozik a létrehozása sablonok és komponensek Joomla.
De nem csak ezt, és megpróbál javítani „ügyetlen szörny”
Az első lépés az volt, hogy egy bővítmény keretet (most már divatos hívni keret) Warp -, amely felülírja sok a legfontosabb jellemzői a munka, és hagyja dzhumlly nagymértékben optimalizálják azt (mint a könnyű, sablonok és letöltési sebesség).
Ez további Állatkert - egy teljes / kortárs / egyszerű Joomla CCK nagyon hiányoztak (k2 jó - de túl monstrovaty).
Zoo köszönhetően szinte teljesen felhagyott az alapvető összetevők, és a harmadik fél kiterjesztések és modulok.
Most YOOtheme nevezetességei, hogy a saját CMS - PageKit (symfonys).
Mi lehet világosan látni, hogy a csapat megteremtését célzó hosszú távú és teljes mértékben támogatja a CMS, szeretné, hogy kéznél saját rugalmas eszközök végrehajtására ötleteket.
Jó tudni, hogy minden a projektek, a Warp / Állatkert és befejező UIKit / PageKit YOOtheme megvalósított nyílt forráskódú projektek.
By the way, PageKit jelenleg zárt tesztelés predalfa, és egy héten belül, a fejlesztők ígérete, hogy nyissa ki az első hullám nyílt alfa (előkészítés után felülvizsgálat itt jelennek meg).
Tehát bootstrap is „jó támogatást.” A harmadik változat kifejezetten a „natív” ikonok készült névterekkel «glyphicon-», hogy képes csatlakozni más ikonochnye betűtípusokat. Nos magam Betűtípus Awesome eredetileg benyújtott bootstrap.
YOOtheme összegyűjtötte az, aki szeretné, hogy szabványosítani a fejlesztési sablonok azonnal Joomla / Wordpress / Pagekit
Kell, ha a Zoo CCK.
De én inkább UIkit, Bootstrap csúnya redundáns elrendezés (például összehasonlítani a szükséges kód modális párbeszédablak) nem rendelkezik egy előtaggal az osztályban, így az elrendezés káoszba.
UIkit is lehetővé teszi, hogy kevesebb kódot egyszerű és logikus, hogy tegyenek többet. Gyakran használja a komponensek elég akasztani osztály (+ attribútum néha), és nem is kell írni a JS kódot.
Ezen kívül, kiváló minőségű grafikus konfigurátor, amelynek segítségével letöltheti a frissítést kapott utoljára, és kevesebb lesz a tömörített CSS kimenet, ellentétben Bootrstrap, ahol egy csomó homályos paraméterek előnézet nélkül.
Ő nem segít, ez időnként sokkal kényelmesebb, mint amikor szinte minden a verseny szempontjait.
By the way, ha objektíven értékelni, a uikite helyen „túlzott bevezetését” lefedi „túlzott paraméterezés”, ami szintén elég - például az összes, hogy kapcsolódik a hálózatra, és blokkolja.
Nyilvánvaló, hogy a jelenlegi struktúra lehetővé teszi a teljes ellenőrzést a megjelenés a mobil eszközök, hanem az a tény, hogy ez a minimális - mondják a nyelv nem forog.
- - és ez még csak a kezdet
Ez nem a „normál” vagy „nem standard”. Ahelyett, hogy magyarázatot csatolni egy képernyőképet talán)
SemanticUI:
A tervezés, tiszta, sima és gyönyörű. motorháztető
Fondation:
Minimum újítások, de minden ápolt és kedves. motorháztető
UiKit:
A jobb oldali vágva a Border legördülő menü ugyanazon a helyen nincs kerekítés (a rügy Bohrer megy „a” elem). És a betűtípus számok nem fér minden. Általában úgy néz ki, nagyon rendetlen.
Lásd: "Dokumentáció", a második mondat: „gihab» → «git hub”
A kedvenc minimalista html / css keret - purecss.io
Összesen 4,5 kb és semmi több.
Én akkor használják, amikor mérete valóban számít.
Hol volt eddig?) És abban az esetben a modális ablak nem tudom olyan jó könyvtár, úgyhogy jQuery nincs szükség?
A jelzett idő az időzóna, amely fel van szerelve a készülék.