PortKit shows you each Cocoa UI Element in iOS 6 / iOS 7 and its Android widget version, side by side, so you can compare and find the correct equivalent when porting an app. We are a Brisbane based company that develops iPhone & iPad Apps and Android Applications and we wanted a simple way to visualise, reference and compare UI elements, and have quick access to documentation and the respective naming conventions.

Due to the popularity of this post we decided to add a tonne of handy resources, tools, and tips that we use day to day available at the bottom of this post.

UX Comparison Chart

Skip to awesome resources below ↓

Icons

Every App needs good icons, here are some great resources and tools we’ve used in our icon design and implementation for iOS and Android. Pay particular attention to correct sizing, we suggest creating your App Icon at at least 1024px by 1024px as this is the minimum for iTunes artowkr when submitting to iTunes connect. All other icon sizes can be automatically generated from this 1 file used the iDeveloper Icon Generator below.

Sizes IconHandbooks Icon Reference Chart for Android & iOS Android Iconography, size and design guide by Google Mrgan’s iOS App Icon Sizes Viki Wenderlich’s iOS App Icon Size Tools iDeveloper Icon Generator lets you quickly exports icons for both iOS and Android with a single click ($0.99)

Android Asset Studio lets you generate icons from existing source images. Design Icon Handbook has some great resources as well as a free Illustrator & PSD download about icons on various platforms.

MediaLoots Free iPhone App iCon Kit PSD

AppIconTemplates Free iOS App Icon Template PSD

Fonts

Debugging bad fonts

Ever had problems where the Ascenders and Descenders are wrong on your font? Screw manual adjustment with ftxdumperfuser -t hhea -A d font.ttf . Use Fontlab Studios Auto Calculate Function. Go to FontLab and Go:

File -> File Info -> Metrics and Dimensions -> Key dimensions and TrueType-specific metrics.

Then hit that beautiful Diamond Button. Save and Smile.

Wireframing

Handy Utilities

iExplorer lets you easily access files inside your iOS apps while they are running.

Navicat lets you manipulate those SQLite databases like a boss. There is no better SQL Client. Even works great on CoreData SQLite files just dont touch the Z_METADATA table and remember to update the Z_PRIMARYKEY tables max values.

Resizer lets you drag all your @2x files in and it will create non-retina ones for you

iOS-Simulator Cropper is a god send when you want to take screenshots and auto crop out the Status Bar.

Android Action Bar Style Generator lets you easily create custom themes for your ActionBar

Android Holo Colors Generator lets you easily create Android Theme colors based on Holo Light or Holo Dark.

Android DPI Calculator lets you easily back calculate a size in one DPI to another DPI

Beta Testing with TestFlight

TestFlight is an App Beta Testing platform for iOS and Android. Also the SDK has an Auto Update feature which kicks ass for Beta Testing!

Pro Tip: If you have an Enterprise iOS Account you dont need your testers UUIDs before building your Beta builds. Talk about $300 well spent. Just build for Enterprise and upload to TestFlight then allow access to anyone via TestFlight and voila. Nothing worse than a client who suddenly needs access to the Beta on another device which you dont have in your Provisioning Profile!