jquery animation problem with Android 4.1.2
Hi all. I have a couple of sites using jquery animation to make elements appears on scroll. All works fine but in my amung Galaxy Tab II with Android 4.1.2:
with Firefox, the animation just doesn't work and the page appears empty
with the default browser the elements appear but they flash while scrolling
Here you can see a live example: tsd.webintenerife.com
Thanks to all in advance
with Firefox, the animation just doesn't work and the page appears empty
with the default browser the elements appear but they flash while scrolling
Here you can see a live example: tsd.webintenerife.com
Thanks to all in advance
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
Hi Cd&.
I had partially misunderstood your post. Thinking better, I understood what you meant and I found that fixing html errors made Firefox works fine even in Android 4.1.2.
Still remains the flickering issue and I hope to fix it with a better optimization of the images.
Thank you so mutch.
I had partially misunderstood your post. Thinking better, I understood what you meant and I found that fixing html errors made Firefox works fine even in Android 4.1.2.
Still remains the flickering issue and I hope to fix it with a better optimization of the images.
Thank you so mutch.
ASKER
Thank you, COBOLdinosaur.
Sorry I'm slow getting back, Once I notice its the weekend.... well...
You might be able to reduce the load just by reducing the image resolution. Generally you can achieve a 25 to 30% file size saving with a small reduction in quality that is only going to be noticed by the most picky of graphics designers.
S for the scripting issues, the best approach is to not do anything if the scripting is just doing effects; and use a <snscript> tag to use alternate code. That way you don't need to detect anything, the noscript will only implement when the script can'r regardless of the device or os.
Cd&
You might be able to reduce the load just by reducing the image resolution. Generally you can achieve a 25 to 30% file size saving with a small reduction in quality that is only going to be noticed by the most picky of graphics designers.
S for the scripting issues, the best approach is to not do anything if the scripting is just doing effects; and use a <snscript> tag to use alternate code. That way you don't need to detect anything, the noscript will only implement when the script can'r regardless of the device or os.
Cd&
ASKER
Thank you Cd&. With <noscript> tag I could serve different css and js files! I should think about before! Anyway, just fixing html errors solved the issue I had found. I must be more diligent in using validators :-)
I generally validate as I go along as I put in new modules, I run validation so at the next step I don't get problems related to stuff I thought was finished. For me it is automatic and I have the validator links right in my bookmark toolbar.
A funny this is how often a member will object to me telling them they have validation errors because "browser ignore errors". The fact is they don't ignore them. During parsing they have to generate additional code to work around the errors, and sometimes the workarounds are a problem.
Cd&
A funny this is how often a member will object to me telling them they have validation errors because "browser ignore errors". The fact is they don't ignore them. During parsing they have to generate additional code to work around the errors, and sometimes the workarounds are a problem.
Cd&
ASKER
I've just opened a ticket about the slow loading because 8 hours ago it wasn't so mutch. But probably I could better optimize images.
I found a duplicated class: do you meant that?
Anyway, if I understand your word, the solution is to eliminate jquery animation or suppress them if not supported: what do you suggest?
What is the better way to detect, overall in mobiles, if jquery is supported?
Thank you