jQuery (6)


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.




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 el mejor y la compatibilidad con los navegadores tampoco. Así que hice un pequeño plugin para jQuery, lo apliqué en la web y después de ver que funciona bastante bien lo publiqué en Github.




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.




Sticky footer con jQuery

Hay una nueva versión de este script. Ver el articulo

A veces no queda bien que páginas con poco contenido que no llegan a llenar una ventana (en alto) tengan el pié en medio de la ventana y dejen el resto en blanco, y se prepara para que el pié siempre esté al final, es decir: Si la página ocupa más de una ventana, al final de la página. Si no, al final de la ventana. Podéis verlo en los ejemplos de Bootstrap.