View Larger
|
iDev101: Fonts, Colors & UI Sizes
Note: I'm working on an update for this app. If you'd like to be notified when a new version is available, please join my idev101 mailing list.
This is a quick-reference app for iOS developers. It's packed with useful tools and resources including a color picker, complete font list and type tester, printable app design templates, an interactive app submission checklist, and more.
Fonts:
- 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:
- How to specify a font
- How to use system fonts
- How to get the size of a string in a particular font
- How to use custom fonts
Colors:
- Color sliders for both RGB and HSB
- Input color values (between 0 and 1, or between 0 and 255 in RGB mode) and view the result on screen
- Convert to/from CSS hex values. You can enter a CSS hex color value and get the corresponding RGB or HSB values. This makes converting to and from HTML/CSS colors extremely easy... great for designers!
- Shows you the actual code for creating a UIColor object with the selected color
- Sample code:
- How to set colors
- How to set transparent backgrounds
- A list and preview of all the standard UIColors (e.g. [UIColor blueColor])
UI Sizes:
- Screen and UI 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 doesn't 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
- A printable version of the checklist
- Printable PDF templates for designing your app - includes 10 different iPhone templates in both portrait and landscape
Credits
- App design & code by Kira. Check out my other apps!
- Special thanks to Steven Marsh for app testing.

Icon designed by Kira, with grafx from www.templay.de
|