jQuery animate poor performances

Yeah right, poor performances for out beloved $.animate(), any workaround?
Yes of course, give a look at:

jQuery transit or jQuery animate enhanced

They both are valid plugins that give an alternative (or an override) to the animate method using css transformations if possible.

Read this article to find more about this topic: CSS tricks – Tale of Animation Performance

Foundation Interchange + Lazy Loading

Hello all,
Foundation could be awesome for a lot of things, i love this framework, but still not everything is perfect.
For istance it could happen that we want to use  jQuery Unveil for istance and at the same time Foundation Interchange for the maximum awesomeness!
Still it’s clear that they could not fit together plus foundation has stated that there is no lazy interchange at the moment… so let’s do it :)

Read more

Downloading files with jQuery

Hello all,

I would like to suggest you this article, it explain how to create a “trigger” download with jQuery, it actually doesn’t use ajax but temporary forms but it’s ok.

http://filamentgroup.com/lab/jquery_plugin_for_requesting_ajax_like_file_downloads/

To sum up we have the PHP part (not mentioned in the article):

and a Javascript part:

that is triggered with

NOTE: Be aware of the splitter char ” = “, because if you are trying to generate something with ” = ” chars inside the script will not work, then replace:

with


And that’s all for today

 

HTML5 Geolocation not working on Android

Keep your cool!
You don’t understand why but geolocation on google maps (opened with android stock browser or chrome) don’t works and you need it for a web app! why?!

Try this fiddle: http://jsfiddle.net/CvSW4/352/

It doesn’t work right?
Ok now comes the magic:

  1. Enable GPS
  2. Restart your phone

It works now, right?
Something must be broken with the gps, if you notice closely when you activate your gps no icons popped up in the top left corner, but after a restart it immediatly appeared.
Outrageous!

Uncaught Error: INDEX_SIZE_ERR: DOM Exception 1 on Canvas

Hello all,
I bet you’re developing some HTML Canvas on mobile, and i bet you can’t understand why the default android browser can’t load your canvas even if Chrome and buddies returns no errors.
I bet you’re drawing some images (yeah of course you’re using your canvas for it) and i bet a beer that your problem is here:

Read more

HTML5 audio / js not working on IE Mobile (Lumia, Windows Phone) – Error: Audio playblack was aborted

Oh Jesus, we have to deal with IE again and now its mobile version.
There are 2 major causes for IE mobile and HTML5 standard audio not working.

First : the file

Check out w3schools

 

Second: “raise suspance…… drums…. AUDIO FILES HOSTED ON HTTPS FAILS!”

Exactly, IE10 Mobile at the moment could not play audio files (standard html or from javascript) via https!
Sweet!
Just put those files on an http (if you can) and rejoice.
Geez.

jQuery $(selector).click() not working on mobile devices fix

Sometimes it happens that

don’t works as expected on mobiles, just use

instead of the click and the job is done :3

SSH/GIT authentication cheatsheet for dummies

Since i’m often an airhead here is my cheatsheet:

Yeah i know i seem stupid to keep a note here for these lines but i’m done forgetting this simple stuff >.<

Autoclosing on screen keyboard after clicking return on mobile devices

Hello visitors!
Today i was developing a standard ajax form for a mobile web app and i noticed that the nasty on screen keyboard doesn’t close after pressing the “return” button and it still send the request.

So the deal is “how to close the ipad (or whatsoever) keyboard after pressing the device button” while knowing that web pages could rarely affect the device behavior?

Ipad on screen keyboard image

Read more

Fast javascript play sound code

Out of time! deadline approches!
Need to play a sound in javascript!
Jonny helps:

And there was (no more) silence!