iOS7 has slick, flat and circular switches that are used for select box-like elements that has two options.
The style of the switches can be customized easily, they support the “disabled” state and the effect speed can be changed as well.
Requirements: No Requirements
Compatibility: All Modern Browsers
When developing with Xcode and Objective-C, it is usually hard and time-consuming to create animations.
Canvas is a project that makes adding good-looking animations easy for iOS apps.
With almost no coding, effects like fade, zoom in/out, slide, bounce, pop, shake and more are available for use.
The project is not only about animations but currently comes with a “custom font” component and plans to add ones like parallax, sticky headers and various others.
Requirements: iOS7, Xcode5
VisualPharm, a talented graphic and UI design company, is sharing a huge set of free iOS 7-styled icons.
The set includes 800+ items where new ones are added regularly and has icons from actions to devices, shopping, animal, sports, file-types and much more.
They are available in PNG with multiple from 25*25px to 512*512px and can be freely used in commercial projects.
When designing for mobile, transferring the work from desktop to the mobile device for previewing it is usually time-consuming.
Skala Preview is a free Mac application with free iOS and Android apps that makes this process a joy.
The application instantly sends lossless and colour-accurate previews to mobile and they can be zoomed, tested for color blindness and viewed in any orientation.
For Photoshop CS5+ users, previews can be delivered on each edit automatically and, for others, they can be sent via the clipboard or by dragging files to its dock icon or window.
Also, Skala Preview supports any number of devices being connected at the same time.
Requirements: Mac OS X
Device images are widely used when showcasing mobile apps and presenting realistic designs of mobile apps/layouts.
Mobile Design Kit is a free set of mobile devices that are flat designed and provided as .PSD files.
The download package is categorized in operating systems (iOS, Android, Windows Mobile) and there are designs for iPhone, iPad S3, S4 & Nexus 7 and more.
Pixate is a free platform for creating the user interface of native mobile apps with CSS.
It is actually a graphics engine that transforms CSS into scalable graphics, bitmap effects and more.
The app can be built with any tool/language (Objective-C, Titanium, etc.) and Pixate will work with all of them.
CSS used can be loaded locally or remotely which is great for totally customizing the look and feel by updating the CSS and not updating the app itself.
Pixate is currently iOS-only but Android support (where the same code could be used for both platforms) will be available soon.
When building and updating native mobile apps, testing them can be a pain as this may require including an SDK or recompiling the app.
Appium is an open source framework which helps automating mobile app testing from any language and any test framework, with full access to back-end APIs and DBs from test code.
The framework is Mac OS X only and requires Nodejs to run.
Requirements: Mac OS X and Nodejs
IconBeast Lite is a high-quality and free iPhone icons set that iOS developers will probably like so much.
It is the smaller version of IconBeast Pro (that has 1700 items) but still has lots of icons (300).
There are items from actions to arrows, charts, devices, social networks and more.
They are in PNG format, sized 30*30px and free yet require attribution when used.
If you liked the quality of the set and still need more icons, make sure to check out IconBeast Pro | 1700 iPhone icons.
We all know the iOS folder interface: “clicking a folder changing the opacity of other elements and displaying the contents inside a sliding element”.
App-Folders is a jQuery that mimics that behavior and works on both desktop + mobile browsers.
Folders can include any HTML element (images, text, video ,etc.) and each folder gets its own URL that makes direct-linking possible.
The look/feel doesn’t have to be iOS-like but it can be themed completely for creating attractive layouts (check demo).
Compatibility: All Major Browsers
Mobile_Detect is an open source PHP class for detecting mobile devices.
It uses the User-Agent string combined with various HTTP headers in order to detect the mobile environment.
The class can easily understand whether the platform is mobile, tablet or desktop.
Also, functions exist for detecting whether it is iPad, iPhone, Android, Blackberry, etc.
And, we can even drill-down to the versions of the platforms and browsers if needed.
It has a huge library of devices (including Nook, Nexus, Kindle, Archos..) and browsers for a stable detection.