10 lette alternativer til Bootstrap & Foundation

At vælge den rigtige ramme, der passer perfekt til dine projekter, kan være lidt overvældende - der er meget at vælge imellem. Måske vil du gå med populære valg som Bootstrap eller Foundation, men hvis dit websted bliver en ret simpel, du behøver ikke de fleste byggesten og materialer inkluderet i standardpakken.

Den gode nyhed er, at der er en håndfuld af alternativer, der er meget slankere end Bootstrap eller Foundation. De fleste af disse rammer leveres med bare den rigtige mængde stilarter og komponenter for at hjælpe dig med at komme i gang, samtidig med at du kan udvide dem i den retning, du vil have til dit projekt.

Her er 10 lette alternativer til Bootstrap og Foundation at du skal bruge til opbygning af mindre websteder.

Mere om Hongkiat.com:

Kom godt i gang med Twitter Bootstrap
Brug af Bootstrap 3 med Sass
Bootstrap Tool: Byg HTML Bootstrap Layouts
Arbejder med Bootstrap Plugin: Modal Window
Bootstrap Tool: Byg Megamenu med YAMM3

1. Skelet

Skelet har endelig fået en ansigtsløftning. Det er en total fornyelse fra jorden op, og alligevel er det stadig så let som det plejede at være. Det nye Skeleton-net system vedtager nu mobil-første filosofi, som sikrer, at layoutet tager et centralt stadium uanset hvor lille enhedens skærm er.

Alle komponenter, der var inkluderet i den tidligere version - knapper, formularer og inputelementer - er stadig til stede, men grundlæggende typografi stilarter er nu indstillet rem enhed.

2. CardinalCSS

CardinalCSS er et CSS framework bygget med fokus på ydeevne, læsbarhed og vigtigst vedligeholdelighed. CardinalCSS vedtager nogle moderne tilgange som mobil-først til formgivning af gitteret; og CSS Box Model, der giver dig mulighed for nemt at bestemme elementets bredde og højde.

CardinalCSS leveres også med en håndfuld hjælperklasser, der giver dig mulighed for hurtigt at anvende stilarter på et element, f.eks drop-cap som anvender drop-cap-effekten for det første tegn i stykket.

3. ConciseCSS

ConciseCSS er en CSS ramme - uden opblussen. Det er en magert ramme bygget oven på Sass, LESS og Stylus, som baner sin gyldne vej til CSS vedligeholdelighed. Men hvis du foretrækker almindelig enkel Vanilla CSS, kan du også få det.

På samme måde kommer ConciseCSS også med grundlæggende stilarter til vigtige elementer som overskrifter, afsnit, tabeller, formularer og et sæt hjælperklasser for at oprette knap UI.

4. PowertoCSS

PowertoCSS er letvægts og en solid frontend ramme. Klassenavne, der bruges til at opbygge nettet og anvende stilarter, er enkle og nemme at huske f.eks. .knap. Du kan også tilføje dit eget tema. Gå over til deres StarterKit for at komme i gang.

5. Furtive

Furtive er en mobil-første CSS-ramme opbygget omkring de banebrydende webstandarder som brugen af Flexbox til netværket og rem enhed til dimensionering af elementer (herunder skriftstørrelse). Furtive beholder et lille CSS-fodspor ved ikke at understøtte ældre browsere (* hoste * Internet Explorer), da de kræver nogle CSS-hacking. Derfor er Furtive en perfekt ramme, hvis du designer en hjemmeside for fremtiden.

6. BassCSS

BassCSS tilbyder et letvægts sæt af basiselement stilarter, værktøjer, layout og farve stilarter, i modulform for buildilng en lydhør web applikation. SCSS-filerne er inkluderet for nemt at tilpasse stilen. Du kan spille med typografi, hvidt mellemrum, breakpoints og UI-elementer.

7. Mueller

Mueller er et modulært lydsystem, der er bygget på toppen af Sass og Compass. Med Mueller kan du bygge nettet enten ved at tilføje klasser direkte til HTML-elementerne, eller hvis du foretrækker, at dine HTML-elementer er rene og rene ved hjælp af grid () fungere. Mueller-nettet kan bruges sammen med Masonry Javascript-biblioteket til at skabe et Pinterest-lignende layout.

8. Tuktuk

Tuktuk er et meget unikt navn til en ramme. Sammenlignet med Bootstrap eller Foundation, er Tuktuk meget lettere, da det kun kommer med det rigtige antal komponenter til at opbygge en præsentabel hjemmeside, herunder for gittersystemet, grundlæggende styling til typografi, tabeller og et par brugergrænseflader som navbar og modals.

9. Base

Base er bygget oven på LESS og Sass, og det omfatter kun de mest væsentlige komponenter til at opbygge websites: nettet og den grundlæggende styling af HTML-elementer. Base kommer ikke med Javascript-komponenter, men det giver fantastisk browser kompatibilitet så meget, at det fungerer selv med IE7.

10. Toast

Den sidste af vores liste er Toast. Gennem SCSS-stilarket er inkluderet i pakken, kan Toast let du konfigurere grid klassenavne, renden og endda kolonnebasen. For eksempel, hvis du vil have, at nettet skal være en 9-bunds kolonne i stedet for 12, kan du gøre det. Toast er en minimal CSS ramme med meget fleksible konfigurationer taget hensyn til dine krav.