Notasbit

Las mejores noticias de tecnología en un sólo lugar

Publicado por: Microsiervos

Publicado en: 18/08/2020 07:02

Escrito por: [email protected] (Alvy)

Vídeo: CSS grid para 10 plantillas con las que crear diseños modernos y flexibles con unas pocas líneas de código

Vídeo: CSS grid para 10 plantillas con las que crear diseños modernos y flexibles con unas pocas líneas de código

Una Kravets, que trabaja en temas de CSS y desarrollo web en Google, ha grabado en vídeo para el canal de desarrolladores de Google Chrome las explicaciones que publicó hace unas semanas sobre 10 plantillas en CSS de una sola línea. [Incluye subtítulos en inglés y castellano.]

Es interesante ver todos estos diseños/conceptos «en acción» y las explicaciones de cuáles son sus ventajas y truquis, todos ellos procedentes del técnicas «modernas» con CSS Grid y flexbox.

Relacionado:

10 plantillas en CSS de una sola línea
Los tutoriales de Layout Land: técnicas CSS Grid y Flexbox
Trucos de rediseño de interfaces de usuario
Diez consejos rápidos a la hora de crear diseños e interfaces de usuario
El diseño de tablas en la web desde el punto de vista tipográfico
34 mitos sobre diseño web y experiencia de usuario
Un billete de tren diseñado al completo con CSS Grid
Tendencias del diseño web para 2019
Slick: el carrusel definitivo en HTML/CSS/jQuery
Type Anything: una forma simple de maquetar tipográficamente una web
Un tutorial animado de Flexbox
El arte del diseño web

# Enlace Permanente

Top noticias del 18 de Agosto de 2020