I don’t know any of the designers/developers, but thought it was interesting enough to look into. Maybe you’ll want one or know someone who wants to order a few as holiday gifts. Take a look quick, as funding closes September 8, 2011.

My preferences
Code Viewer 2 is my current favorite for viewing code and I’ve used it (via svn) with both Beanstalk and Github. Code Viewer 2 doesn’t currently have direct support for git, but works using svn against either of those hosts and supports syntax highlight for popular code types (eg, HTML, JavaScript, XML and more). That I like alot. However, compared to all the others it is a little more finicky when connecting to a repository. I do like that it supports both iPhone and iPad making good use of the larger screen.

I generally prefer the universal apps (Code Viewer 2, Source Code, Magic Bean) and the iPad app (GitHub Viewer). The GitHub Viewer, Unfuddle app and Beanstalk apps are easiest to setup. The Unfuddle app seems more suited to monitor the repository and tracking /managing issues. I can’t speak to “Magic Bean” as much since I didn’t buy that one, but I do like that it is for both iPhone and iPad.

The full list of git and svn apps I evaluated

Code Viewer 2 [iPad & iPhone, App Store currently $5.99] – Checkout to browser/view with syntax highlighting for many file types. Not for editing.

Source Code [iPad & iPhone, App Store currently $1.99] – Slightly easier to connect to repo, no syntax highlighting

GitHub Viewer Lite [iPad only, App Store currently free] – Nice for browsing and seeing who is active with a repository.

GitHub Viewer [iPad only, App Store currently $0.99] - Nice for browsing and seeing who is active with a repository.

Unfuddle [iPhone only, App Store currently free] – Check/manage repo & issues on-the-go.

Magic Bean [iPad & iPhone, App Store currently $2.99] – For browsing and checking status, Works on both iPhone and iPad. Not fully evaluated.

Habichuelas Lite [iPhone only, App Store currently free] – Nice for browsing and seeing who is active with a repository.

Habichuelas [iPhone only, App Store currently $2.99] - Nice for browsing and seeing who is active with a repository. Not fully evaluated.

Found any others of interest? Please comment.

This is a follow-up to an earlier post on the fyi Bookmarklet. This version is optimized for iOS, and the iPad specifically. It makes it very easy to share a snippet of a web page and the URL by email.

Compared to the built-in iOS Mobile Safari action “Mail Link to this Page,” the fyiPad Bookmarklet adds the capability to automatically insert selected text from the page, without having to paste anything.

Unlike the Firefox fyi Bookmarklet, this bookmarklet can not be triggered by typing  a keyword. The install is slightly different because of Mobile Safari restrictions on adding javascript: bookmarks (bookmarklets).

Install:

Use Mobile Safari to visit the fyiPad setup page and follow the instructions on that page to save and edit the bookmark. You will likely want to rename the bookmark. On my iPad the bookmark is named “fyi” just like on my desktop Firefox browser. It is saved in the “Bookmarks Bar” folder.

Tip: For greater convenience on iPad, use the “Settings” app to choose “Safari” settings and set “Always Show Bookmarks Bar” to ON. Usage:

Activate the “fyiPad” bookmarklet by using the bookmark menu, or by tapping the bookmark in your Bookmark Bar.

This opens a new email with the page title in the email subject. The email body contains the page title and URL. If any text on the page is selected, then the selected text is also included in the body.

Requirements:

• iOS 3.2.1 or higher and Mobile Safari

Version History:

Version 1.0 (April 6, 2011) newer versions available on Github

Known Issues:

Tested on iPad with iOS 4.3.1. Likely to work on iPhone.

No way to activate by typing a keyword. No way to pre-populate the new email with a recipient address.

License:

MIT

Source:

Source on Github

Please use comments here or Github to report bugs or provide feedback. Thanks.

Here is a table I’ve I made of the various sizes needed for iPhone, iPad, Universal iOS, AIR 2.5 for desktop and AIR for Android. Hopefully this will be helpful for others, too.

First lesson— update PhoneGap early and often. Learn to use git, learn how to use PhoneGap utils to update existing projects and check PhoneGap documentation. It has changed dramatically since last March when I first experimented with it, especially on the Eclipse + Android SDK side. I went down quite a few dead-end paths based on old assumptions and some seemingly helpful blog posts I found from last summer. Please apply my lesson and double check the docs if any of my “tips” below don’t seem to work for you.

