Logo Microsiervos
  • RSS
  • Bluesky
  • Flipboard
  • Telegram
  • WhatsApp
Nullius in verba
Microsiervos
  • Bluesky
  • Flipboard
  • Telegram
  • WhatsApp

Portada Secciones/Buscar Humor Contactar Tienda v2 Libro ¡Salta! ¡Salta!
Buscar Humor Tienda v2 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. El 30 de abril (y aledaños) como ensayo general del eclipse de Sol del 12 de agosto
  2. Falla el tercer lanzamiento de un New Glenn de Blue Origin aún a pesar de que han conseguido reutilizar con éxito la primera etapa
  3. La NASA apaga otro instrumento de la Voyager 1 con la idea de prolongar aún más su misión, que va para los 50 años cuando iba a durar cinco
  4. Un vistazo al Estrecho de Ormuz en tiempo real: por dónde anda y a dónde va (o no va) cada petrolero
  5. El hombre que intentaba que ChatGPT contara de 1 a 200… y le inflingía otras torturas propias de las IAs, como preguntar qué significa la «S» de «ChatGPT»

¿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