En algún momento de nuestras vidas hemos necesitado que cierto texto ocupe exactamente X números de lineas ya que, de no ser así, este rompería la UI. El problema es que muchas veces este texto es dinámico y viene de una API por lo que necesitamos una forma de, independientemente la cantidad de texto, este siempre ocupe una cierta cantidad lineas. En este post veremos como truncar cierta cantidad de lineas de texto usando solamente CSS.

¿Cómo truncar lineas de textos usando CSS?

Posiblemente hayas notado que algunas veces, al usar Nextjs, la navegación entre página y página no es inmediata. Esto es debido a que Nextjs se toma un tiempo para descargar la data que la página destino necesita, y por ello es necesario implementar un Loader que indique al usuario que la transición se está llevando acabo. Para ello podemos usar el paquete NProgress. Estos snippets muestran como integrarlo con Nextjs.

¿Cómo integrar nprogress con Nextjs?

Esta es una collección de snippets que suelo usar dentro de mis proyectos personales. La lista irá crecimiento conforme vaya descubriendo nuevas cosas.

SNIPPETS

CATEGORÍAS:

¿Cómo truncar lineas de textos usando CSS?

¿Cómo integrar nprogress con Nextjs?

Golang Gorm Cheatsheet!