5 alternatíva a nyílt forráskódú Bootstrap-hoz

Folyamatosan változunk, és a webalkalmazások fejlesztői számára egyszerűsítették a dolgok módját. Annak ellenére, hogy sokan inkább saját kódot hoznak létre, igaz, vannak olyan eszközök, amelyek megkönnyítik az életünket és lehetővé teszik a projekt gyors telepítését.

Talán a FrontEnd ökoszisztémában az utóbbi idők legnépszerűbb és leggyakrabban használt CSS / JS keretrendszere a Bootstrap kellő okkal. A Bootstrap valószínűleg a legteljesebb a versenyhez képest, és szinte mindenre van lehetőségük, de nem ez az egyetlen, és ízlés szempontjából még a legszebb sem.

Az interneten keres engem Találtam egy listát a legnépszerűbb CSS / JS keretrendszerekkel, és ami a legfontosabb, a nyílt forráskódú, amelyet személyes projektjeinkhez felhasználhatunk. De ebben az esetben csak azt az ötöt említem, amelyet a legérdekesebbnek tartok. Lássunk neki:

Felöltő

Felöltő

Különösen ez nem ismerte. Az Adobe® által elindított keretrendszer főleg arra összpontosít, hogy minden eszközhöz webes alkalmazások létrehozásához szükségesek legyenek. Fő jellemzői a következők:

  • Ez gyors.
  • A témák testreszabhatók.
  • Saját ikonok.
  • Source Sans Pro, az Adobe OpenSource forrása.

Felöltő

UIkit

Uikit

A látottak alapján az UIkit a Bootstrap egyik legerősebb riválisa, és differenciális adatként olyan összetevők sorozatát adja hozzá, amelyeket a Twitter keretrendszer alapértelmezés szerint nem ad hozzá, vagy egyszerűen tovább javítja őket.

UIKit

Szemantikus felhasználói felület

Szemantikus felhasználói felület

Egy másik érdemes Bootstrap rivális, amelyet figyelembe kell venni, mivel nemcsak új komponenseket kínál, hanem többféle stílus / téma közül választhatunk számukra. Választhatjuk, hogy például a gombok hasonlóak-e vagy egyenlőek legyenek többek között a GMail, a Github, az Amazon, a Google Material, a Bootstrap, a Twitter gombjaival.

Szemantikus felhasználói felület

INK

INK

Egy másik nagyon jó jelölt, amelyet figyelembe kell venni. Az INK új alkatrészeket, illetve a Bootstrapban találhatóaktól kissé eltérõ kialakítást és funkcionalitást is biztosít számunkra.

INK

Metro UI

MetroUI

Ha valamit közelebb akarunk csinálni a Windows-felhasználókhoz, akkor a Metro UI az egyik változatunk. És mondok egyet, mert ha kicsit megnézzük, megtaláljuk a Bootstrap egyéb lehetőségei.

Metro UI

Következtetések

Igényeinktől és célkitűzéseinktől függően számos alternatívát kínálunk, amint azt már láttuk. Bár csak azt az ötöt említettem meg, amelyet véleményem szerint tartok, ezek a legteljesebbek, sokkal több van, amint láthatja az elején említett listában. Látható az is, hogy sokan közülük átvették a Bootstrap ötleteit, sőt továbbfejlesztették őket, és hogy az Adobe-hez hasonló vállalatok csatlakoznak a kezdeményezéshez, hogy létrehozzák ezt a típusú eszközt a munkánk javítására.

Ha rendelkezünk a szükséges ismeretekkel, talán akár többeket is összekeverhetnénk azzal, amire szükségünk van. A választás egyébként a tiéd.


Hagyja megjegyzését

E-mail címed nem kerül nyilvánosságra. Kötelező mezők vannak jelölve *

*