Second lesson– Make sure the user you are signed in as has administrative permissions. If you’re unsure, launch the Settings application, look in the System category and open the settings panel for Accounts. Make sure the box is checked for “Allow user to administer this computer”. Don’t worry, you can turn it off after you’ve done the setup. As a little security step, I rarely run as Admin on my own computer.

Basic Setup
Git- Your installation will begin by getting git if you don’t already have it. On Mac the easiest way is to download and run the installer from:
https://code.google.com/p/git-osx-installer/

PhoneGap Repositories- Next, I cloned some repositories from the phonegap repository on github to my Mac Home directory. With git already installed this is as easy as starting Terminal.app and immediately entering:

git clone https://github.com/phonegap/phonegap-iphone.git

git clone https://github.com/phonegap/phonegap-android.git

Those two commands will copy down the latest PhoneGap iPhone and Android frameworks, respectively. Note: As a convenience, we’re getting the iPhone repo while we’re at it, even though it won’t be used in this post. Watch for a future post on “PhoneGap for iPhone – Basic Xcode Setup.”

Environment variables for paths- Since Terminal is running, we’ll skip ahead and add some path information to the shell environment. These updates are only needed for the Android and PhoneGap-Android toolchain. Again, in Terminal, enter:

open .profile

In the resulting editor window, add the following lines to the .profile file.

# add Android_Home for Eclipse builds
export ANDROID_HOME=$HOME/android-sdk-mac_86
# add tools directory for shell access to SDK tools
export PATH=$PATH:$ANDROID_HOME/tools

# add PhoneGap bin for shell access to PhoneGap tools
export PATH=$PATH:$HOME/phonegap-android/bin

