Unidades CSS: EM y REM, cuales son sus diferencias

No estaba pensando en escribir sobre esto, pero mientras planteaba el contenido del próximo articulo y repasaba algunos temas he visto que no siempre se utilizan bien estas unidades de medida, yo tampoco. Así que me ha parecido buena idea darle un repaso rápido al tema. En realidad, la diferencia básica entre los dos es […]

Leer más

Bucle For con SASS o SCSS

Hasta la llegada de los preprocesadores, los bucles, condicionales o las variables eran conceptos que no tenían nada que ver con las hojas de estilo, pero eso ha cambiado. No es que sea nada puntero, de hecho a estas alturas me parece inconcebible que no se considere algo así como un estándar de facto cuando para cualquier proyecto, pequeños incluidos, acelera el […]

Leer más

CSS: Overflow ellipsis con varias lineas de texto

Este es un truco que aprendí hace algún tiempo y que me ha hecho lidiar mejor con los diseñadores en varias ocasiones. Se trata de un contenedor con texto que tiene siempre un tamaño fijo, pero el texto no es siempre el mismo. Por ejemplo una versión resumida de la biografía de un usuario, que puede […]

Leer más

Bootstrap: Tamaño de columna entre -sm y -xs

No es la primera vez que me pasa. Maquetando un portal responsive con contenido modular he notado que necesitaba un tamaño intermedio entre el pequeño (sm – 768px) y el muy pequeño (xs – 480px). La situación es esta: en XS normalmente el contenido se mostrará en una columna, pero SM es demasiado grande para mostrar sólo una, […]

Leer más

HTML: Evitar selección de texto con CSS

Antes de nada, esto no sirve para Internet explorer. Y no me gustan esas páginas que vas a copiar un texto y no puedes, creo que esa actitud choca de forma directa con la filosofía intrínseca de la propia web; además de ser un par de puertas mal puestas en medio del campo ya que, […]

Leer más