*

  1. Az adatokért felelős: Miguel Ángel Gatón
  2. Az adatok célja: A SPAM ellenőrzése, a megjegyzések kezelése.
  3. Legitimáció: Az Ön beleegyezése
  4. Az adatok közlése: Az adatokat csak jogi kötelezettség alapján továbbítjuk harmadik felekkel.
  5. Adattárolás: Az Occentus Networks (EU) által üzemeltetett adatbázis
  6. Jogok: Bármikor korlátozhatja, helyreállíthatja és törölheti adatait.

  1.   vadász dijo

    Hiányzott a Yahoo-hozzájárulás: Pure CSS, a minimalizmusra és a könnyedségre összpontosít.

    A tiszta nevetségesen apró. A teljes modulkészlet 4.0KB * -on tömörül és tömörítve van. A mobileszközöket szem előtt tartva fontos volt számunkra, hogy a fájlméretünk kicsi legyen, és a CSS minden sorát alaposan átgondolták. Ha úgy dönt, hogy csak ezeknek a moduloknak egy részhalmazát használja, akkor még több bájtot fog megtakarítani.

    http://purecss.io/

    1.    élénk dijo

      Igen, a Pure egy lehetőség, de a mérete ellenére, a sajátos szempontjaim alapján, nem olyan teljes, mint a fent említettek.

      1.    vadász dijo

        A Pure-ban az tetszik, hogy megadja az alapokat, és nagyon gyorsan megtanulja és megvalósítja, használhatja egy webhelyen, és lehetőséget ad valami eredeti elvégzésére, nem bootstrapifikált, mint a legtöbb.

  2.   JoZ3 dijo

    Barátom, azt hiszem, kihagytad a Bootstrap… Alapítvány egyik nagy riválisát

    1.    élénk dijo

      Igaz ... Az alapok elhaladtak mellettem, amely a nagyok egyike, a Bootstrap valószínűleg a legnagyobb versenytársa abból, amit mondanak.

      1.    patkányölés dijo

        Barátom Hiányzol egy fontos materializecset. Üdvözlettel

      2.    Marcos dijo

        Az Foundation az interfész tervezés legjobb kerete, a legteljesebb és a legsokoldalúbb, és nagyszerű versenytársa a bootstrapnak, bár a bootstrap nem éri el a cipő talpát.

  3.   blondfu dijo

    Nagyon érdekes, nem ismertem őket. Meglepődtem azon is, hogy nem láttam alapot abban a listában.

    1.    rlsalgueiro dijo

      valójában az a link, amely az elején hagyja ezt az alapot, amely kétségkívül az egyik legerősebb versenytárs.

  4.   Raphael Mardechai dijo

    Kezdek többet gondolni ezekre a keretrendszerekre néhány fejlesztéshez, egyelőre az összes érzékeny webhely, amelyet 0-tól írok, még száz öröm, amikor mindent megírok Xd

  5.   Celsius dijo

    A nap végén mind egyformák. Nagy jó betűk fehér háttér

  6.   kik1n dijo

    BackEnd szabályok 😀

  7.   Gabriel dijo

    Az igazság az, hogy ebben a pillanatban ez a bejegyzés nagyon jó nekem, köszönöm 😉

  8.   gyere ki19 dijo

    Ui szemantikát használok, és nem olyan intuitív azt mondani

  9.   Alberto Carlos Webb Ozz dijo

    A Materialize vagy az Alapítvány nélkül ez a lista baromság.

    1.    élénk dijo

      Miért mondja ki? Hol van megírva, hogy ennek a kettőnek külön kell lennie? Ha elolvassa a megjegyzéseket (olyasmit, amit nyilvánvalóan nem tett meg), akkor látja, hogy felismerem, hogy hiányzott az Alap, de a cikkben látható lista az én elismerésemre épül, és nem kell egyetértenie ezzel de nem kell azt mondanod, hogy szemét.

  10.   Kamizama666 dijo

    Helló, nagyon jó cikk. De szerettem volna elmondani neked, hogy úgy tűnik, hogy valaki az eredeti forrást nem tükrözve másolta a weboldalán. Nem tudom, hogyan kezeli ezeket az ügyeket, de gondoltam, szeretné tudni. A link: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    A köszöntés.

    1.    élénk dijo

      Igen, ez normális. Már felvettem a kapcsolatot az oldalért felelős személyekkel 😉

  11.   Jurij Jajitzky dijo

    Kiváló közreműködés! A Bootstrap minden bizonnyal olyan emberek előtt nyitotta meg az ajtókat, akik jóak a háttérprogramban, de a css-kben csúnyák a tisztességes megjelenésű termék szállításához. Talán nem a helyes módon kellett volna megemlíteniük, de egyetértek azzal, hogy ebből a listából hiányzik a MaterializeCSS; könnyű, erőteljes keret, az anyag kialakításának megjelenésével és a lehető legcsodálatosabb tanulási görbével. 10 perc alatt nagyon szép felületet tudtam létrehozni ennek a keretrendszernek köszönhetően. Dokumentációja olyan egyszerű, hogy a bootstrap-hoz képest repüléstechnikának tűnik. Ezért azt javaslom, hogy vessen egy pillantást a Materialize (materializecss.com) oldalra. Üdvözlettel!