The Semantic Grid System

The Semantic Grid System

Ställ in kolumn- och rännbredden, välj antalet kolumner och växla mellan pixlar och procenttal.
Ställ in kolumn- och rännbredden, välj antalet kolumner och växla mellan pixlar och procenttal.Allt utan några .grid_x-klasser i din markering.Åh, och nämnde vi att det är lyhört?Kör på LESS, SCSS eller Stylus.Läs upp på Smashing Mag.

Hemsida:

kategorier

Alternativ till The Semantic Grid System för Web

Foundation

Foundation

Foundation är en lättanvänd, kraftfull och flexibel ram för att bygga snabba prototyper och produktionskod på alla typer av enheter.
Materialize

Materialize

Materialize är ett modernt responsivt CSS-ramverk baserat på Materialdesign av Google
Skeleton

Skeleton

Skeleton är en liten samling CSS & JS-filer som kan hjälpa dig att snabbt utveckla webbplatser som ser vackra ut i alla storlekar, vare sig det är en 17 "bärbar datorskärm eller en iPhone.
Purecss

Purecss

En uppsättning små, lyhörda CSS-moduler som du kan använda i varje webbprojekt.
GroundworkCSS

GroundworkCSS

GroundworkCSS är ett 100% gratis och öppen källkonsultivt HTML5, CSS och JavaScript Framework.
Spectre.css

Spectre.css

Lätt, lyhörd och modern CSS-ram för snabbare och utbyggbar utveckling.
Blueprint

Blueprint

Välkommen till Blueprint!Detta är ett CSS-ramverk som är utformat för att minska din CSS-utvecklingstid.Det ger dig en solid grund att bygga din egen CSS på.
Element UI

Element UI

Element, ett Vue 2.0-baserat komponentbibliotek för utvecklare, designers och produktchefer.
Material Design Lite

Material Design Lite

Googles främsta webbram för byggande av webbplatser enligt Material Design-specifikationen.
320 and Up

320 and Up

Den "lilla skärmen först" lyhörd pannplatta.
BrowserPage

BrowserPage

BrowserPage.net - det mest intuitiva Responsive Design Checker onlineverktyget för din webbplats.
960 Grid System

960 Grid System

960 Grid System är ett försök att effektivisera arbetsflödet för webbutveckling genom att tillhandahålla vanligt använda dimensioner, baserat på en bredd på 960 pixlar.
The Goldilocks Approach

The Goldilocks Approach

Goldilocks-strategin för responsiv webbdesign - En bra utgångspunkt för design som tar enhetsupplösning ur ekvationen.
Golden Grid System

Golden Grid System

Ett rutnät för responsiv webbdesign.Inkluderar fällbara kolumner, elastiska takrännor, ett zoombart baslinjegitter och ett härligt rutnät överläggsskript.
Less Framework

Less Framework

Less Framework är ett CSS-rutnät för design av anpassningsbara webbplatser.Den innehåller 4 layouter och 3 uppsättningar med typografiförinställningar, alla baserade på ett enda rutnät.