Logo Microsiervos
  • RSS
  • Bluesky
  • Flipboard
  • Telegram
  • WhatsApp
Más virtual que la realidad virtual
Microsiervos
  • Bluesky
  • Flipboard
  • Telegram
  • WhatsApp

Portada Secciones/Buscar Humor Contactar Tienda Libro ¡Salta! ¡Salta!
Buscar Humor Tienda Libro

Internet

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

Por @Alvy — 18 de Agosto de 2020

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

Compartir / Conversar

Compartir en Flipboard Publicar en Bluesky


PUBLICIDAD


Patrocinadores

Oferta para patrocinadores en Microsiervos


Lo más visto recientemente

  1. Al principio, sólo había texto. Luego llegaron los códigos ANSI de colores para darle vida a los terminales
  2. Primer vuelo del Airbus A350-1000ULR, el que será el avión comercial con más alcance del mundo, capaz de unas 22 horas seguidas en el aire
  3. Los tiempos en los que enviar un mísero correo electrónico se consideraba algo sólo digno «de la alta sociedad» (1986)
  4. Una gran metáfora para entender qué son y cómo usamos los números imaginarios, como √-1
  5. El tipo que secuenció un ADN completo en casa con un equipo portátil, software desarrollado por él mismo, ayuda de una IA y algo de aprendizaje

¿Interesante? No te pierdas…

👉 Las 100 anotaciones más populares recientemente

  • ← Posterior
  •  Anterior →

Microsiervos

Acerca de Microsiervos • Libro • Contactar • Boletín/Newsletter/Correo • Publicidad • Legal • Privacidad y Cookies