Microsiervos
  • RSS
  • Bluesky
  • Flipboard
  • Telegram
  • WhatsApp
Condenados por el Dios de la Biomecánica
Microsiervos
  • Bluesky
  • Flipboard
  • Telegram
  • WhatsApp

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

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


PUBLICIDAD


Lo más visto recientemente

  1. Las fuentes de WarGames, listas para descargar y transportar el ordenador a los años 80
  2. La Tecnología a lo largo de la Historia, mostrada con fechas, detalles y las conexiones más relevantes
  3. Cruce de cables: quedan prohibidas las llamadas comerciales desde móviles
  4. Air Legend, un festival aéreo muy manejable y recomendable lleno de clásicos
  5. Probamos la cámara mirrorless Canon EOS R8
  • ← Posterior
  •  Anterior →

Microsiervos

Acerca de Microsiervos • Libro • Contactar • Publicidad • Aviso legal • Privacidad y Cookies