Gadgetshowto
Frameworks er et af nyttige front-end-udviklerværktøjer 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 kraftigt, og som du måske ved, er Bootstrap fra Twitter øverst. For at hjælpe dig med at vælge den mest passende ramme, du skal bruge, har vi listet 21+ bedste rammer tilgængelig i dag til Bootstrap-alternativ. De tilbyder unikke og drillende funktioner, der adskiller sig fra hinanden. Kasse!
1. Ren
Hvis du planlægger at oprette en webapp, der fungerer både på desktop og mobil, bør du overveje at bruge Pure fra Yahoo. Pure har meget bedre ydeevne, når det kommer til mobile enheder end Bootstrap. Som navnet antyder, kommer Pure kun som en ren CSS-ramme. Byg oven på Normalize.css, Pure har en ekstrem lille filstørrelse med bare 4.5KB (minificeret og gzip).
2. UI-sæt
UIkit er en gratis, let og modulær frontend-ramme. UIkit er udviklet med MINDRE og har en velstruktureret, udvidelig og vedligeholdelig kode. Det tilbyder også et gittersystem, der er lydhørt, flydende og nestbart. Med UIkit kan du oprette navigation, knapper, modeller, dropdown og mere responsivt. Dens omfattende dokumentation gør det nemmere at komme i gang med UIkit.
3. MontageJS
MontageJS er en gratis open source front-end-ramme, der er specialiseret til oprettelse af moderne applikationer med én side (SPA). Ved at bruge grundlaget for mange gennemprøvede rammeapplikationer vil Montage forenkle din udviklingsproces, mens de udtryksfulde HTML-koder stadig kan vedligeholdes. Med MontageJS kan du synkronisere DOM-opdateringerne for en jævnere brugeroplevelse, opbygge og udvide UI-komponenter, der kan genbruges og mere.
4. Grundarbejde
Grundarbejde er en let, fleksibel og lydhør frontend-ramme skabt og vedligeholdt af Gary Hepting. Bygget oven på Sass og Compass, tilbyder Groundwork et fantastisk netsystem, som fleksibel, flydende og nestbar. Med sit 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 tilpasning giver dig mulighed for nemt at finjustere og tilpasse hele UI-sætdesignet for at imødekomme din bedste præference. Gumby har flere typer gitre med forskellige kolonnevariationer, men som standard leveres Gumby med 960 gittersystem.
6. HTML5 kedelplade
Ligesom sit navn giver HTML5 Boilerplate dig HTML5-klar skabelon, der er optimeret til at imødekomme 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, selv 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 har til formål 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 gentagne måde. Derfor leveres dets UI-sæt med en 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 designet til dig. Mens mange andre rammer kommer med deres egen indbyggede design CSS, gør Inuit.css dog ikke. 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 Gridsystem
960 Grid System er en frontend-ramme, der kan strømline din webudviklingsworkflow baseret på en 960 px bred container. Beholderen kan derefter opdeles i 12, 16 eller endda 24 kolonner for lettere at lægge indhold ud.
11. Materialiser
Bygget ud fra Googles materialedesignprincipper er Materialize kommet som en moderne responsiv frontend-ramme. Denne ramme er meget velegnet til dem, der ønsker at implementere Material Design look and feel på deres hjemmeside uden nogen kompleksitet. Den har kortdesign, animation af krusningseffekt, Sass mixin, træk mobilmenuen ud og mange flere.
12. Jeet
Jeet er et hurtigt, fleksibelt og mest avanceret netsystem, der er tilgængeligt i dag. Jeet hjælper dig med at oprette net 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 netsystem, der kan hjælpe dig med at opbygge weblayout i enhver form for kolonne, du ønsker. Det giver dig frihed og fleksibilitet til at opbygge design efter eget valg. Det er i stand til at håndtere, om dit design har 5, 12, 24, 48 eller ulige kolonner.
14. Metro UI
Metro UI er en 12-gitterbaseret ramme, der er inspireret af Windows 8 Metro-interface. Det er meget let at bruge og har stil med en masse almindelige komponenter som knap, flise, menu, datovælger og meget mere. Der er også en nyhedsportalskabelon, der nemt 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 klar menu, liste, tabeller, knapper, gittersystem og mange fantastiske elementer gemmer du processen med oprettelse af dit webprojekt op til 10 timer eller endnu mere.
16. Simple Grid
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. Gitterfunktionen er baseret på 1140 px skærmstørrelse med 12 kolonner som du kan tilpasse for at få dit bedste layout.
17. Fundament
Foundation er sandsynligvis den hårdeste rival for Twitter Bootstrap. Det er meget veldokumenteret, stabil, fleksibel og open source front-end-ramme. Det har mange nyttige værktøjer til hurtigere at skabe responsivt, mobilt første webprojekt. 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 porte det med Sass og Skinner.
18. Materielt brugergrænseflade
Materiel brugergrænseflade er en anden ramme, der implementeres Materielt design specifikation. Det eneste, der adskiller det fra Materialize, er, at det er bygget af kærligheden til React Javascript-biblioteket fra Facebook. Det har mange smukke UI-komponenter, som du kan bruge frit på din webside.
19. Topcoat
TopCoat er en robust front-end-ramme lavet af Adobe-teamet 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 skrifttype og også PSD UI Kit til brug sammen med dit projekt.
20. Blæk
Ink er en frontend-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 interface-elementer som tabel, faner, datavælger, modal, sorterbar liste, trævisning, galleri, formvalidering og mere. Det giver dig også mulighed for at have DOM-manipulation, kommunikationsfaciliteter og flotte 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 udvikling af fantastiske mobile apps. Onsen UI kan hjælpe dig med at oprette mobile apps nemt ved hjælp af konceptet med webkomponenter.
Hvilken er dit foretrukne Bootstrap-alternativ? Lad os vide i kommentarerne nedenfor.
