3 fantastista CSS-kehystä, jota et halua missata
Henkilökohtaisesti haluan aloittaa minkä tahansa projektin koodaamisen vain verkkoon ja rakentaa siitä. Olen nälkäinen, ja haluan hallita niin monta muuttujaa kuin mahdollista.
On kuitenkin aikoja, jolloin tämä ei ole käytännöllinen. Ehkä rakennat sovellusta tai poikkeuksellisen suurta ja monimutkaista sivustoa. Ehkä sinulla ei juuri ole aikaa muotoilla jokaista elementtiä tyhjästä, eikä sinun tarvitse. Silloin haluat täydellisen kehyksen, jossa on lisäominaisuuksia.
No, paljon on kirjoitettu "suurista nimistä" kehyksistä - Bootstrap, Foundation, Gumby - joten emme aio puhua niistä täällä. Olen pelannut wi ... Tarkoitan testata tarkasti kolmea vähemmän tunnettuja vaihtoehtoja. Katsokaa, yksi niistä saattaa olla täsmälleen mitä tarvitset.
Kube
Kube on ehdottomasti työkalu modernille front-end-kehittäjälle. Vain modernit selaimet ja IE9 + -tuotteet ovat tuettuja. Oletustyylit ovat melkoisia, mutta tarpeeksi sileitä, jotta niitä voidaan käyttää melkein minkä tahansa tuotemerkin kanssa.
Lyhyesti sanottuna on hyvännäköinen, mutta yksinkertainen ja yksinkertainen kehys, joka on suunniteltu lähes universaalisella visuaalisella valinnalla ja joka on tarkoitettu raskaaseen räätälöintiin.
Ominaisuudet
Jos haluat kuvailla kaikkia syvällisempää ominaisuutta tai jopa yksinkertaisesti luetella ne kaikki, tässä artikkelissa on todennäköisesti liian paljon tilaa, joten annan sinulle tärkeät tiedot: Kehys itsessään on vähäinen ja modulaarinen. Jos haluat kaiken paitsi painikkeen tyylit, esimerkiksi se on hyvin yksinkertainen asia "koota" omasi. Poista vastaava @import- sääntö kube.lessista ja siirry. On turvallista sanoa, että on olemassa tyylit lähes kaikista HTML-elementeistä, joita voit ajatella, ja tavalliset lisäominaisuudet kuten painikkeet, perusavaintapalkit, helper-luokat ja melko kiinteät verkkoasennusjärjestelmät.
Tietyssä mielessä Kube määritellään osittain siitä, mitä sillä ei ole. Esim. Sillä ei ole liian suuria UI-elementtejä ja ylimääräisiä tyylejä. JQuery-laajennuksia ei ole missään käyttöliittymän toiminnallisuudessa. Ja se ei todellakaan tule siihen käsitykseen, että olet "jumissa" mistä tahansa.
johtopäätös
Kube on vankka tarjous. Sen luojat eivät hämmästyneet perustekijöistä, mutta siinä on selvä käsitys "vain siitä, mitä tarvitset", joka liittyy tähän kehykseen. Se on hyvä paikka aloittaa, ja se ilmentää minkä tahansa kehyksen todellisen tarkoituksen. Väri vaikutti minuun.
IVORY-puitteet
NORSUNLUU, kuten Kube, on suunniteltu helposti ymmärrettäväksi ja nopeasti toteutettavaksi. Typografia näyttää hyvältä, mutta on tarpeeksi tylsä käytettäväksi melkein minkä tahansa projektin kanssa, ja yleiset oletustyylit ovat liian.
Se on puitteet, jotka on suunniteltu antamaan sinulle tarpeeksi alusta ja muutamia extrat.
Ominaisuudet
Ominaisuudet ovat normaalisti odotettavissa: vankka ja joustava ristikkojärjestelmä, typografian tyylit ja kaikki muodot ja niin edelleen. Kuitenkin IVORY eroaa Kubesta siinä, että sinulle annetaan muutamia ylimääräisiä käyttöliittymän elementtejä: painikkeet, hälytysruutut, sivut, vaihtokytkimet, työkaluvälit, rullakelaus, välilehdet ja harmoniset.
Näiden UI-komponenttien määrittäminen monista muista on, että ne kaikki toteutetaan CSS3: lla eikä JavaScriptilla. Ainoa syy siihen, että jQuery-käyttöliittymä on sidoksissa lainkaan, on tehdä päivämäärävalitsimen toimivuudesta.
Vain kaksi asiaa, joita en pidä: jotkin UI-komponenttityylit muistuttavat hyvin Bootstrap 2.0 -tyylejä. Joten, luultavasti haluat muuttaa niitä. Lisäksi ristikkojärjestelmä vaatii ylimääräisen luokan käyttämisen missä tahansa rivin viimeisessä sarakkeessa; Minä vain vihaan sitä.
johtopäätös
Nämä kaksi pientä varoitusta sivuun, IVORY Framework on hyvä vaihtoehto mille tahansa hankkeelle. Se ei ole helposti muokattavissa olevista vaihtoehdoista, mutta jos tarvitset vain aloittavan hyvän joukon oletusasetuksia ja joitain ylimääräisiä käyttöliittymäkomponentteja, anna sille pyörre.
pohja
Base, mennessä Matthew Hartman , vie jonkin verran trendikävämpää (nykyään joka tapauksessa) lähestymistapaa CSS-kehykseen. Perustuen Normalize.css , se alkaa ohuilla otsikkokirjastoilla ja litteillä laatikoilla painikkeille. Ei ole kieltävä, että oletustyylit ovat suorastaan kauniita.
Tämä ei välttämättä ole kaikkien mieltymys, riippuen brändäysongelmista, mutta se on yksinkertaista muuttaa. Loppujen lopuksi Base on kyse räätälöinnistä.
Ominaisuudet
Base on saatavana sekä LESS- että SASS-versiossa, joten voit nopeasti muuttaa muuttujia ja "kääntää sen" tarpeidesi mukaan. Sisäänrakennettuihin muuttujiin kuuluvat kirjasinkoko, lomakepisteet, tärkeimmät kontin leveydet kutakin taittopistettä varten ja paljon muuta.
Runsaasti lisäkursseja tarjotaan auttamaan sinua määrittämään mobiilikohtaiset ulkoasusi, ja erillisissä tiedostoissa on "mixins", jotka auttavat sinua matkallasi.
Kuten Kubessa, ei ole olemassa muita UI-komponentteja kuin niitä, jotka tulevat HTML-koodeilla oletuksena, joten jos haluat välilehtien, harmonikoiden ja vastaavien, sinun täytyy tehdä ne itse. Base näyttää olevan suunnattu kauniiden WWW- sivustojen rakentamiseen verrattuna web- sovelluksiin.
johtopäätös
Jos rakennat sivustoa, joka ei tarvitse liikaa sovelluskohtaisia käyttöliittymän komponentteja, Base on fantastinen resurssi. Sivulla rakennetut sivut näyttävät hyviltä; mutta jos et pidä oletustyylistä, ei ole liian vaikeaa muuttaa niitä.
