5 vaihtoehtoa avoimen lähdekoodin Bootstrapille

Muutumme jatkuvasti, ja toimintatapaa on yksinkertaistettu verkkosovellusten kehittäjille. Vaikka monet haluavat luoda oman koodinsa, on totta, että on olemassa työkaluja, jotka helpottavat elämäämme ja mahdollistavat projektin nopean käyttöönoton.

Ehkä FrontEnd-ekosysteemissä suosituin ja käytetty CSS / JS-kehys viime aikoina on Bootstrap asianmukaisesta syystä. Bootstrap on mahdollisesti täydellisin kilpailuun verrattuna, ja heillä on vaihtoehtoja melkein kaikkeen, mutta se ei ole ainoa, eikä makuun, edes kaunein.

Internetistä etsiminen Löysin luettelon joidenkin suosituimpien CSS / JS-kehysten kanssa ja mikä tärkeintä, avoimen lähdekoodin, jota voimme käyttää henkilökohtaisiin projekteihimme. Mutta tässä tapauksessa mainitsen vain viisi mielestäni mielenkiintoisinta. Aloitetaan:

Päällystakki

Päällystakki

Erityisesti tämä ei tuntenut häntä. Adobe®: n käynnistämä kehys keskittyy lähinnä tarjoamaan sitä, mikä on välttämätöntä verkkosovellusten luomiseksi kaikille laitteille. Sen pääominaisuuksia ovat:

  • Se on nopea.
  • Teemat voidaan räätälöidä.
  • Omat kuvakkeet.
  • Source Sans Pro, Adoben OpenSource-lähde.

Päällystakki

UIkit

Uikit

Siitä, mitä voidaan nähdä, UIkit on yksi Bootstrapin vahvimmista kilpailijoista, ja se lisää erotietona sarjan komponentteja, joita Twitter-kehys ei oletusarvoisesti lisää, tai yksinkertaisesti parantaa niitä.

UIKit

Semanttinen käyttöliittymä

Semanttinen käyttöliittymä

Toinen arvoinen Bootstrap-kilpailija, joka on otettava huomioon, koska se ei vain tarjoa uusia komponentteja, vaan voimme valita heille useita tyylejä / teemoja. Voimme valita, että esimerkiksi painikkeet ovat samanlaisia ​​tai yhtä suuria kuin muun muassa GMail, Github, Amazon, Google Material, Bootstrap, Twitter.

Semanttinen käyttöliittymä

INK

INK

Toinen erittäin hyvä ehdokas harkita. INK tarjoaa meille myös uusia komponentteja tai muotoilun ja toiminnallisuuden, joka eroaa hieman Bootstrapista.

INK

Metro UI

MetroUI

Jos haluamme tehdä jotain lähempänä Windows-käyttäjiä, Metro UI on yksi vaihtoehdoista. Ja sanon yhden, koska jos katsomme vähän, löydämme muut vaihtoehdot itse Bootstrapille.

Metro UI

Päätelmät

Tarpeistamme ja tavoitteistamme riippuen meillä on useita vaihtoehtoja, kuten olemme jo nähneet. Vaikka mainitsin vain viisi mielestäni, ne ovat täydellisimpiä, niitä on paljon enemmän, kuten voit nähdä luettelossa, jonka mainitsin alussa. Voidaan myös nähdä, että monet heistä ovat ottaneet ideoita Bootstrapilta ja jopa parantaneet niitä ja että Adoben kaltaiset yritykset ovat liittyneet aloitteeseen luomaan tällaisen työkalun työn parantamiseksi.

Jos meillä on tarvittava tieto, ehkä voimme jopa sekoittaa useita niistä ottamalla tarvitsemamme. Valinta on joka tapauksessa sinun.


19 kommenttia, jätä omasi

Jätä kommentti

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

*

