No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Grillas

16/25
Recursos

Lleg贸 el momento que nos pongamos rudos y definamos c贸mo se va a comportar nuestro sistema. Para esto necesitamos crear un sistema de columnas.

  • Antes de hacerlo vamos a cuestionar si usaremos un layout al que tengamos que seguir, pues esto es bastante importante para la reglamentaci贸n de nuestro grid.
  • Utilizaremos el sistema de doce columnas como lo hace Bootstrap, basados en un layout.
  • Una vez definido tenemos c贸mo funcionan nuestras columnas, el departamento de dise帽o tienen que estimar c贸mo es que sus componentes se van a comportar y para ello este sistema les ayudara cuando est茅n dise帽ando.
  • Una parte importante es que el documento de dise帽o como programaci贸n, siga las mismas reglas.
  • Dentro de nuestro wrapper, donde definiremos el contenido construiremos los grid, podemos basarnos en librer铆as de grids que ya existen en internet, solo tenemos que modificar los estilos para que tengan sentido dentro de nuestro sistema.
  • Hay tres cosas importantes qu茅 definir dentro del grid de nuestro sistema:
  1. Nomenclatura de columnas
  2. Nomenclatura de los brakepoints
  3. Obtener los tokens de nuestro sistema para esta definici贸n.

Aportes 16

Preguntas 0

Ordenar por:

Los aportes, preguntas y respuestas son vitales para aprender en comunidad. Reg铆strate o inicia sesi贸n para participar.

CSS Grid Layout es el poder 馃槂

馃搨Vendors
animate.css
grid.css
normalize.css

wrapper = container

Y con display:grid; no es m谩s f谩cil hacer esto en vez de usar estas columnas?

CSS GRID 鈥淓l poder nuestro es鈥

Un colega de trabajo me explicaba que esta mal dicho asociar la palabra Grid = Grilla.
Mejor utilizar un termino como cuadricula, red de columnas. 馃憖

El tema de compatibilidad con navegadores es algo que siempre se olvida y pos aqui les dejo

https://css-tricks.com/browser-compatibility-css-grid-layouts-simple-sass-mixins/

Que buena clase

Interesante esta clase. Y tambi茅n muy interesante el articulo donde pasan de tener un c贸digo b谩sico de 56 lineas a tener uno de solo 42 lineas pero m谩s reutilizable y eficiente.

El sistema de Grillas que comparte el profesor en el curso de Preprocesadores es muy bueno.

Curso de CSS grid para entender como funciona:
https://platzi.com/clases/css-grid-layout/

Tambi茅n para esto sirven los frameworks como Bootstrap o Materialize, para usar sus sistemas de grid ya creados de una vez.

Gran clase

Hablando del sistema de 12 columnas:
El motivo es la mayor flexibilidad ajustada a la menor complejidad

Hay que partir del punto de que el sistema de 12 columnas se trata de una convenci贸n, no de un est谩ndar, por lo que puede haber sistemas que funcionen con otro n煤mero de columnas porque para ellos resulte m谩s eficiente o porque se ajusta m谩s a sus peculiaridades.
He aqu铆 el enlace con informaci贸n mas detallada, saludos 馃槂

f