CSS3 transition FadeIn / FadeOut

Hi all,
Project after project i’m finding myself using css3 transition (and animation) more and more, till the point i’m questioning myself if $.animate is still a big deal.
Almost every animation is doable, with a nice retrocompatibility on older browser and awesome performance, today we’ll look at the easiest and most overused one: the Fade!

Read more

Two Years!

Wow! Two years has already passed since i decided to open this blog.
It went better than i expected, i consider this place a small dot on the web, but some people came here and found what they needed and some of them even left a comment and a token of their gratitude.
To all people that came here, expecially to those who found the time to leave a message..

Thank you

I read every comment and every single one made my a little happier :)

It’s nice to help people now and then.

Yours sincerely,

Jonathan

Plupload not uploading video on iPad / iPhone / iOS

So you are trying to chunck uploads or other cool stuff with Plupload?
Maybe you are making a “video uploader” with chuncked file but on iPad, iOS in general, when adding a video file nothing happens, while adding pictures or other files it works?
The problem is that the iOS device try to compress the video before sending it to the server, you aren’t seeing it now because multi_selection is not set to false (default is true)

if you can afford to have only one upload a time, then switch it to false and try.
You’ll understand immediatly what happens on iOS devices after trying to upload a movie and why it wasn’t working before. :)

 

 

Low on space: Phone storage space is getting low – Fix without root permissions

Hi all, ok this is a thing that’s been bugging me for a long time.
Finally i’ve found the way to fix it without root permissions, sweet, i’ve been able to free almost 600mb :O

 STEP 1
Dial *#9900#
This will bring up the Sysdump

STEP 2
Hit the ‘Delete dumpstate/logcat‘ button. Hit OK on the confirmation dialog.

STEP 3
Scroll to the end of the screen and hit ‘Exit’

All i have to say is: FINALLY!
source

 

CSS Rotating with jQuery

CSS transformations give a lot of new fancy and handy animations, but there could be some situations where you want javascript, maybe jQuery trigger them.

How to rotate something with jQuery then?

Here is the answer:

Read more

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