Rammer er et nyttig utviklingsverktøy for utviklere for raskere og bedre utvikling. Med rammer kan du bygge en godt strukturert, vedlikeholdsbar og oppgraderbar nettside . Det hjelper deg også med å spare mye på din tid fordi det er mange lett tilgjengelige elementer som du kan bruke.
I dag er antall rammer blitt kraftig økt, og som du kanskje vet, er Bootstrap fra Twitter på topplasseringene. For å hjelpe deg med å velge det mest hensiktsmessige rammeverket som skal brukes, har vi listet 21 + beste rammer tilgjengelig i dag for Bootstrap-alternativ . De tilbyr unike og rettsfulle funksjoner som avviger fra hverandre. Sjekk ut!
1. Ren
Hvis du planlegger å bygge en web-app som fungerer både på skrivebordet og mobil, bør du vurdere å bruke Pure fra Yahoo. Ren har mye bedre ytelse når det gjelder mobile enheter enn Bootstrap. Som navnet antyder, kommer Pure som et rent CSS-rammeverk. Bygg på toppen av Normalize.css, Pure har en ekstremt liten filstørrelse med bare 4, 5KB (minifisert og gzip) .
2. UI-sett
UIkit er et fritt, lett og modulært front-end rammeverk. Utviklet med MINDRE, har UIkit en velstrukturert, utvidbar og vedlikeholdsbar kode. Det tilbyr også et rutenettsystem som er responsivt, fluid og nestbar. Med UIkit kan du bygge navigasjon, knapper, modaler, dropdown og mer responsivt. Den omfattende dokumentasjonen gjør det enklere å komme i gang med UIkit.
3. MontasjeJS
MontageJS er en gratis open source front-end rammeverk spesialisert for å skape moderne Single Page Applications (SPA) . Ved å utnytte grunnlaget for mange velprøvde rammeprogrammer, vil Montage forenkle utviklingsprosessen mens de uttrykksfulle HTML-kodene fortsatt kan vedlikeholdes. Med MontageJS kan du synkronisere DOM-oppdateringene for jevnere brukeropplevelse, bygge og utvide grensesnittkomponenter som kan gjenbrukes og mer.
4. Grunnarbeid
Groundwork er et lett, fleksibelt og responsivt front-end rammeverk laget og vedlikeholdt av Gary Hepting . Bygget på toppen av Sass og Compass, tilbyr Groundwork et flott nettanlegg som er fleksibelt, flytende og nestbart . Med sitt rutenett system kan du bygge hvilken layout som helst som passer på hvilken som helst skjermstørrelse.
5. Gumby
Gumby er et fleksibelt og responsivt rammeverk bygget med kraften til Sass for raskere webutvikling. Dens tilpasser lar deg enkelt tilpasse og tilpasse hele UI-settdesignet for å møte dine beste preferanser. Gumby har flere typer griller med forskjellige kolonnevarianter, men som standard kommer Gumby med 960 grid-system.
6. HTML5 Boilerplate
Akkurat som navnet heter, gir HTML5 Boilerplate deg HTML5 klar mal som er optimalisert for å tilfredsstille de fleste standardene for HTML nye funksjoner. Ved å bruke denne malen kan du opprette et raskt, robust og responsivt nettsted som kan tilpasse seg alle typer nettlesere, selv de gamle som Internet Explorer.
7. skjelett
Skeleton er et lett CSS-rammeverk som bruker et 12-kolonne rutenett system. I motsetning til Bootstrap eller Foundation, gir Skeleton deg noen grunnleggende komponenter bare som knapp, lister, bord, skjemaer som har til hensikt å starte utviklingsprosessen din.
8. Bootflat
Bootflat er et open source CSS-rammeverk som er bygget med den kraftige Bootstrap 3. Bootflat er designet for å skape en fantastisk flat webdesign med raskere, enklere og mindre repeterende måte . Derfor leveres brukergrensesnittet med flott PSD-brukergrensesnittpakke som du kan bruke på ditt nettsted, iOS eller Android-prosjekt.
9. Inuit
Inuit.css er en annen stor CSS famework som fokuserer på Mobile First tilnærming og la alt designet til deg. Mens mange andre rammer kommer med sin egen innebygde design CSS, gjør Inuit.css det ikke. Inuit.css fungerer i OOCSS (Object Oriented CSS) måte som er en rask, skalerbar og vedlikeholdbar metode for å skrive gjenbrukbart CSS.
10. 960 Grid System
960 Grid System er et front-end rammeverk som kan strømlinjeforme webutviklings arbeidsflyten basert på en 960px bred beholder. Beholderen kan da skives opp i 12, 16 eller til og med 24 kolonner for lettere å legge ut innhold.
11. Materialisere
Bygget på grunnlag av Googles Material Design-prinsipper, har Materialize kommet som et moderne responsivt front-end-rammeverk. Dette rammeprogrammet er veldig egnet for de som ønsker å implementere Material Design utseende og følelse i deres nettside uten kompleksitet. Den har kortdesign, rippel effekt animasjon, Sass mixin, dra ut mobil meny og mange flere.
12. Jeet
Jeet er et raskt, fleksibelt og mest forhåndsgittersystem tilgjengelig i dag. Jeet hjelper deg med å bygge rister på fluen på en veldig intuitiv, ren måte. Den støtter nesten alle moderne og gamle nettlesere.
13. Susy
Susy er et automatisert grid system som kan hjelpe deg med å bygge web layout i en hvilken som helst slags kolonne du vil ha. Det gir deg frihet og fleksibilitet til å bygge design av ditt valg. Det er i stand til å håndtere om designet ditt har 5, 12, 24, 48 eller ulik kolonner.
14. Metro UI
Metro UI er en 12-grid basert rammeverk som er inspirert av Windows 8 Metro stil grensesnitt. Det er veldig enkelt å bruke og har stil med en rekke vanlige komponenter som knapp, flis, meny, date picker og mye mer. Det er også en nyhetsportalsmal for å komme i gang lett.
15. HTML KickStart
HTML KickStart er en ultra-lean HTML, CSS og Javascript boilerplate for ekstremt raskere webutvikling. HTML KickStart ble utviklet basert på Twitter Bootstrap med ikonstøtten fra Font Awesome. Med sin klare meny, liste, tabeller, knapper, rutenett system og mange flotte elementer, vil du lagre prosessen med webprosjektet ditt opptil 10 timer eller enda mer.
16. Enkelt rutenett
Simple Grid er et veldig lett, responsivt grid system. Det er ikke som andre rammer som har den fancy knappen, menyen, bordet, etc., tilbyr Simple Grid bare et rent rutenett. Gitterfunksjonen er basert på 1140 px skjermstørrelse med 12 kolonner som du kan tilpasse for å få det beste oppsettet.
17. Stiftelsen
Stiftelsen er mest sannsynlig den tøffeste rival for Twitter Bootstrap. Det er meget godt dokumentert, stabilt, fleksibelt og open source front-end rammeverk. Den har mange nyttige verktøy for å skape responsivt, mobilt første webprosjekt raskere. Den støtter nesten alle tilgjengelige nettlesere i dag, unntatt IE7. Selv om mange utviklere hovedsakelig bruker Foundation for HTML og CSS, men du har mulighet til å portere den med Sass and Rails .
18. Materiale UI
Material UI er et annet rammeverk som implementerer Material Design spesifikasjon. Det eneste som skiller det fra materialisere er det bygget av kjærligheten til React Javascript-bibliotek fra Facebook. Den har mange flotte UI-komponenter som du kan bruke fritt på websiden din.
19. Topcoat
TopCoat er et robust front-end rammeverk laget av Adobe team for å utvikle web applikasjon designet med fart i tankene. Hver eneste detalj i TopCoat er optimalisert for prestasjonsprioritet. Det tilbyr deg også med tilpassbart tema, åpen kilde font og også PSD UI Kit å bruke med prosjektet.
20. Blekk
Blekk er en front-end ramme som er utviklet for raskere UI utvikling ved hjelp av HTML, CSS og Javascript, akkurat som Bootstrap gjør. Du kan lage moderne layout enkelt med noen gjenbrukbare grensesnittelementer som tabell, faner, dataplukker, modal, sorterbar liste, trevisning, galleri, skjemavalidator og mer. Det gjør det også mulig å ha DOM-manipulasjon, kommunikasjonsfasilitet og fancy sideeffekter med sin JS Core-motor.
21. Onsen brukergrensesnitt
Onsen brukergrensesnitt er et hybrid rammeverk som fungerer godt med PhoneGap og Cordova. Med AngularJS, jQuery, Font Awesome og TopCoat som grunnlag, kan Onsen UI være et lovende verktøy for å utvikle fantastiske mobile apps. Onsen brukergrensesnitt kan hjelpe deg med å bygge mobile apps enkelt ved hjelp av begrepet webkomponenter.
Hvilken er ditt favoritt Bootstrap-alternativ? Gi oss beskjed i kommentarene nedenfor.
