I have a HTML list of about 500 items and a "filter" box above it. I started by using jQuery to filter the list when I typed a letter (timing code added later): $('#filter').keyup( function() { var jqStart = (new Date).getTime(); var search = $(this).val().toLowerCase(); var $list = $('ul.ablist > li'); $list.each( function() { if ( $(this).text().toLowerCase().indexOf(search) === -1 ) $(this).hide(); else $(this).show(); } ); console.log('Time: ' + ((new Date).getTime() - jqStart)); } ); However, there was a couple of seconds delay after typing each letter (particularly the first letter). So I thought it may be slightly quicker if I used plain Javascript (I read recently that jQuery's each function is particularly slow). Here's my JS equivalent: document.getElementById('filter').addEventListener( 'keyup', function () { var jsStart = (new Date).getTime()...
You could do something like this, if your stylesheet is the same for iOS/android.
ReplyDelete<link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" />
But if you're trying to detect if it's the iOS OR Android, then you'll need to do detection.
In terms of making mobile dev easier, there's a ton of stuff:
http://www.phonegap.com/
http://www.sencha.com/products/touch/
http://www.appcelerator.com/
http://www.jquerymobile.com/
http://www.jqtouch.com/
There's a few to get you started :)
Hope this helps.
Please check this post http://www.rkblog.rk.edu.pl/w/p/optimizing-websites-iphone-and-android/
ReplyDelete