htmlboy

Javier Usobiaga, web designer & front-end developer.

  • 1
    20 Oct 2011

    Something is WRONG with mobile-specific layouts

    • Edit
    • Delete
    • Tags
    • Autopost

  • 0
    8 Jul 2011

    Using .stop() or .clearQueue() to avoid animation queues in jQuery

    • Edit
    • Delete
    • Tags
    • Autopost

    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().

     

     

  • 0
    3 May 2011

    I'm moving from Tumblr to Posterous

    • Edit
    • Delete
    • Tags
    • Autopost
    After a while using Tumblr as my main platform for random thoughts, I've decided to test Posterous, since it has some interesting features such as... post comments! Yes, I miss trolls. Well, the mail to post feature seems cool too (testing right now!).

    Oh, I'll try to post sometimes in English, just for practicing :-)

  • 0
    18 Mar 2011

    Cursillo de HTML5 y CSS3 en Bilbao

    • Edit
    • Delete
    • Tags
    • Autopost

    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.  

  • 0
    15 Feb 2011

    Cursillo de CSS3 esta semana en Punt Multimèdia

    • Edit
    • Delete
    • Tags
    • Autopost

    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! :-)

  • 0
    10 Feb 2011

    Introducción a HTML5 y CSS3 en el Barcelona Visual Sound

    • Edit
    • Delete
    • Tags
    • Autopost

    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á :-)

  • 0
    24 Jan 2011

    5 años más tarde

    • Edit
    • Delete
    • Tags
    • Autopost

    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.

  • 0
    14 Jan 2011

    Cursillo de CSS3 y charla en BCN Visual Sound

    • Edit
    • Delete
    • Tags
    • Autopost

    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á!

  • 0
    12 Jan 2011

    GMail como to-do list

    • Edit
    • Delete
    • Tags
    • Autopost

    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.

    Media_httpmediatumblr_qlaee

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

    Media_httpmediatumblr_bbaxb

    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.

    Media_httpmediatumblr_avffo

    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).

    Media_httpmediatumblr_hgihx

    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. 

    Media_httpmediatumblr_nqgcm

    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.

    Media_httpmediatumblr_heluj

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

    Media_httpmediatumblr_frhjh

  • htmlboy

    I'm a web designer & front-end developer based in Barcelona, and co-founder of Swwweet.com. I also write boring profile descriptions.

  • Search

  • Tags

    • animation
    • javascript
    • jquery
Hey, if you want to say hi, you can write me at javier@swwweet.com or visit Swwweet.com.