Thomas Glenn
0 
3827
795
Frameworks er et af nyttige front-end udviklere værktøj til hurtigere og bedre udvikling. Med rammer kan du bygge en godt struktureret, vedligeholdeligt og opgraderbart websted. Det hjælper dig også spar meget på din tid fordi der er masser af let tilgængelige elementer, som du kan bruge.
I dag er antallet af rammer steget markant, og som du måske ved, er Bootstrap fra Twitter på topstandarden. For at hjælpe dig med at vælge den mest passende ramme, du skal bruge, har vi angivet 21+ bedste rammer tilgængelig i dag for Bootstrap alternativ. De tilbyder unikke og drillende funktioner, der adskiller sig fra hinanden. bestilling!
1. Ren
Hvis du planlægger at bygge en webapp, der fungerer både på desktop og mobil, skal du overveje at bruge Pure fra Yahoo. Pure har meget bedre ydelse, når det kommer til mobile enheder end Bootstrap. Som navnet antyder kommer Pure kun som en ren CSS-ramme. Byg på toppen af Normalize.css, Pure har en ekstremt lille filstørrelse med bare 4,5 KB (minificeret og gzip).
2. UI-sæt
UIkit er en gratis, let og modulopbygget front-end ramme. UIkit er udviklet med MINDRE og har en velstruktureret, udvidelig og vedligeholdelig kode. Det tilbyder også et gittersystem, der er responsivt, flydende og nesteligt. Med UIkit kan du opbygge navigation, knapper, modaler, dropdown og mere responsivt. Dens omfattende dokumentation vil gøre det lettere for dig at komme i gang med UIkit.
3. MontageJS
MontageJS er en gratis open source front-end ramme specialiseret til oprette moderne applikationer på én side (SPA). Ved at bruge grundlaget for mange velprøvede rammeapplikationer, vil Montage forenkle din udviklingsproces, mens de ekspressive HTML-koder stadig er vedligeholdelige. Med MontageJS kan du synkronisere DOM-opdateringerne til en mere jævn brugeroplevelse, opbygge og udvide UI-komponenter, der kan genbruges og mere.
4. Grundarbejde
Grundarbejde er en let, fleksibel og lydhør ramme, der skabes og vedligeholdes af Gary Hepting. Bygget oven på Sass og kompas, tilbyder Groundwork et fantastisk gitter system, som fleksibel, flydende og nestelig. Med dets gittersystem kan du opbygge enhver layouttype af layout, der passer til enhver skærmstørrelse.
5. Gumby
Gumby er en fleksibel og lydhør ramme bygget med Sass's kraft til hurtigere webudvikling. Dens customizer giver dig mulighed for nemt at finjustere og tilpasse hele UI-kit-designet til at imødekomme dine bedste præferencer. Gumby har flere typer gitter med forskellige søjlevariationer, men som standard leveres Gumby med 960 gittersystem.
6. HTML5-kedelplade
Ligesom dens navn giver HTML5 Boilerplate dig HTML5-klar skabelon, der er optimeret til at opfylde den mest standard af nye HTML-funktioner. Ved at bruge denne skabelon kan du oprette en hurtig, robust og lydhør websted, der er i stand til at tilpasse sig enhver form for browser, også de gamle som Internet Explorer.
7. Skelet
Skeleton er en letvægts CSS-ramme, der bruger et 12-søjles gittersystem. I modsætning til Bootstrap eller Foundation, giver Skeleton dig nogle grundlæggende komponenter kun som knap, lister, tabel, formularer, der sigter mod at starte din udviklingsproces.
8. Bootflat
Bootflat er en open source CSS-ramme, der er bygget med den kraftfulde Bootstrap 3. Bootflat er designet til at skabe et fantastisk fladt webdesign med hurtigere, lettere og mindre gentagen måde. Derfor leveres dens UI Kit med smuk PSD-brugergrænsefladepakke, som du kan bruge på dit websted, iOS eller Android-projekt.
9. Inuit
Inuit.css er en anden stor CSS-famework, der fokuserer på Mobile First-tilgang og overlader alt design til dig. Mens mange andre rammer kommer med deres egen indbyggede design CSS, gør Inuit.css dog ikke det. Inuit.css fungerer på OOCSS (Object Oriented CSS) måde, som er en hurtig, skalerbar og vedligeholdelig metode til at skrive genanvendelig CSS.
10. 960 gittersystem
960 Grid System er en front-end ramme, der kan strømline din webudviklingsarbejdsgang baseret på en 960px bred container. Beholderen kan derefter skives op i 12, 16 eller endda 24 søjler for lettere at placere indhold.
11. Materialer
Materialize er bygget på Googles principper for materialedesign og er kommet som en moderne responsiv front-end ramme. Denne ramme er meget velegnet til dem, der ønsker at implementere Material Design-udseende på deres hjemmeside uden nogen kompleksitet. Den har funktioner kortdesign, ringvirkningsanimation, Sass mixin, træk mobilmenu ud og mange flere.
12. Jeet
Jeet er et hurtigt, fleksibelt og mest fremskreden gittersystem, der findes i dag. Jeet hjælper dig med at opbygge gitre på farten på en meget intuitiv, ren, måde. Det understøtter næsten alle moderne og gamle browsere.
13. Susy
Susy er et automatiseret gittersystem, der kan hjælpe dig med at opbygge weblayout i enhver slags kolonne, du ønsker. Det giver dig frihed og fleksibilitet til at opbygge design efter dit valg. Det er i stand til at håndtere, om dit design har 5, 12, 24, 48 eller ulige søjler.
14. Metro UI
Metro UI er en 12-gitterbaseret ramme, der er inspireret af Windows 8 Metro-stilgrænsefladen. Det er meget nemt at bruge og har stil med en masse almindelige komponenter som knap, fliser, menu, datovælger og meget mere. Der er også en nyhedsportalskabelon, der let kan komme i gang.
15. HTML KickStart
HTML KickStart er en ultra-lean HTML, CSS og Javascript kedelplade til ekstremt hurtigere webudvikling. HTML KickStart blev udviklet baseret på Twitter Bootstrap med ikonstøtten fra Font Awesome. Med sin klare menu, liste, tabeller, knapper, gittersystem og mange fantastiske elementer, sparer du processen med oprettelse af dit webprojekt op til 10 timer eller endnu mere.
16. Enkelt gitter
Simple Grid er et meget let, responsivt gittersystem. Det er ikke som andre rammer, der har den smarte knap, menu, tabel osv. Simple Grid tilbyder kun et rent gitter. Netfunktionen er baseret på 1140 px skærmstørrelse med 12 kolonner som du kan tilpasse for at få dit bedste layout.
17. Foundation
Foundation er sandsynligvis den hårdeste rival for Twitter Bootstrap. Det er meget veldokumenterede, stabile, fleksible og open source front-end rammer. Det har mange nyttige værktøjer til hurtigere at oprette responsive, mobile første webprojekter. Det understøtter næsten al den tilgængelige browser i dag, undtagen IE7. Selvom mange udviklere for det meste kun bruger Foundation til HTML og CSS, men du har mulighed for at port det med Sass og Rails.
18. Materiale UI
Materiale UI er en anden ramme, der implementeres Materielt design specifikation. Det eneste, der adskiller det fra Materialize, er det bygget af kærligheden til React Javascript-biblioteket fra Facebook. Det har mange smukke brugergrænseflade-komponenter, som du muligvis kan bruge frit på din webside.
19. Topcoat
TopCoat er en robust front-end ramme lavet af Adobes team til udvikling af webapplikationer designet med hastighed i tankerne. Hver eneste detalje i TopCoat er optimeret til præstationsprioritet. Det giver dig også tilpasset tema, open source font og også PSD UI Kit til brug med dit projekt.
20. Blæk
Blæk er en front-end ramme, der er udviklet til hurtigere UI-udvikling ved hjælp af HTML, CSS og Javascript, ligesom Bootstrap gør. Du kan nemt oprette moderne layout med nogle genanvendelige interfaceelementer som tabel, faner, datavælger, modal, sorterbar liste, trævisning, galleri, formvalidering og mere. Det giver dig også mulighed for at få DOM-manipulation, kommunikationsfaciliteter og fancy sideeffekter med sin JS Core-motor.
21. Onsen UI
Onsen UI er en hybrid ramme, der fungerer godt med PhoneGap og Cordova. Med AngularJS, jQuery, Font Awesome og TopCoat som fundament, kan Onsen UI være et lovende værktøj til at udvikle fantastiske mobile apps. Onsen UI kan hjælpe dig med at opbygge mobile apps let ved hjælp af konceptet med webkomponenter.
Hvilket er dit foretrukne Bootstrap-alternativ? Fortæl os det i kommentarerne nedenfor.