Saltar al contenido
mreysei · Michael Reyes
Tema

Tips de CSS que podrían ayudarte

Por Michael ReyesPublicado el Actualizado el 1 min de lecturaCategoría: Tecnología

Logotipo de CSS3 sobre un fondo azul de dos tonos.

Esto es un resumen. El artículo completo, con los ejemplos, está publicado en el blog de Lean Mind: Tips de CSS que podrían ayudarte.

Todavía hay quien sufre maquetando, así que en este artículo comparto 3 formas de hacer columnas en CSS, con flex, con grid y con CSS «a la antigua», y tres consejos para mejorar:

  • Existe más de una forma de hacer las cosas: un círculo con una imagen dentro se puede resolver con background, con un wrapper y overflow: hidden, o con object-fit.
  • Practica en tu tiempo libre: la solución fácil no siempre sirve. Basta con que pidan un texto dentro de la imagen para necesitar otra.
  • Analiza webs y aplicaciones móviles: mirar una página, como el Twitter de entonces, y pensar cómo se construiría antes de abrir su código fuente.

Lo primero que hago cuando veo algo interesante es pensar cómo se podría hacer; después intento implementarlo o busco cómo se hace.