Autonomía digital y tecnológica

Código e ideas para una internet distribuida

Cómo lanzar una acción con jQuery cuando se acaba de redimensionar la ventana del navegador

Si se asocia una acción al evento $(window).resize() se ejecuta inmediatamente después de redimensionar la ventana. Como resultado, si se cambia el tamaño de la ventana con el ratón, la acción se lanza muchas veces.

Para lanzar una acción únicamente cuando se ha terminado de cambiar el tamaño de la ventana, es decir, cuando hemos soltado el puntero del ratón, podemos usar el siguiente snippet:

$(window).resize(function() {
   if(this.resizeTO) clearTimeout(this.resizeTO);
   this.resizeTO = setTimeout(function() {
      $(this).trigger('resizeEnd');
   }, 500);
});
$(window).bind("resizeEnd", function() {
   // Acción
});

Cómo llamar scripts de manera segura y adecuada en WordPress

Imago voragine.net
• Por
WordPress tiene funciones para todo, y cada vez más. Por ejemplo wp_enqueue_script que llama a un script de manera segura, y se asegura antes de que no ha sido invocado ya. En la página del Codex de WordPress sobre esta función, se listan además todos los scripts que vienen incluidos con WordPress: útil listado.

Cómo detectar si se está haciendo scroll en una página y cómo cuantificarlo con jQuery

Imago voragine.net
[actualizado el ] • Por
Detectar si se está haciendo scroll en el navegador y poder cuantificarlo —saber la posición vertical de la página en la ventana del navegador— puede ser muy útil, por ejemplo para crear una barra de navegación que permanezca fija (fixed en CSS) y siempre visible. Valga como ejemplo, la página del proyecto Thinkcommons de Domenico Di Siena, en el que estoy colaborando. Esto lo podemos conseguir con la función .scrollTop() de jQuery, que nos devuelve la altura en píxeles que ha quedado oculta por el borde superior de la ventana del navegador.

Recursos para empezar con jQuery

Imago voragine.net
• Por
jQuery tutorials for designers. Una serie de pequeños tutoriales, casi recetas, para entender los fundamentos de jQuery y aprender a hacer los efectos visuales dinámicos típicos de menú. / 50+ Amazing Jquery Examples. Desde los plugins más sencillos, listados deslizantes, menús en acordeón, hasta algunos más complejos o menos corrientes, formularios o ruedas de selección de color. Muy útil para empezar a concebir lo que jQuery puede hacer. / Easy Slider. Un plugin para incorporar menús deslizantes realmente fácil de añadir a cualquier página, desarrollado por CSS Globe. / Easy Tooltip. Un plugin para incorporar elementos de ddistinta complejidad que aparecen al hacer rollover sobre cualquier elemento HTML, también desarrollado por CSS Globe.