The Semantic Grid System

The Semantic Grid System

Defina as larguras da coluna e da calha, escolha o número de colunas e alterne entre pixels e porcentagens.
Defina as larguras da coluna e da calha, escolha o número de colunas e alterne entre pixels e porcentagens.Tudo sem nenhuma classe .grid_x na sua marcação.Ah, e nós mencionamos que é responsivo?É executado em MENOS, SCSS ou Stylus.Leia sobre Smashing Mag.
the-semantic-grid-system

Local na rede Internet:

Categorias

Alternativas ao The Semantic Grid System para Web

Foundation

Foundation

O Foundation é uma estrutura fácil de usar, poderosa e flexível para criar protótipos e códigos de produção rápidos em qualquer tipo de dispositivo.
Materialize

Materialize

Materialize é uma estrutura CSS responsiva moderna, baseada no Design de materiais do Google
Skeleton

Skeleton

O Skeleton é uma pequena coleção de arquivos CSS e JS que podem ajudá-lo a desenvolver rapidamente sites com uma aparência bonita de qualquer tamanho, seja uma tela de laptop de 17 "ou um iPhone.
Purecss

Purecss

Um conjunto de módulos CSS pequenos e responsivos que você pode usar em todos os projetos da web.
GroundworkCSS

GroundworkCSS

O GroundworkCSS é uma estrutura HTML5, CSS e JavaScript 100% gratuita e de código aberto.
Spectre.css

Spectre.css

Estrutura CSS leve, responsiva e moderna para desenvolvimento mais rápido e extensível.
Blueprint

Blueprint

Bem-vindo ao Blueprint!Essa é uma estrutura CSS projetada para reduzir o tempo de desenvolvimento de CSS.Ele fornece uma base sólida para a criação do seu próprio CSS.
Element UI

Element UI

Element, uma biblioteca de componentes baseada no Vue 2.0 para desenvolvedores, designers e gerentes de produto.
Material Design Lite

Material Design Lite

Estrutura da web front-end do Google para criação de sites com a especificação Material Design.
320 and Up

320 and Up

O clichê responsivo 'tela minúscula primeiro'.
BrowserPage

BrowserPage

BrowserPage.net - a ferramenta online mais intuitiva do Responsive Design Checker para o seu site.
960 Grid System

960 Grid System

O 960 Grid System é um esforço para otimizar o fluxo de trabalho de desenvolvimento da web, fornecendo dimensões comumente usadas, com base em uma largura de 960 pixels.
The Goldilocks Approach

The Goldilocks Approach

A abordagem Goldilocks ao design responsivo da Web - Um bom ponto de partida para o design que tira a resolução do dispositivo da equação.
Golden Grid System

Golden Grid System

Um sistema de grade para web design responsivo.Inclui colunas dobráveis, calhas elásticas, uma grade de linha de base com zoom e um delicioso script de sobreposição de grade.
Less Framework

Less Framework

Less Framework é um sistema de grade CSS para projetar sites adaptáveis.Ele contém 4 layouts e 3 conjuntos de predefinições de tipografia, todos baseados em uma única grade.