The web developer toolbar for Firefox
For mobile development Firefox is a great tool for checking pages as is. The latest version is Webkit compatible as are Android and iOS mobile browsers.
The Web Developer toolbar addon for fire fox has tons of options for testing web pages and web code. You can edit CSS and HTML right in the browser see what the effects are immediately and save your work you can’t beat that.
One tool that comes in very handy is the on the CSS menu, Display by Media “Handheld”, it is the only easy way you can debug your handheld device style sheet.
https://addons.mozilla.org/en-US/firefox/addon/web-developer/
Royalty free icons
You can make your own icons or you can search for royalty free icons like these.
http://dezignus.com/web2_0-vector-icons1/
Free web fonts from Google
Since Android devices might only have 5 fonts installed and none of the web safe set web programmers are used to a font that downloads with your page comes in handy. Otherwise your page will not look the same or fit the same on different devices.
http://www.google.com/webfonts
A mobile device detection script that is easy to use
I did not put this script to work but I tested the javascript version and it was simple to set up. So far we have decided not to use device detection at all. With our simple set up I don’t think we need to.
http://blog.mobileesp.com/?page_id=20
http://www.hand-interactive.com/detect/mobileesp_demo_javascript.htm
