Css Grid Explained: Your Step-by-step Guide To Css Grid, De Montoya, Jorge., Vol. 1. Editorial Independently Published, Tapa Blanda En Inglés

Descripción

Libro: CSS Grid Explained: Your Step-by-Step Guide to CSS Grid

Descripción:
CSS Grid está revolucionando la industria frontend.

Durante los últimos 20 años, los diseñadores han utilizado CSS para diseñar páginas. Sin embargo, a CSS siempre le han faltado algunas funciones 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 es necesario utilizar ninguna solución alternativa. No es necesario utilizar diferentes trucos para diferentes navegadores. No es necesario instalar ningún marco adicional.

CSS Grid existe desde 2011, pero recientemente su popularidad se ha disparado. Casi todos los navegadores principales 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 en CSS Grid Explicado siempre está actualizado. Instrucciones claras: seguirá un inglés sencillo, imágenes claras y divertidas 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 en blanco de cuadrícula. Luego, con una práctica, comenzará a crear cuadrículas CSS.

Construirás de todo, desde el CSS Grid más básico hasta un diseño de sitio completo.

Tabla de contenido
Introducción a la terminología de cuadrícula CSS
Creación de su primera cuadrícula CSS
Usando el inspector de cuadrícula de Firefox
Cómo usar cuadrículas explícitas e implícitas
Cómo usar la propiedad Autoflow en CSS Grid
Cómo usar la unidad FR para diseños
Cómo dimensionar pistas con la palabra clave Auto
Cómo dimensionar los elementos de la cuadrícula con la palabra clave Span
Cómo usar números de línea en la cuadrícula CSS
Cómo colocar elementos en capas en la cuadrícula CSS
Cómo usar nombres de línea en la cuadrícula CSS
Cómo colocar elementos con áreas de plantilla de cuadrícula
Cómo usar la función minmax()
Cómo utilizar las palabras clave de autocompletar y ajuste automático
La propiedad grid-auto-flow: densa
Cómo alinear elementos en una cuadrícula CSS
Las propiedades justify-content y align-content
Cómo anidar cuadrículas