Save the .profile file. Close the editor. Quit Terminal. [Really do quit Terminal, because that will help ensure the .profile changes are applied when we get to testing things below.

Android SDK for Mac- Download the Android SDK for Mac from here:
http://developer.android.com/sdk/

Unzip the downloaded archive and move the whole android-sdk-mac_86 folder to your home folder. There should now be a folder named android-sdk-mac_86 at the root level of your home folder. [There are more Android SDK setup instructions found at http://developer.android.com/sdk/installing.html if you need them.]

Test your basic PhoneGap setup- We can test the basics now, without even installing Eclipse and the ADT (Android Developer Tools) Plugin or using Xcode.

First we’ll test the PhoneGap Android command tools by creating mysample as a sample project. Open the Terminal again. Enter:

droidgap gen mysample

NOTE: Don’t get fancy and use a different name for testing. I found out the hard way that you’ll get ruby script errors if the name includes a hyphen. I suspect spaces and other special characters may also wreak havoc with PhoneGap ruby scripts.

It will take a minute to do its work. If all worked well, it should have made a new sub-directory named mysample inside of your Home directory. Verify this by looking in Finder or typing ls in Terminal and looking for mysample in the list of files.

Debugging PhoneGap Android command tools- If it didn’t work, then some likely possibilities are that something got copied to the wrong place or an environment variable (a path) was set wrong. Make sure your Home folder contains the following folders:

android-sdk-mac_86
phonegap-android
phonegap-iphone

Check your paths by examining the current value environment variables. To do this, enter the following in Terminal:

set

Scan the output and make sure the line with PATH= includes something like:
/Users/yourUserName/phonegap-android/bin

Edit .profile again or move folders if necessary. Quit Terminal, re-open it and try again. That’s about the best help I can offer, other than the PhoneGap Android docs.

Test your basic Android SDK setup- Now we can try the Android SDK. Again, in Terminal, enter:

android

If all goes well in a few moments you should see a window that looks like the small thumbnail below, and you can continue on to Install Android SDK Packages.

Debugging Android SDK Basic Setup- You should know the drill by now; check the folder structure and names and check the environment variables. In this case the key folder is android-sdk-mac_86 and the corresponding environment variable is ANDROID_HOME which should contain something like:
/Users/yourUserName/android-sdk-mac_86

Install Android SDK Packages- In the Android SDK and AVD Manager Window (shown above), scan the list in the left column and select Available packages. Check the box next to Android Repository and also check the box next to Third party Add-ons.

At this point, I was tempted to be conservative and download the bare minimum. It turns out better if you just downloading everything. That way you can easily publish for a broad range of Android devices by having the most basic and the most current APIs available.

With everything checked, click on the button for Install Selected. It may take awhile.

If you’ve got this far you’ve got all the basics and are ready to proceed to Eclipse or get started with PhoneGap for iPhone with Xcode. Both of those are separate posts though.

If you want to jump ahead, you can make use of the Android Developers Installing the SDK instructions. That will help you with installing Eclipse and the ADT (Android Developer Tools) for Eclipse.

Keep in mind that you have already completed their steps #2 (Downloading SDK) and #4 (Adding Platforms and Other Components).

The most recent releases are a very significant update. The utilities are written in HTML5 and leverage HTML5 input types for data entry. This means you can use the Email/Login version and get the email-friendly version of the Touch keyboard. Similarly, the Telephone version pops-up the numeric keypad.

Likewise, the generated bookmarklets are HTML5-savvy; when selected they “paste” their designated text into the first email form field or telephone number field found on a page (and do so in a clever way that works well with older HTML too).

Here they are with as a hyperlink and a full URL:

• Generic “Make Pastelet” utility- http://mobilemind.net/___
• Email/Login Pastelet- http://mobilemind.net/email
• Telephone Pastelet- http://mobilemind.net/tel

All of the iOS pages look a lot like the older version(s),

but they do a lot more.

There is still a desktop version that also works with Internet Explorer- http://mobilemind.net/iphone

For basic information, see my original post, Paste (Frequently-used) Text into Web Forms on iPhone, iPad, and iPod Touch

PRO TIPS:

• The generic Make Pastelet Utility is the one to use if you’re unsure; it has the widest compatibility and lets you confirm the “paste” as it steps through the fields.
• The Email/Login Pastelet is the one I use most. It works great for Gmail and other services where your email address is your user ID, and doesn’t require the extra step of a confirmation. It also works great with non-email user IDs on services like Remember The Milk and many others.
• Use copy and paste with the “Your Pastelet” text box to streamline updates or changes to existing Pastelets. Start like you’re making a brand new pastelet. Next, select and copy the contents of the “Your Pastelet“ text box to the clipboard. Then use Bookmarks to edit an existing Pastelet. Simply select the old URL and paste over it. Voilá, an updated Pastelet! Streamlined with no need to create a new bookmark, save, re-open/edit, drag across that long text string and finally delete the prefix.
• Desktop browsers let you more quickly create a slew of Pastelets, if you already sync the browser with Mobile Safari via iTunes. Just use your desktop browser to visit Email/Login Pastelet or Telephone Pastelet. Make a pastelet and simply drag the “Pastelet as link” hyperlink to your bookmark bar. Ta-da, a bookmarklet without the editing fuss. Make a bunch and then sync. You can easily fine-tune them on the device using the previous copy & paste tip.

Watch for more updates on bookmarklets and some updates on travel applications soon.

My key travel apps for iPhone (prices as of July 3, 2009):

1. TravelTracker with TripIt $7.99If you take more than 6 trips a year get this app and sign up for TripIt service on the web. TravelTracker shines over the free TripIt app because it keeps past trips and has many more features. Silverware is a good company and this is a good app. Loved the previous TravelTracker incarnations on the Newton & the Palm, and I got it on iPhone as soon as it came out as a new-from-ground-up, smarter app. I’d hold off on getting the “Pro” version for now though… there are some iPhone 3.0 issues to sort out. In a few weeks I will be upgrading to TravelTracker Pro though, so I can get live flight status plus download and upload to TripIt. Update: A new version of TravelTracker posted to the App Store today—July 3, 2009.
2. TripIt for iPhone FreeHuh? You just said TravelTracker. I use both. The TripIt app is less cluttered and faster— for the current trip, but I can not easily forward an itinerary or do many other things that TravelTracker does so well. I use TripIt for quick access to info on the current trip, like hitting the rental car info with my big fat thumb as I dash away from baggage claim.
3. The Weather Channel FreeAs National Geographic puts it:
   

   [The Weather Channel app] gets the nod for customization and the ability to check out conditions in multiple locations at a glance.

4. AroundMe FreeI admit it, Starbucks pwns me. AroundMe helps me quickly find that essential latte, or a local equivalent and other conveniences (ATM/bank, restaurant, pharmacy, retailer). I’ve tried coffee-specific apps and a few brand-name bank/retailer/restaurant finders. This particular app works well and seems current most places I go, and does away with having a slew of category/vendor-specifc apps.
5. Currency FreeFantastic currency converter that auto-updates exchange rates. Shows a purchase amount in multiple currencies of your choice at the same time. Easily switch from entering in one currency to entering in another. Very helpful on my trip to Singapore when trying to figure out what $5 USD was in SGD or what $900 SGD is in USD (answer: 1 nice watch).
6. Taxi Magic FreeGreat app for getting a taxi when you aren’t in an urban center or near a taxi stand. It electronically hails a taxi and sends your current location to your choice of cab companies. You can even create an account & use it to pay for the ride, without using cash or credit in the cab. Cities supported include: Atlanta, Austin, Boston, Charlotte, Chicago, Dallas, Denver, Kansas City, LA, Minneapolis, Nashville, NYC, the OC, Pittsburgh, Phoenix, Portland, Sacramento, San Antonio, San Diego, Dan Francisco, San Jose, Seattle, St. Louis, and Washington DC.
7. Urban Spoon FreeThe best way to break the logjam of “I dunno, where do you want to go.” Also nice to find something interesting & local instead of the shopping mall-perimeter chain restaurant defaults.

Then there are the airline superstars of iPhone web app-friendliness. The standout here is JetBlue, who has a very useful and colorful web app. Honorable mention to Southwest Airlines, who made great use of the very cool iUI iPhone templates found on Google Code.

To make the most of any of the web apps below, just visit the URL on your iPhone and then bookmark with the “Add to Home Screen” option.

Great iPhone web apps from airlines to add to your iPhone homescreen (actual iPhone/Touch home screen icons shown):

• JetBlue mobile http://mobile.jetblue.com/
• American Airlines mobile http://mobile.aa.com/
• Delta mobile http://mobile.delta.com/
• Southwest mobile http://mobile.southwest.com/

I heard back from @Alaska Airlines on twitter that Alaska is working on it. Go Alaska! No word from United Airlines on when http://ua.flightlookup.com will become more iPhone-aware. Sadly, the very-cool, but Flash-dependent site of Virgin America doesn’t make the iPhone cut either (as of July 3, 2009). Btw, lots of airlines are on twitter, as I found out working on @AICC followers.

A Few Extra Travel-related Apps
Rounding-out my travel page I have Aeroguide Lite (Free) to recognize things like that rare Ilyushin Il-62 I once saw over SFO (an Il-62 looks like MD-80/DC-9 with 4 engines or a Vickers VC10).

Other miscellanneous items on the page include: Gas Cubby ($9.99) for recording and charting the MPG, etc. of my own car; FedEx Mobile (Free) for help with shipping; and Google Earth (Free) for miscellaneous mapping and geographical visualization.

The National Geographic Adventure List
To get more detailed information on their picks, please see Travel Tech: Top 20 iPhone Travel Apps from National Geographic Adventure. I’ve add my opinions to their list below where I had feelings one way or the other. For reference, here is their list:

1. Next Flight $2.99
2. Urban Spoon Free
3. HearPlanet reg $5.99 (on sale for $1.99 on July 3, 2009)
4. Air Sharing $4.99(Nix I say, get FTP On the Go)
5. Tweetie $2.99 (Nice, but nix say I. Get free TweetDeck or Twittelator Pro for $4.99, or both as I did)
6. IAmHere $0.99
7. World Customs $0.99
8. Wi-Fi Finder Free
9. The Weather Channel Free
10. Google Earth Free
11. Packing $1.99 (on sale for $0.99 on July 3, 2009. This one *I* might try)
12. Room Free
13. FlightTrack Pro $9.99 (Nix, I say, get TravelTracker w/TripIt)
14. Lonely Planet Phrasebook $9.99
15. Skype Free (I totally agree here–a very popular app, 4M downloads & estimated to be on 10%+ of iPhones)
16. WriteRoom $4.99
17. (Amazon) Kindle for iPhone Free (I totally agree here too)
18. Cheap Gas Free
19. Babelingo $3.99 (on sale for $1.99 on July 3, 2009)
20. Where Free

Summary

• Get the free AT&T myWireless Mobile app. It is an easier way to manage the service add-ons.
• Get the free Skype app for iPhone. You can make cheap calls over WiFi, or even skip/miss a call to your iPhone number and then call right back using Skype.
• Skim the AT&T iPhone Tips for International Data Roamers from their web site.
• Be smart with call & SMS rates. 2-3 days before travel, activate the $5.99/month “AT&T World Traveler” for cheaper call & SMS rates.
• Be smart about 3G data. 2-3 days before travel, activate a “Data Global Add-On” for International Data roaming (20/50/100 MB for $24.99/$59.99/$119.99/$199.99)
• Turn off or dial-back SMS reminders from things like Twitter, etc. Do it a day or two early, there may be that one last service that sends a message and you can turn it off before you leave.
  Tip: I leave twitter Direct Messages on, so that colleagues traveling can reach me without using up their own SMS messages.
• Scout for WiFi options before you leave. Try Hotspot Locations or Ji-Wire Global Wi-Fi Finder. Remember to ask locals and check for more once you arrive.
• Delete or move what you can out of your IMAP email account Inbox. Having a smaller Inbox or putting messages in rarely used subfolders will reduce data updates.
• On your iPhone, use Settings>General>Network>Data Roaming to turn OFF Data Roaming before you board (airplane or ship; you can get hit with roaming data charges just walking between connecting flights with your phone on, or when a cruise ship sails out-of-range). Turn it on when you really want to connect for data.
• Turn off PUSH data services using Settings>Fetch New Data to select Push OFF. On the same screen, change Fetch to Manually (or if you really want updates, Hourly)
• Updated: Turn off less critical Notifications— they use data too.This includes Growl/Prowl if you use it.
• Reset the iPhone Usage Tracker to Zero using Settings>General>Usage>Reset. Check your data usage daily (consider an alarm or appointment for this).
  Tip: If you get close to the limit of your Data Plan, you can call well before you exceed it to upgrade to a plan with more capacity. (While traveling, call International Wireless Care at +1-916-843-4685).
• Wait 7-10 days after returning to deactivate your “Data Global Add-On” and “AT&T World Traveler” services add-ons. Though they are pro-rated for portions of a month, international billing can take a week and you don’t want to be charged the higher rate.

More Details

Service Add-ons:
Use AT&T myWireless Mobile app to activate/deactivate additional services rather than calling AT&T. I recommend doing this at least 72 hours before you leave the USA.
Tip: When you activate the add-ons, immediately set an appointment or “To Do” to de-activate 10 days after you return. You’ll save a few dollars that month since it is pro-rated, and won’t accidentally carry-over the service into future months.

If you need to call or just prefer it, note that you’ll need to make 2 calls. First call the regular service number (611 on mobile or 800-331-0500 from another phone). Second, call International Wireless Care at 800-335-4685 or if already abroad, +1-916-843-4685 to add your “Data Global Add-On” for International Data. Do this AT LEAST 72 hours before you leave; it can take 24 hours or more to activate.
Tip: Add “AT&T International” as a Contact with the 916 number above. You can quickly call for support or to update service.

“AT&T World Traveler” is just $5.99 a month and is pro-rated. It can save you $0.30 to $1.00 per minute on calls you receive (rates here). The cost of each SMS message can drop a similar amount. The gotcha is be sure to leave it active for ~10 days after your return. If there are delays in international billing you’ll get hit with the higher rate if you already de-activated this add-on.

Regarding the “International Roaming- Data”- Pick a plan that suits your needs. I watch my data budget tightly and did fine with 20MB ($24.99) for a 6 day trip. I turn off “Data roaming” often and use WiFi where I can. I was ready to call and upgrade if needed though.
Tip: Before you travel, reset the iPhone Usage and watch it for a 2 days to see what your data budget might need to be.

Skype:
Buy in US dollars before you go (or stay in euros if your account is already in euros). Don’t switch currencies on your Skype account; you’ll get hit with a currency conversion charge. I started on Skype years ago when Euros were the only option. I’ll only switch to US Dollars when my account is at zero.

WiFi:
72 hours before leaving the USA, Scout for WiFi. Check with the hotel or conference venue to see if WiFi is available. That can greatly reduce 3G data needs. It will also help you decide how large of a data plan to buy.
Tip: Check if the hotel has a frequent guest plan, many hotels offer free or reduced WiFi for frequent guests. Sign-up before you leave the US.

Data Misers:
Set a recurring alarm for “data off” (bedtime) and one for “data on” (wake). Toggle the Data Roaming setting accordingly. You can still get calls or use alarms, but won’t be disturbed (or charged) for night-time email updates. Get them in a batch at a WiFi spot or when you turn on 3G data again.

Preload maps by searching for directions while at a WiFi spot. You can still get updates via 3G while out and about, but the larger map will already be downloaded.

SMS:
48 hours before leaving the USA, turn off or dial-back on SMS updates. Why 2 days before leaving? So you can catch that one extra service you forgot. Likely sources of SMS reminders to turn off are: Google Calendar, Jott, Remember the Milk, TripIt Premium, twitter.
Tip: Once you’ve established your new locale, do more than set the iPhone time zone. Also set your twitter time zone preferences to reflect your “do not disturb” hours for the new time zone.

Don’t be surprised if you receive 1-2 SMS messages from AT&T as you travel. AT&T will alert you when you’re in a roaming zone and you are not charged for those messages.

If, like me, you ever end-up with the “good” bookmarks on the iPhone and “bad” on the Mac, there is just no way to sync the good over and replace the bad. However, one can do some tricks with the iPhone back-up preferences file (plist) and Mac Safari export/import bookmarks to achieve a transfer from iPhone to Mac. Once complete, two-way sync will be restored via iTunes. Unlike the MobileMe sync, you can turn off the iTunes bookmark sync to Safari without losing bookmarks on you iPhone.

I’m not responsible for lost data. Back-up everything before you start this process. Do NOT sync the iPhone until the process is complete. Others may have some shortcuts or improvements to this process [eg, convert Mobile Safari plist to Mac Safari plist instead, or use XSLT or shell script improvements, etc.]. I welcome those suggestions and will re-post them. Leave a comment or send email to me at mobilemind (at) pobox.com.

Here’s how I managed to save my iPhone bookmarks, recover them to Mac, and switch off MobileMe bookmark sync without losing data. Now I just use iTunes for Bookmark sync.

1. Download iPhone / iPod Touch Backup Extractor by clicking on the big honking icon on that page. (I sent him $10 USD because it worked so well for me. Send him a few Euro if it works for you too.)

2. Launch the Extractor, open a backup and extract “iPhone OS Files”.

If your current back-up is questionable or to deliberately use an older version of iPhone bookmarks do the following. First make a copy of the current back-up, and put it in another location. Then use Time Machine or your back-up utility to find and restore a “good” previous version of the backup, from:

  ~/Library/Application Support/MobileSync/Backup

Remember that “~” is shorthand for the user home folder (Home icon in Finder, or Shift-Command-H).

3. Save the “iPhone OS Files” extract to a new folder, and find the Bookmarks preferences file. It should be in:
  newfolder/iPhone OS Files/Library/Safari/Bookmarks.plist

4. Convert the binary preferences file to XML. Open a terminal window and go to the folder with Bookmarks.plist. Then issue this command:

  plutil -convert xml1 Bookmarks.plist

Leave the terminal window open, you’ll need it in a minute.

5. Open Mac Safari and do File > Export Bookmarks… to save a backup. We’ll use this if anything goes wrong, and it’s a handy reference example of the bookmark file format. I saved mine as “Safari Bookmarks.html” and put an extra copy in the same folder as “Bookmarks.plist”.

6. Get or make some shell magic with grep to reformat the XML plist preferences file into a rough approximation of a Mac Safari bookmarks import/export file. I found a great bit of code from Dave Taylor here.

I took Dave’s example and removed some stuff like the sorting (more on that in a minute). Then I added the necessary opening and closing tags for a Bookmark file, with some comments. Here is my shell file for you to download: plist2bookmarks.sh

7. Save the shell script and make it executable. Save the shell file to the same folder as the converted Bookmarks.plist file. Then go to the terminal window and make it executable by you (the owner) and your group.

  chmod 774 plist2bookmarks.sh

8. Execute the script and direct the output to a new file. I called my output file “MobileSafariBookmarks.html” (no spaces to make the shell command easier).

  ./plist2bookmarks.sh >MobileSafariBookmarks.html

9. Clean-up the “MobileSafariBookmarks.html” in your favorite editor to make it match the folder hierarchy of your iPhone Bookmarks. I used Dreamweaver CS4 and TextMate to open my reference file (“Safari Bookmarks.html”) and the new file (“MobileSafariBookmarks.html”), bouncing back & forth to make sure I got the tags right.

Have your iPhone handy to check the folder structure. That helped me as I did edits. The comments put in by “plist2bookmarks.sh” should help you understand how and where to create folders (or nest them).

Keep in mind that the iPhone has a few built-in bookmark folders and bookmarks, like the “History” folder and the bookmarks for “Yahoo!”, “Google”, “AT&T MyAccount”, and “iPhone User Guide”.

10. Prepare to import Mobile Safari Bookmarks into Mac Safari. Make sure you have a back-up of your Mac Safari bookmarks. Then open Safari, use Bookmarks > Show All Bookmarks, and delete ONLY your bookmarks. Do NOT delete Address Book or other items. In m case, I selected Bookmarks Bar and deleted all the items there. Then I selected Bookmarks Menu and deleted all those items.

11. Import the Mobile Safari Bookmarks into Mac Safari. Use File > Import Bookmarks… to import “MobileSafariBookmarks.html” as cleaned-up in step 9.

12. Verify Mac Safari against Mobile Safari before you disable MobileMe sync of bookmarks. Remember, that will delete the iPhone bookmarks. Carefully check the list and URL addresses of the bookmarks now in Mac Safari against the list and structure in Mobile Safari on iPhone. Quit Safari on the Mac when you are done. Quit Mobile Safari on the iPhone too.

13. Take a deep breath and delete the bookmarks on Mobile Safari by disabling MobileMe sync of Bookmarks. On iPhone, go to Settings > Mail, Contacts, Calendars. Then, under Accounts select your MobileMe account. Change Bookmarks to OFF. iPhone will warn you about deleting bookmarks. That is OK, because we now have them in Safari and will soon sync with iTunes from Mac Safari back to iPhone.

14. Disable iTunes automatic syncing for devices to allow us to make changes. Do not connect the iPhone yet. Start iTunes. Open Preferences and select Devices. Check the box that says “Disable automatic syncing for iPhones and iPods”. Close Preferences.

15. Connect the iPhone and change iTunes to Sync Safari bookmarks. After the iPhone connects, it may sync anyway. That is OK. Select the iPhone in the left panel. Then select the tab labeled Info in the large main panel of iTunes. Scroll down to the shaded bar for Web Browser and check the box next to Sync Safari bookmarks.

16. Apply the change to sync. Click the Sync button in the lower right corner of iTunes and wait.

17. When the sync is done, all the bookmarks moved manually from the backup to Mac Safari, will be restored to the iPhone. From now on, the iPhone and Mac Safari will sync via iTunes. Changes on one will be reflected on the other after each sync. As an extra bonus, the MobileMe “push” should be a little shorter and a little less battery draining, since bookmarks are no longer synced over-the-air.

If you want, you can even turn off iTunes bookmark sync and add/restore your original Mac Safari bookmarks, either to keep things separate or to merge them back to iPhone later.

On iPhone and Touch, that page will automatically re-direct to http://mobilemind.net/___, which includes all the instructions and code needed to make a bookmarklet that pastes text (an “iPastelet”).

On the iPhone/Touch, Save an iPastelet provides a form to enter your text string and a button to update the page URL. Then you need to save the bookmark, then immediately edit it to remove the http:// prefix and mobilemind URL. The directions on the page explain it all.

On desktop machines, the page does not re-direct, but instead takes you to the “classic” iPastelet Maker that I posted last December. The desktop browser version of iPasteletMaker creates a bookmarklet for you to save in your desktop browser (Mac or Win) and then sync to your device via iTunes.

This approach might be a little more handy if you already sync broswer bookmarks and want to create a bookmark Scrapbook folder with lots of these.

Thanks to Erica Sadun for the original bookmarklet code and inspiration. Special Thanks to Craig Hockenberry (IconFactory / Twitterific, Twitterific for iPhone), Joe Maller (Transmogrify), Joe Hewitt and the iUI team (http://code.google.com/p/iui/), and Ankur Kothari (Make the most of the iPhone SDK) for inspiration and examples.

• Test using Safari with User Agent set to Mobile Safari
• Preview with iPhoney application for more context & rotation testing (add latest agent string)
• Use Firefox extensions User Agent Switcher, Web Developer and Firebug, and Firesizer
• Use iUI code with CSS/HTML/Javascript for iPhone-style interface
• Visit the Apple Web Apps Development Center and Apple iPhone Dev Center
• Check out the Google Groups iPhoneWebDev
• Register for iPhone DevCamp 2

Safari- Go to Preferences and check the box for Show Develop menu in menu bar.

Then you can use the menu Develop > User Agent > Mobile Safari 1.1.3 – iPhone. That will allow Safari to present itself to website (and your code) as the iPhone web browser. Hovering over a menu option will also display the full User Agent string.

iPhoney- iPhoney from MarketCircle is basically a shell around WebKit that acts like the iPhone browser, Mobile Safari. It does support rotation, but isn’t exactly like iPhone (address bar can’t scroll (but can be hidden), it does add vertical/horizontal scroll bars in some cases were iPhone wouldn’t). That said, it is a nice way to get a quick “iPhone Preview” of any site from your laptop or desktop computer.

Tip: I found that I get more “iPhone-like” results with many sites by having iPhoney use a custom user-agent. The User Agent string below matches exactly what a web server sees for my iPhone user agent with the current firmware, whereas the iPhoney returns a slightly different version (Mobile/1A538a). Just use the appropriate menu item to enter the text below as “Custom User Agent”.

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/4A93 Safari/419.3

Switch User Agent- Firefox users (even those already using Firefox 3.0) can use the User Agent Switcher extension to also mimic the iPhone web browser user agent, with the same User Agent string as above.

Firefox extensions for Javascript development- While you’re at it, you may also want to get a couple of other Firefox extension that are generally useful for web development– the Web Developer extension is from the same author as User Agent Switcher, and the latest Firebug extension beta release seems to work well with Firefox 3 (and help a lot with debugging). Firesizer isn’t is compatible with Firefox 3 (yet) now, and it allows you to quickly switch Firefox to different screen sizes… helping you preview an iPhone sized window of (or even test other web sites & apps at common sizes like 1024×768).

iUI- iUI is set of CSS, HTML and Javascript that hails from Joe Hewitt of Facebook, who also originated Firebug. iUI is available from the Google code site, and includes code to provide a more iPhone-like look and feel to your web applications while providing the ability to handle page orientation changes (rotation between landscape & portrait views).

Apple Developer pages and Google Groups- There are a bunch of resources on the Apple site and there is an active iPhone Web Development Google Group too. Visit the Apple Web Apps Development Center and Apple iPhone Dev Center. Then check out the Google Groups iPhoneWebDev.

iPhoneDevCamp- Finally, there will be a second iPhoneDevCamp at the Adobe offices in San Francisco. It is scheduled for August 1-3 2008, and you should watch the official iPhoneDevCamp 2 website for more information.

They do have some Captivate-esque animated demos, but they seem to be driving the TryPhone simulation rather than playing animated captures or video of the phone. Anyway, check out TryPhone if you’re looking at a new mobile for a Christmas gift. Just be aware that the iPhone emulation gives a weak impression of the experience.

Mac users- If you’re developing pages to be viewed on iPhone, check out iPhoney from MarketCircle. It is basically a shell around WebKit that acts like the iPhone browser, Mobile Safari. It isn’t exactly like iPhone (address bar can’t scroll, not multi-touch obviously, and adds scroll bars in many cases were iPhone wouldn’t). That said, it is a nice way to get a quick “iPhone Preview” of any site from your laptop or desktop computer. You can even rotate the phone to vertical or horizontal/landscape view.

Tip: I found that I get more “iPhone-like” results with iPhoney by using a custom user-agent. The one below matches exactly what a web server sees my iPhone user agent as, whereas the iPhoney returns a slightly different version. Just use the appropriate menu item to enter the text below as “Custom User Agent”.

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420.1 (KHTML, like Gecko) Version/3.0 Mobile/3B48b Safari/419.3