CSS Grid explicado: tu guía paso a paso para CSS Grid

CSS Grid está revolucionando la industria del diseño web front-end.

Durante los últimos 20 años, los diseñadores web han utilizado CSS para diseñar páginas web. Sin embargo, a CSS siempre le ha faltado alguna funcionalidad clave. Los diseñadores tuvieron que recurrir a soluciones alternativas, como tablas, flotadores y posicionamiento. CSS Grid es diferente y mejor.

CSS Grid le permite crear un sistema de diseño basado en cuadrículas, utilizando columnas y filas. No tiene que usar soluciones alternativas. No tiene que usar diferentes trucos para diferentes navegadores. No tiene que instalar ningún marco adicional.

CSS Grid existe desde 2011, pero recientemente ha explotado en popularidad. Casi todos los principales navegadores admiten CSS Grid. Las únicas excepciones son Internet Explorer 11 y Opera Mini.

En este libro breve pero conciso, dominará las ideas clave detrás de CSS Grid.

Características clave

• Actualizado: Constantemente actualizado, el material de CSS Grid Explained siempre está al día.
• Instrucciones claras: Seguirá instrucciones sencillas en inglés, elementos visuales claros y agradables instrucciones paso a paso.

Lo que aprenderás
En el primer capítulo, comenzamos con la terminología básica. Aprenderá la diferencia entre Áreas de cuadrícula y Celdas de cuadrícula, entre Pistas de cuadrícula y Espacios de cuadrícula. Luego, utilizando un enfoque práctico, comenzará a construir cuadrículas CSS.

Construirá todo, desde la cuadrícula CSS más básica hasta un diseño de sitio completo.

Tabla de Contenidos

1. Introducción a la terminología de CSS Grid
2. Creando su primera cuadrícula CSS
3. Uso del Inspector de cuadrícula de Firefox
4. Cómo usar cuadrículas explícitas e implícitas
5. Cómo usar la propiedad Autoflow en CSS Grid
6. Cómo usar la unidad FR para diseños
7. Cómo dimensionar pistas con la palabra clave Auto
8. Cómo dimensionar elementos de cuadrícula con la palabra clave Span
9. Cómo usar los números de línea en CSS Grid
10. Cómo superponer elementos en CSS Grid
11. Cómo usar los nombres de línea en CSS Grid
12. Cómo colocar elementos con Áreas de plantilla de cuadrícula
13. Cómo usar la función minmax()
14. Cómo usar las palabras clave auto-fill y auto-fit
15. La propiedad grid-auto-flow: dense
16. Cómo alinear elementos en CSS Grid
17. Las propiedades justify-content y align-content
18. Cómo anidar cuadrículas

Autor: Stephen Burge, Jorge Montoya
Editorial: Publicado de forma independiente
Publicado: 15/10/2018
Páginas: 158
Tipo de encuadernación: Tapa blanda
Peso: 0.48 libras
Tamaño: 9.02 alto x 5.98 ancho x 0.34 profundidad
ISBN13: 9781728828374
ISBN10: 1728828376
Categorías BISAC:
- Computadoras | Web | Diseño

Este título no es retornable