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

jQuery plugin: SameHeightElements

Hace un par de días tuve que hacer unos cambios en una web. Tenía que hacer que todos los elementos de una fila tuvieran el mismo alto, independientemente del contenido (en la imagen que hay más adelante se ve entiende mejor). La opción normalmente es usar display: table-cell; ó display: flex;, pero el resultado no siempre es […]

Leer más

Sticky footer con jQuery (2)

Hace más o menos un año publiqué la primera versión de este post. Hoy estaba reutilizando el código que publiqué y he encontrado algún que otro problema tanto de funcionalidad como de optimización, así que publico el código nuevo, que no tiene los problemas detectados y funciona mejor.

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