*

  1. Vastuussa tiedoista: Miguel Ángel Gatón
  2. Tietojen tarkoitus: Roskapostin hallinta, kommenttien hallinta.
  3. Laillistaminen: Suostumuksesi
  4. Tietojen välittäminen: Tietoja ei luovuteta kolmansille osapuolille muutoin kuin lain nojalla.
  5. Tietojen varastointi: Occentus Networks (EU) isännöi tietokantaa
  6. Oikeudet: Voit milloin tahansa rajoittaa, palauttaa ja poistaa tietojasi.

  1.   metsästäjä dijo

    Kaipaat Yahoo-panosta: Pure CSS, se keskittyy minimalismiin ja kevyyyteen.

    Pure on naurettavan pieni. Koko moduulisarja kellotaajuudella 4.0 kt * pienennetään ja puretaan. Mobiililaitteita silmällä pitäen meille oli tärkeää pitää tiedostokoot pieninä, ja jokainen CSS-rivi harkittiin huolellisesti. Jos päätät käyttää vain näiden moduulien osajoukkoa, säästät vielä enemmän tavuja.

    http://purecss.io/

    1.    vilkas dijo

      Kyllä, Pure on vaihtoehto, mutta koostaan ​​huolimatta, aivan erityisistä kriteereistäni, se ei ole yhtä täydellinen kuin edellä mainitut.

      1.    metsästäjä dijo

        Pidän Pure-palvelussa siitä, että se antaa sinulle perusasiat ja on erittäin nopea oppia ja toteuttaa, voit käyttää sitä sivustolla ja se antaa sinulle mahdollisuuden tehdä jotain alkuperäistä, et ole "bootstrapified" kuin useimmat.

  2.   JoZ3 dijo

    Ystävä, luulen, että olet jättänyt pois yhden Bootstrap… -säätiön suurista kilpailijoista

    1.    vilkas dijo

      On totta ... Rahoitus ohitti minut, joka on toinen suurimmista, mahdollisesti Bootstrapin suurin kilpailija heidän sanojensa mukaan.

      1.    rotan tappaminen dijo

        Ystävä kaipaan sinua yksi tärkeä materializecs. Kippis

      2.    Marcos dijo

        Foundation on paras käyttöliittymäsuunnittelun kehys, täydellisin ja monipuolisin, ja se on loistava kilpailija bootstrapille, vaikka bootstrap ei ulotu kenkiesi pohjaan.

  3.   Blonfu dijo

    Erittäin mielenkiintoinen, en tuntenut heitä. Olin myös yllättynyt siitä, että en nähnyt perustusta luettelossa.

    1.    rlsalgueiro dijo

      itse asiassa linkin sivusto, joka jättää alusta lähtien tämän perustan, joka epäilemättä on yksi vahvimmista kilpailijoista.

  4.   Raphael Mardechai dijo

    Aion aloittaa enemmän ajatella näitä kehyksiä joillekin kehityksille, toistaiseksi kaikki reagoivat verkkosivustot, jotka kirjoitan 0: sta, sata enemmän iloa kirjoittaessani kaikkea Xd

  5.   Celsius dijo

    Päivän lopussa he ovat kaikki samanlaisia. Isot hyvät kirjaimet valkoisella pohjalla

  6.   kik1n dijo

    BackEnd-säännöt 😀

  7.   Gabriel dijo

    Totuus on, että tällä hetkellä tämä viesti on minulle erittäin hyvä, kiitos 😉

  8.   tule ulos19 dijo

    Käytän ui-semantiikkaa, eikä sitä ole niin intuitiivista sanoa

  9.   Alberto Carlos Webb Ozz dijo

    Ilman Materialisea tai säätiötä tämä luettelo on paskaa.

    1.    vilkas dijo

      Miksi kuka sanoo? Missä kirjoitetaan, että näiden kahden on oltava nimenomaan? Jos luet kommentit (jotain mitä ilmeisesti et ole tehnyt), huomaat, että tunnistan puuttuvani säätiön, mutta tässä artikkelissa näkyvä luettelo perustuu arvostukseeni, eikä sinun tarvitse hyväksyä sitä, mutta sinun ei tarvitse sanoa, että se on roska.

  10.   kamisama666 dijo

    Hei, erittäin hyvä artikkeli. Halusin kuitenkin kertoa teille, että näyttää siltä, ​​että joku on kopioinut sen verkkosivustolleen heijastamatta alkuperäistä lähdettä. En tiedä miten käsittelet näitä asioita, mutta ajattelin, että haluaisit tietää. Linkki on: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    Tervehdys.

    1.    vilkas dijo

      Kyllä, on normaalia, että näin tapahtuu. Olen jo ottanut yhteyttä sivustosta vastaaviin 😉

  11.   Juri Jajitzky dijo

    Erinomainen panos! Bootstrap avasi varmasti ovet minun kaltaisilleni ihmisille, jotka ovat hyviä backendissä, mutta surkeat frontendissa css: ssä toimittamaan kunnollisen näköisen tuotteen. Ehkä se ei ollut oikea tapa, jolla heidän olisi pitänyt mainita se, mutta olen samaa mieltä siitä, että luettelosta puuttuu MaterializeCSS; kevyt, tehokas kehys, materiaalisuunnittelun ulkonäkö ja upein mahdollinen oppimiskäyrä. 10 minuutissa pystyin luomaan erittäin mukavan käyttöliittymän tämän kehyksen ansiosta. Sen dokumentointi on niin yksinkertaista, että bootstrapiin verrattuna se näyttää siltä kuin avaruustekniikka. Joten suosittelen katsomaan Materialize (materializecss.com). Kippis!