htmlboy

This is a common problem when animating with jQuery: let's say you code a navigation with a soft animation on mouse hover, or an extra element appears when you hover a trigger element. If we hover several times in a row, every new animation won't start until the previous one ends, creating a "queue" that will make the animation repeat several times (which usually is an unwanted effect). 

This effect can be avoided using the .stop() method in our script:

$(".trigger-element").hover(
  function () {
      $(this).stop().animate({width:"100px"},500);
  },
   function () {
    $(this).stop().animate({width:"80px"},500);
  } 
);

When .stop() is called on the element, the currently-running animation will be stopped, so the next one will start immediately instead of queueing. Unfortunately the .stop() method only works with animations, so if we want to avoid any other kind of function queue we should use .clearQueue() instead.

You can see a demo with both cases and you can get more information about .stop() and more information about .clearQueue().

El 26 de marzo damos un cursillo intensivo de 8 horas de introducción a HTML5 y CSS3 en Bilbao. Lo anuncio un poco tarde, porque las plazas ya se han agotado, pero si sale bien será el segundo de varios cursillos que tenemos planeados montar en Swwweet.com. Estos cursillos serán sobre el diseño y desarrollo web, daremos cursos avanzados y algunos básicos, y serán tanto organizados por nosotros como para empresas. Si tienes interés en organizar uno en tu local o empresa, puedes escribirnos a hola@swwweet.com y lo comentamos.  

Esta semana, empezando por el martes 14 de febrero y hasta el vienes 18 de febrero, doy un cursillo sobre CSS3 en Punt Multmèdia (Casa del Mig, Parque de la España Industrial, Barcelona).

Si quieres apuntarte, lo puedes hacer allí directamente el martes. El cursillo vale 39,50€ y es de 19.30 a 21.30 (hace falta traer un ordenador para la parte práctica).

¡Anímate! :-)

Este viernes 11 de febrero a las 18.30 doy una charla sobre introducción a HTML5 y CSS3 en el festival Barcelona Visual Sound, en la Casa del Mig (en medio del Parc de L’Espanya Industrial, cerca de Sants). La entrada es gratuita y no requiere de inscripción.

Para los supervivientes, se ha convocado justo después una #fooandbeers (el nuevo nombre de las quedadas informales de Frontend Spain). Espero veros por allá :-)

La primera vez que vino mi ahijado desde Bilbao a visitarme a mi casa en Barcelona tenía 2 años. Su padre le compró un juguete, una figurita de dragon ball que luego se olvidó. Durante 5 años, el juguete ha estado esperando en una estantería. Hoy mi ahijado ha vuelto a visitarme y ha recuperado su juguete.

En Swwweet.com vamos a hacer algunas colaboraciones con Punt Multimédia, entre ellas:

Charla sobre HTML5 y CSS3 en el Barcelona Visual Sound, el viernes 11 de febrero.

Cursillo de CSS3 del 15 al 18 de febrero (son 8 horas, 39,50€ para no socios. Para apuntarse: puntmultimedia@puntmultimedia.org o tel 932 914 252).

¡Esperamos veros por allá!

Hace poco decidí cambiar mi formato de trabajo con GMail. Como usuario de email “de toda la vida”, mi inbox era ese espacio donde se acumulaban miles de correos leídos y de los que normalmente me olvidaba de responder si no lo había hecho en el momento. Además, también tengo el email de otras cuentas de correo redirigido aquí, con lo que la gestión de todo este correo era bastante pesada.

Este es el método que utilizo ahora:

1. Todo email respondido y que no requiere de más acciones por mi parte, se archiva.

2. Tengo un montón de etiquetas para acceder rápidamente a los emails archivados importantes: por ejemplo, “facturas”, “billetes”, etc.

3. Los emails que normalmente sólo requieren lectura y que la respuesta es voluntaria (por ejemplo, si estás suscrito a una lista de correo) están filtrados para saltar el inbox y marcarse con una etiqueta. De esta forma, puedo leerlos cuando quiera sin que me “molesten” en el día a día.

4. Los emails de poca relevancia o no estrictamente vinculados con trabajo o amistades, pero que pueden requerir de respuesta (por ejemplo, alguien te sigue en Twitter, pero no tienes prisa por devolverle el “follow”) saltan el inbox y se marcan con una estrella (así, aunque haya leído el mensaje sé que me falta “realizar una acción” hasta que lo haya desmarcado).

5. Marco con una estrella cualquier otro email que necesite tener a mano de forma temporal, pero que no requiera de más “acciones de respuesta” por mi parte. 

6. En GMail Labs, tengo activada la opción “Ocultar etiquetas leídas” para que por mucha etiqueta que tenga, no produzca ruido visual. Además, es perfectamente combinable con “anidar etiquetas” para tenerlas agrupadas temáticamente.

El resultado es espectacular, y no he vuelto a olvidarme de responder un email :-)