Vi er i stadig endring, og måten å gjøre ting på er blitt forenklet for utviklere av webapplikasjoner. Selv om mange foretrekker å lage sin egen kode, er det riktig at det finnes verktøy som gjør livet vårt enklere og lar oss raskt distribuere et prosjekt.
Kanskje i FrontEnd-økosystemet, er det mest populære og brukte CSS / JS-rammeverket i nyere tid Bootstrap med god grunn. Bootstrap er muligens den mest komplette i forhold til konkurrentene, og de har muligheter for nesten alt, men det er ikke den eneste, og i smakssak, ikke engang den vakreste.
Søker på internett etter meg Jeg fant en oppføring med noen av de mest populære CSS / JS Frameworks og viktigst, åpen kildekode, som vi kan bruke til våre personlige prosjekter. Men i dette tilfellet vil jeg bare nevne de 5 som jeg anser som de mest interessante. La oss komme i gang:
Topplag
Spesielt denne kjente ham ikke. Lansert av Adobe®, er det et rammeverk som hovedsakelig fokuserer på å tilby det som er nødvendig for å lage webapplikasjoner for alle enheter. Blant hovedtrekkene er:
- Det går fort.
- Temaer kan tilpasses.
- Egne ikoner.
- Source Sans Pro, en OpenSource-kilde fra Adobe.
IUKit
Fra det som kan sees, er UIkit en av de sterkeste konkurrentene til Bootstrap, og som differensialdata legger den til en serie komponenter som Twitter-rammeverket ikke legger til som standard, eller bare forbedrer dem.
Semantisk brukergrensesnitt
En annen verdig Bootstrap-rival å ta i betraktning, siden den ikke bare gir nye komponenter, men vi kan velge mellom flere stiler / temaer for dem. Vi kan velge at knappene for eksempel er like eller like de som blant annet GMail, Github, Amazon, Google Material, Bootstrap, Twitter.
INK
En annen veldig god kandidat å vurdere. INK gir oss også nye komponenter eller med design og funksjonalitet litt annerledes enn det vi finner i Bootstrap.
Metro UI
Hvis vi vil gjøre noe nærmere Windows-brukere, er Metro UI en av variantene vi har. Og jeg sier en, for hvis vi ser litt ut, finner vi den andre alternativer for selve Bootstrap.
Konklusjoner
Avhengig av våre behov og mål, har vi flere alternativer som vi allerede har sett. Selv om jeg bare nevnte de 5 som jeg vurderer, er de de mest komplette, det er mange flere som du kan se i listen som jeg nevnte i begynnelsen. Det kan også sees at mange av dem har hentet ideer fra Bootstrap og til og med forbedret dem, og at selskaper som Adobe blir med på initiativet til å lage denne typen verktøy for å forbedre vårt arbeid.
Hvis vi har den nødvendige kunnskapen, kan vi til og med blande flere av dem med det vi trenger. Valget er ditt uansett.
Du savnet Yahoo-bidraget: Pure CSS, det fokuserer på minimalisme og letthet.
Ren er latterlig liten. Hele settet med moduler klokker seg inn på 4.0KB * minifisert og gzippet. Laget med tanke på mobile enheter, var det viktig for oss å holde filstørrelsene små, og hver linje med CSS ble nøye vurdert. Hvis du bestemmer deg for å bare bruke et delsett av disse modulene, vil du lagre enda flere byte.
http://purecss.io/
Ja, Pure er et alternativ, men til tross for størrelsen, fra mine veldig spesielle kriterier, er den ikke så fullstendig som de som er nevnt ovenfor.
Det jeg liker med Pure er at det gir deg det grunnleggende og er veldig raskt å lære og implementere, du kan bruke det på et nettsted, og det gir deg muligheten til å gjøre noe originalt, du er ikke "bootstrapified" som de fleste.
Venn, jeg tror du har utelatt en av de store rivalene til Bootstrap ... Foundation
Det er sant ... Finansiering gikk forbi meg, som er en annen av de største, muligens Bootstraps største konkurrent fra det de sier.
Venn jeg savner deg en viktig materialoppgave. Jubel
Foundation er det beste rammeverket for grensesnittdesign, det mest komplette og mest allsidige, og det er en god konkurrent til bootstrap, selv om bootstrap ikke når sålen på skoene.
Veldig interessant, jeg kjente dem ikke. Jeg ble også overrasket over ikke å se fundament i den listen.
faktisk nettstedet til lenken som forlater i begynnelsen dette fundamentet som uten tvil er en av de sterkeste konkurrentene.
Jeg kommer til å begynne å tenke mer på disse rammene for noen utviklinger, for nå alle responsive nettsteder jeg skriver fra 0, hundre mer glede når jeg skriver alt Xd
På slutten av dagen er de alle like. Store gode bokstaver på hvit bakgrunn
BackEnd-regler 😀
Sannheten er at dette innlegget for øyeblikket er veldig bra for meg, takk 😉
Jeg bruker ui semantikk, og det er ikke så intuitivt å si
Uten Materialize, eller Foundation, er denne listen tullete.
Hvorfor sier hvem? Hvor er det skrevet at disse to må være spesifikt? Hvis du leser kommentarene (noe du tilsynelatende ikke har gjort), vil du se at jeg innrømmer at jeg manglet stiftelsen, men listen du ser i denne artikkelen er basert på min takknemlighet, og du trenger ikke å være enig i det, men du trenger ikke å si at det er søppel.
Hei, veldig god artikkel. Men jeg ville fortelle deg at det ser ut til at noen har kopiert det på nettstedet sitt uten å gjenspeile den opprinnelige kilden. Jeg vet ikke hvordan du håndterer disse sakene, men jeg trodde du vil vite. Lenken er: http://blog.underc0de.org/2015/03/5-alternativas-bootstrap.html.
En hilsen.
Ja, det er normalt at det skjer. Jeg har allerede kontaktet de ansvarlige for nettstedet 😉
Utmerket bidrag! Bootstrap åpnet absolutt dørene for folk som meg som er gode i bakenden, men elendige i frontenden i css for å levere et anstendig produkt. Kanskje det ikke var den riktige måten de skulle ha nevnt det på, men jeg er enig i at denne listen mangler MaterializeCSS; et lett, kraftig rammeverk, med utseendet på materialdesign og den mest fantastiske læringskurven som er mulig. På 10 minutter klarte jeg å sette opp et veldig fint grensesnitt takket være dette rammeverket. Dokumentasjonen er så enkel at den sammenligner med bootstrap at den ser ut som luftfartsteknikk. Så jeg foreslår at du tar en titt på Materialize (materializecss.com). Jubel!