5 alternatieven voor open source Bootstrap

We veranderen voortdurend en de manier waarop we dingen doen, is vereenvoudigd voor ontwikkelaars van webtoepassingen. Hoewel velen er de voorkeur aan geven hun eigen code te maken, is het waar dat er tools zijn die ons leven gemakkelijker maken en waarmee we snel een project kunnen implementeren.

Misschien is in het FrontEnd-ecosysteem het meest populaire en gebruikte CSS / JS-framework van de afgelopen tijd Bootstrap met een goede reden. Bootstrap is misschien wel de meest complete in vergelijking met de concurrentie en ze hebben opties voor bijna alles, maar het is niet de enige, en qua smaak zelfs niet de mooiste.

Ik zoek op internet Ik heb een advertentie gevonden met enkele van de meest populaire CSS / JS Frameworks en vooral open source, die we kunnen gebruiken voor onze persoonlijke projecten. Maar in dit geval noem ik alleen de 5 die ik het meest interessant vind. Laten we beginnen:

overjas

Top Coat

Vooral deze kende hem niet. Het is gelanceerd door Adobe® en is een raamwerk dat zich voornamelijk richt op het leveren van wat nodig is om webtoepassingen voor alle apparaten te maken. Enkele van de belangrijkste kenmerken zijn:

  • Het is snel.
  • Thema's kunnen worden aangepast.
  • Eigen pictogrammen.
  • Source Sans Pro, een OpenSource-bron van Adobe.

overjas

UIkit

UIKit

Voor zover we kunnen zien, is UIkit een van de sterkste rivalen van Bootstrap en als differentiële gegevens voegt het een reeks componenten toe die het Twitter-framework niet standaard toevoegt, of verbetert deze eenvoudig.

UIKit

Semantische gebruikersinterface

SemantischeUI

Nog een waardige Bootstrap-rivaal om rekening mee te houden, omdat het niet alleen nieuwe componenten biedt, maar we ook kunnen kiezen uit verschillende stijlen / thema's voor hen. We kunnen ervoor kiezen dat de knoppen bijvoorbeeld vergelijkbaar zijn met of gelijk zijn aan die van onder andere GMail, Github, Amazon, Google Material, Bootstrap, Twitter.

Semantische gebruikersinterface

INK

INK

Nog een zeer goede kandidaat om te overwegen. INK biedt ons ook nieuwe componenten of een ontwerp en functionaliteit die een beetje anders zijn dan wat we in Bootstrap vinden.

INK

metro UI

MetroUI

Als we iets willen doen dat dichter bij Windows-gebruikers staat, dan is Metro UI een van de varianten die we hebben. En ik zeg er een, want als we een beetje kijken, vinden we andere opties voor Bootstrap zelf.

metro UI

Conclusies

Afhankelijk van onze behoeften en doelstellingen hebben we verschillende alternatieven zoals we al hebben gezien. Hoewel ik alleen de 5 noemde die ik beschouw, zijn ze de meest complete, er zijn er nog veel meer zoals je kunt zien in de lijst die ik aan het begin noemde. Het is ook te zien dat velen van hen ideeën van Bootstrap hebben overgenomen en deze zelfs hebben verbeterd, en dat bedrijven zoals Adobe zich aansluiten bij het initiatief om dit soort tools te creëren om ons werk te verbeteren.

Als we over de nodige kennis beschikken, kunnen we er misschien zelfs meerdere mengen en nemen wat we nodig hebben. De keuze is hoe dan ook aan jou.


