Another year is ending..

Each year I highlight what has been happening in my small dev life and another year is coming to an end, so here we go.

1. Github (and git) changed everything

At the beginning of the year I moved the jQuery validationEngine plugin to github and started to learn git. First thing first, I love git. It is so refreshing to use it after 2 years of wanting to kill svn. Thanks to Github I also learned more commands than i knew with svn.

Github also supercharged the validationEngine plugin development. I have got a lot of contributions and can’t thank you enough guys for submitting pull requests. Special mention to @orefalo that really took the early development of 2.0 in his hand and made the code more professionnal.

I…

A call to all web developers, launching a twitter campaign to force webkit to implement a position fixed in mobile webkit

Hey guys,

I need YOU for 2 minutes,

Some of you guys might not know that it is impossible to have a fixed toolbar in mobile webkit, this is because we can’t fix anything to the gridview webkit produce.

This is something we need if one day we really want to be a contender to replace native applications.

If you have 2 minute sign the petition by going to http://www.abettermobileweb.com and click on the big button at the bottom.

Tips #2: Animating opacity with jQuery? Don’t forget to set your opacity before animating

Animating opacity with jQuery can be a little tricky. If you look closely, the first opacity animation might not happen. You would think that $(‘element’).animating({opacity:0}) would do the trick, but actually that is not really the case. When you animate opacity always remember to set the default opacity before, in CSS you can add opacity:0 to your element.

However, if you remember, Internet Explorer 6 and 7 do not support CSS opacity, they support the weird, IE only, filter:alpha(opacity=70). Unfortunately for us, that will not do the trick and the first opacity animation will not happen.

So there is only one cross browser way to do this that I know, in your DOM ready, add $(‘element’).css(“opacity”, 0).

Hope it helps!