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.
Skip to awesome resources below ↓
Guide: Action Bar
Reference: android.app.ActionBar
Design Inspiration: Dribbble Pinterest Board
Custom in Gmail 4.5 on Android
Note: DO NOT CONFUSE WITH NSNotificationCenter
Resources: UIApplicationDelegate Protocol
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.
Android Iconography, size and design guide by Google
Mrgan’s iOS App Icon Sizes
Viki Wenderlich’s iOS App Icon Size
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.
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
Font Squirrel is our favourite free font website
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.
Balsamiq is by far our favourite wireframing tool
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
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!
Phone: (07) 3878 1151
Address: Office 2, 59 Hardgrave Rd,
West End, Brisbane, 4101, QLD, Australia
Oops! We could not locate your form.