generadores-layout-css

Existen un montón de generadores de códigos y gráficos en la web, pero sabías que también existen generadores de cuadrículas de diseño? Por medio de estos generadores podrás crear tu cuadrícula (o retícula) para tu sitio web, de forma rápida y sencilla y te ayudarán en tus procesos de diseño. Algunos de estos generadores crean columnas fluidas o fixed, con el número de columnas y la anchura que desees, para poder crear generadores de retículas multicolumna, usando %, px, o em. La retícula es fundamental para la estructura de tu sitio, estos generadores te ayudarán a hacerlo todo más cómodo:

Blueprint Grid CSS Generator

Blueprint Grid CSS Generator

Construct Your CSS

Construct Your CSS

CSS Creators CSS Layout Generator

CSS Creators CSS Layout Generator

CSS Fly

CSS Fly

CSS Grid Calculator

CSS Grid Calculator

CSS Portal CSS Layout Generator

CSS Portal CSS Layout Generator

Design by Grid Generator

Design by Grid Generator

DIV Design Grid Layout Generator

DIV Design Grid Layout Generator

Firdamatic

Firdamatic

Grid

Grid

Grid Calculator

Grid Calculator

Grid Designer

Grid Designer

Grid Generator

Grid Generator

Grid Maker V1.2

Grid Maker V1.2

Grid System Generator

Grid System Generator

GridFox – The Grid Layout Firefox Extension

GridFox - The Grid Layout Firefox Extension

GridMaker V2 Reboot

GridMaker V2 Reboot

Gridr Buildrr

Gridr Buildrr

PageColumn Layout Generators

Layout Grid Bookmarklet

Phiculator

Phiculator

Position is Everything

Position is Everything

TypoGridder version 0.2

TypoGridder version 0.2

Variable Grid System

Variable Grid System

Web Page Layout Grid

Web Page Layout Grid

WPDFD Browser Grid

WPDFD Browser Grid

YAML Builder

YAML Builder

YUI CSS Grid Builder

YUI CSS Grid Builder

PageColumn Layout Generators

Pagecolumn

RArtículos relacionados con las cuadrículas de diseño

15 Extremely Useful CSS Grid Layout Generator For Web Designers

40+ Grid-based design Articles, Tutorials and Tools

45+ CSS Grid Systems, Layout Generators and Tutorials that every Designer should know

Absolute Positioning Inside Relative Positioning

Build a Newspaper Theme With WP_Query and the 960 CSS Framework

Columns and Grids

CSS Grid Positioning Module Level 3

Design A Fresh Blog Theme On The 960 Grid

Designing Grid Systems For Flash

Developing the grid that supports your design

Feeling Your Way Around Grids

Five simple steps to designing grid systems – Part 1

Five simple steps to designing grid systems – Part 2

Five simple steps to designing grid systems – Part 3

Five simple steps to designing grid systems – Part 4

Five simple steps to designing grid systems – Part 5

Grid Computing and Design

Grid design basics: Grids for Web page layouts

Grid Design, A Classic Beauty For Whitespace Freaks

Grid-Based Design 101

Grid-Based Design: Six Creative Column Techniques

Grid-based Layout

GridControl: A Grid Overlay System for Design Development.

Gridding the 960

Grids Show em Off if You Got em

Grids: an invisible foundation

Grids: Order Out of Chaos

Introduction to Layout Grids

Prototype a Magazine-Style Home Page Template with the Blueprint CSS Framework

Prototyping With The Grid 960 CSS Framework

Setting Type on the Web to a Baseline Grid

The Funniest Grid You Ever Saw

The Grid System

The Grid: The Structure of Design

Thinking Outside the Grid

Typographic Grid

Using a Background Image Grid to Lay Out Your Web Site

Vertical Grids

Why Use a Grid

Vía | Cosas sencillas

Si te ha gustado este artículo, puedes recibir gratis más y mejor por RSS, Twitter, Facebook o correo electrónico. ¡Muchas gracias por leerme!