Ons verander voortdurend en die manier van doen is vereenvoudig vir ontwikkelaars van webtoepassings. Alhoewel baie verkies om hul eie kode te skep, is dit waar dat daar instrumente is wat ons lewens vergemaklik en wat ons in staat stel om vinnig 'n projek te implementeer.
Miskien in die FrontEnd-ekosisteem is Bootstrap met die nodige rede die gewildste en mees gebruikte CSS / JS-raamwerk in die afgelope tyd. Bootstrap is moontlik die mees volledige in vergelyking met die kompetisie en hulle het opsies vir byna alles, maar dit is nie die enigste nie, en in 'n kwessie van smaak, nie eens die mooiste nie.
Soek vir my op die internet Ek het 'n lys gekry met sommige van die gewildste CSS / JS-raamwerke en die belangrikste, open source, wat ons kan gebruik vir ons persoonlike projekte. Maar in hierdie geval sal ek slegs die 5 noem wat ek as die interessantste beskou. Laat ons begin:
Boonstelaag
Veral hierdie een het hom nie geken nie. Dit is bekendgestel deur Adobe® en is 'n raamwerk wat hoofsaaklik fokus op die verskaffing van wat nodig is om webtoepassings vir alle toestelle te skep. Van die belangrikste kenmerke is:
- Dit is vinnig.
- Temas kan aangepas word.
- Eie ikone.
- Source Sans Pro, 'n OpenSource-bron van Adobe.
UIkit
Uit wat gesien kan word, is UIkit een van die sterkste mededingers van Bootstrap, en as differensiële data voeg dit 'n reeks komponente by wat die Twitter-raamwerk nie byvoeg nie, of verbeter dit eenvoudig.
Semantiese UI
Nog 'n waardige Bootstrap-mededinger om mee rekening te hou, want dit bied nie net nuwe komponente nie, maar ons kan kies tussen verskillende style / temas daarvoor. Ons kan kies dat die knoppies byvoorbeeld soortgelyk is aan of gelyk is aan dié van onder andere GMail, Github, Amazon, Google Material, Bootstrap, Twitter.
INK
Nog 'n baie goeie kandidaat om te oorweeg. INK bied ons ook nuwe komponente of 'n ontwerp en funksionaliteit wat effens verskil van wat ons in Bootstrap vind.
Metro-UI
As ons iets nader aan Windows-gebruikers wil doen, is Metro UI een van die variante wat ons het. En ek sê een, want as ons 'n bietjie lyk, vind ons dit ander opsies vir Bootstrap self.
Gevolgtrekkings
Afhangend van ons behoeftes en doelstellings, het ons verskeie alternatiewe soos ons reeds gesien het. Alhoewel ek slegs die vyf noem wat ek beskou, is dit die volledigste, maar daar is nog baie meer in die lys wat ek aan die begin genoem het. Daar kan ook gesien word dat baie van hulle idees van Bootstrap afgeneem en selfs verbeter het, en dat ondernemings soos Adobe deelneem aan die inisiatief om hierdie soort instrument te skep om ons werk te verbeter.
As ons oor die nodige kennis beskik, kan ons miskien verskeie van hulle meng deur te neem wat ons nodig het. Die keuse is in elk geval joune.
19 kommentaar, los joune
U het die Yahoo-bydrae gemis: Pure CSS, dit fokus op minimalisme en ligtheid.
Pure is belaglik klein. Die hele reeks modules word op 4.0KB * geminifiseerd en gzipped. Met die oog op mobiele toestelle was dit vir ons belangrik om ons lêergroottes klein te hou, en elke reël CSS is noukeurig oorweeg. As u besluit om slegs 'n subversameling van hierdie modules te gebruik, spaar u nog meer grepe.
http://purecss.io/
Ja, suiwer is 'n opsie, maar ondanks die grootte daarvan, volgens my baie spesifieke kriteria, is dit nie so volledig soos hierbo genoem nie.
Wat ek van Pure hou, is dat dit u die basiese beginsels gee en baie vinnig is om te leer en te implementeer; u kan dit op 'n webwerf gebruik en dit gee u die geleentheid om iets oorspronkliks te doen; u word nie "bootstrapified" soos die meeste nie.
Vriend, ek dink jy het een van die groot mededingers van Bootstrap ... Foundation weggelaat
Dit is waar ... Die fondasie het my verbygegaan, wat nog een van die grotes is, moontlik Bootstrap se grootste mededinger van wat hulle sê.
Vriend ek mis jou een belangrike materialisecss. Cheers
Foundation is die beste raamwerk vir koppelvlakontwerp, die volledigste en veelsydigste, en dit is 'n goeie mededinger om bootstrap te gebruik, alhoewel bootstrap nie die skoensool bereik nie.
Baie interessant, ek het hulle nie geken nie. Ek was ook verbaas om nie die grondslag in die lys te sien nie.
in werklikheid die webwerf van die skakel wat aan die begin hierdie basis laat, wat sonder twyfel een van die sterkste mededingers is.
Ek gaan meer nadink oor hierdie raamwerke vir 'n paar ontwikkelings; vir nou is alle reagerende webwerwe wat ek van 0 af skryf, honderd meer plesier as ek alles skryf
Aan die einde van die dag is hulle almal dieselfde. Groot goeie letters op wit agtergrond
BackEnd Reëls 😀
Die waarheid is dat hierdie berig op hierdie oomblik vir my baie goed is, dankie 😉
Ek gebruik ui-semantiek en dit is nie so intuïtief om te sê nie
Sonder Materialize, of Foundation, is hierdie lys snert.
Hoekom sê wie? Waar staan daar dat daardie twee spesifiek moet wees? As u die opmerkings lees (iets wat u blykbaar nie gedoen het nie), sal u sien dat ek die stigting mis, maar die lys wat u in hierdie artikel sien, is gebaseer op my waardering, en u hoef nie daarmee saam te stem nie, maar u hoef nie te sê dat dit vullis.
Hallo, baie goeie artikel. Maar ek wou u vertel dat dit lyk asof iemand dit op hul webwerf gekopieer het sonder om die oorspronklike bron te weerspieël. Ek weet nie hoe u hierdie sake hanteer nie, maar ek het gedink dat u dit graag sou wou weet. Die skakel is: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
'N groet.
Ja, dit is normaal dat dit gebeur. Ek het reeds met diegene wat verantwoordelik is vir die webwerf gekontak 😉
Uitstekende bydrae! Bootstrap het beslis die deure oopgemaak vir mense soos ek wat goed in die agterkant is, maar sleg aan die voorkant in css om 'n ordentlike produk te lewer. Miskien was dit nie die regte manier waarop hulle dit moes noem nie, maar ek stem saam dat hierdie lys ontbreek MaterializeCSS; 'n ligte, kragtige raamwerk met die voorkoms van materiaalontwerp en die wonderlikste leerkurwe moontlik. In tien minute kon ek danksy hierdie raamwerk 'n baie mooi koppelvlak opstel. Die dokumentasie daarvan is so eenvoudig dat dit in vergelyking met bootstrap lyk soos lugvaartingenieurswese. Ek stel dus voor om na Materialize (materializecss.com) te kyk. Cheers!