Frontend

Templates de HTML con jQuery

Cuando el proyecto deja de ser algo sencillo, es importante empezar a pensar en separar la interfaz de la lógica, usar plantillas es el primer paso. Para cuando se necesita tener un sistema de plantillas, en el caso de javascript hay diferentes librerías que sirven para ello. Pero en este caso voy a hacerlo sólo con jQuery.

Leer más
Frontend

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
Frontend

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
Frontend

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
Frontend

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
Frontend

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