idev101: Fonts, Colors & UI Sizes

Here are several useful tools and resources for iOS developers, including a color picker, complete font list and type tester, printable app design templates, an interactive app submission checklist, and more.

Fonts & Type Tester:
• The complete list of all the fonts on your device, plus the System fonts
• Type tester: see a preview of your text in that font, the line height (in points) for that font, the frame size, and the actual font name to use in your UIFont declarations
• Sample code shows you how to specify a font, how to use system fonts, how to get the size of a string in a particular font, and how to use custom fonts in an app

Color Picker:
• Color sliders for both RGB and HSB color modes. In RGB mode, the slider also shows the numeric value between 0 and 255.
• The selected color is displayed in the sample box, along with its CSS hex color value. You can also enter a CSS hex color value and get the corresponding RGB or HSB values
• Shows you the actual code for creating a UIColor object with the selected color
• Sample code shows you how to set colors and transparent backgrounds, plus a list (and preview) of all the standard UIColors (e.g. [UIColor blueColor])

UI Sizes:
• Screen and UI element sizes for iPhone 4S (and earlier), iPhone 5, and iPad screens
• Icon sizes for iPhone, iPad, and Web app icons
• Keyboard sizes for the on-screen (English) keyboards, plus how to get the (language-independent) keyboard size programmatically, and how to slide the view up so the keyboard doesnt overlap the text input box
• Default (launch) image sizes
• Screen shot sizes (required for app submission)

Extras:
• Interactive checklist for preparing and submitting your app to iTunes Connect
• Printable PDF templates for designing your app - includes 10 different iPhone templates in both portrait and landscape.

Currently this app is optimized for the iPhone. A universal (iPad-friendly) version will be available in a future update.

Visit www.idev101.com for more code tips and sample code.