19 reacties, laat de jouwe achter

Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Miguel Ángel Gatón
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.

  1.   djager zei

    Je hebt de Yahoo-bijdrage gemist: Pure CSS, het richt zich op minimalisme en lichtheid.

    Pure is belachelijk klein. De volledige set modules klokt af op 4.0 KB * verkleind en gzipped. Ontworpen met het oog op mobiele apparaten, was het belangrijk voor ons om onze bestandsgroottes klein te houden, en elke regel CSS werd zorgvuldig overwogen. Als u besluit om alleen een subset van deze modules te gebruiken, bespaart u nog meer bytes.

    http://purecss.io/

    1.    levendig zei

      Ja, Pure is een optie, maar ondanks zijn grootte is het, op basis van mijn zeer specifieke criteria, niet zo compleet als de hierboven genoemde.

      1.    djager zei

        Wat ik leuk vind aan Pure is dat het je de basis geeft en heel snel te leren en te implementeren is, je het op een site kunt gebruiken en het geeft je de ruimte om iets origineels te doen, je bent niet "bootstrapified" zoals de meesten.

  2.   JoZ3 zei

    Vriend, ik denk dat je een van de grote rivalen van Bootstrap… Foundation hebt weggelaten

    1.    levendig zei

      Het is waar ... Fundation ging aan me voorbij, wat ook een van de groten is, misschien wel Bootstrap's grootste concurrent van wat ze zeggen.

      1.    ratten doden zei

        Vriend, ik mis je een belangrijke materiële kwestie. Proost

      2.    Marcos zei

        Foundation is het beste raamwerk voor interface-ontwerp, het meest complete en meest veelzijdige, en het is een geweldige concurrent voor bootstrap, hoewel bootstrap de zool van de schoenen niet bereikt.

  3.   blondfu zei

    Heel interessant, ik kende ze niet. Ik was ook verbaasd om foundation niet in die lijst te zien.

    1.    rlsalgueiro zei

      in feite de site van de link die in het begin deze stichting verlaat die zonder twijfel een van de sterkste concurrenten is.

  4.   Raphael Mardechai zei

    Ik ga meer nadenken over deze frameworks voor sommige ontwikkelingen, want nu alle responsive websites die ik schrijf vanaf 0, honderd meer plezier bij het schrijven van alles Xd

  5.   Celsius zei

    Aan het eind van de dag zijn ze allemaal hetzelfde. Grote goede letters op een witte achtergrond

  6.   kik1n zei

    BackEnd-regels 😀

  7.   Gabriel zei

    De waarheid is dat dit bericht op dit moment erg goed voor me is, bedankt 😉

  8.   naar buiten komen 19 zei

    Ik gebruik ui-semantiek en het is niet zo intuïtief om te zeggen

  9.   Alberto Carlos Webb Ozz zei

    Zonder Materialise, of Foundation, is deze lijst onzin.

    1.    levendig zei

      Waarom zegt wie? Waar staat geschreven dat die twee specifiek moeten zijn? Als je de commentaren leest (iets wat je blijkbaar niet gedaan hebt) zul je zien dat ik toegeef dat ik de Stichting miste, maar de lijst die je in dit artikel ziet is gebaseerd op mijn waardering, en daar hoef je het niet mee eens te zijn , maar je hoeft niet te zeggen dat het rotzooi is.

  10.   Kamisama 666 zei

    Hallo, heel goed artikel. Maar ik wilde je zeggen dat het lijkt alsof iemand het op zijn website heeft gekopieerd zonder de originele bron weer te geven. Ik weet niet hoe u deze zaken aanpakt, maar ik dacht dat u het wel zou willen weten. De link is: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.

    Een groet.

    1.    levendig zei

      Ja, het is normaal dat dat gebeurt. Ik heb al contact opgenomen met de verantwoordelijken voor de site 😉

  11.   Yuri Jajitzky zei

    Uitstekende bijdrage! Bootstrap opende zeker de deuren voor mensen zoals ik die goed zijn in de backend maar slecht aan de voorkant in css om een ​​fatsoenlijk ogend product af te leveren. Misschien was het niet de juiste manier waarop ze het hadden moeten noemen, maar ik ben het ermee eens dat deze lijst MaterializeCSS mist; een lichtgewicht, krachtig raamwerk, met de uitstraling van materiaalontwerp en de mooiste leercurve die mogelijk is. In 10 minuten heb ik dankzij dit framework een erg mooie interface kunnen opzetten. De documentatie is zo eenvoudig dat het in vergelijking met bootstrap lijkt op lucht- en ruimtevaarttechniek. Dus ik stel voor om een ​​kijkje te nemen op Materialise (materializecss.com). Proost!