Friday, 21 August 2015 23:08

Frameworks and Grids Responsive Web Design

Written by 
Rate this item
(0 votes)

Estoy preparando un curso que voy a dar sobre Bootstrap y una de las preguntas con la que seguro me encuentro es qué diferencia hay entre un grid y un framework, además de qué otras opciones tenemos disponibles. Recuerdo cuando empecé de manera autodidacta en el mundo del diseño web y me perdía entre tantas palabras técnicas, así que, voy a explicar brevemente la diferencia entre ambas herramientas.

Un grid es un sistema de columnas que nos facilita el crear nuestros diseños de modo que visualmente se vean proporcionados y equilibrados. Los hay de 12, 16 y hasta 24 columnas. El estándar son 12 columnas y lo que hacemos es dividir el ancho de la web en estas columnas y distribuir los elementos en ellas. En el curso de Bootstrap 3 vemos cómo encajar los elementos que queremos que aparezcan en nuestra web dentro de un grid de 12 columnas, que es el que usa este framework.

gridsystem

Un framework integra siempre un grid, pero va mucho más allá, ya que contiene muchos otros elementos, como pueden ser botones, formularios de contacto, sliders, barras de navegación y, en frameworks avanzados, funcionalidades de JavaScript que den dinamismo al contenido. Así, una vez sabemos usar el framework, vamos mucho más rápidos en crear sitios web, ya que podemos reaprovechar código de un proyecto a otro con mayor facilidad y tenemos muchas cosas creadas de antemano. Si le queremos dar un toque personal, simplemente sobreescribimos las clases de CSS, y voilà, tenemos un sitio web que usa un framework y que parece hecho a mano desde cero.

Read 2137 times Last modified on Friday, 21 August 2015 23:11

Leave a comment

Make sure you enter the (*) required information where indicated. HTML code is not allowed.