Well it has been a busy, busy weekend. As I posted earlier we launched the iphone edition of illumiantor as received some great response. We also learned a lot about the iPhone and some of the problems or downsides of the current implementation of safari on the iPhone. I want to summarize and recap some of the main points that were mention at this codefest as well as some great code examples that people have posted up.
What does iPhone NOT SUPPORT
Flash
SVG
Java Applets
Plugins-install
embedded video
custom x.509 certificates
No tooltips or hover style!
What should we do to improve usability of iPhone specific websites
Use seperate files for html,css,javascript
compress js files with gzip or deflate
look at javascript for caching what is shown and then loading the rest later
make links bigger, add a lot of space to these websites
use small background images or NONE AT ALL!
separate dynamic javascript from static, if there is common javascript call it once and cache it.
Do NOT call a large javascript file when you only use one 10line function from it. remote the rest!
Use GIF,PNG,TIFF files that are less then 8mb
Keep animated gifs below 2MB
if you want to post a lot of content, use 320 width columns -> look at NYT
Useful Information and Links
iPhone for Web Developers
Click Learn More, most of this site was reposted above, but does contain some great info like Apple iPhone’s User Agent
Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko)
Version/3.0 Mobile/1A543a Safari/419.3
Bandwidth Presentation
A presentation at iPhoneDevCamp
A MUST TO HAVE!
Firebug for the iPhone, ENJOY Javascript Again! Thanks Joe!
Again, for most of the useful information for web development about the iPhone can be found at the Google Groups. As check out and view source of some of the hackathon apps from iPhoneDevCamp.