App Icon Template is an icon design toolkit for creating iOS application icons faster.

The kit includes a .PSD + .ATN (Adobe Photoshop Action) file where the .PSD comes with useful layers like the rounded corners, gradients and even various background textures.

Smart objects are used to automate the generation of multiple sizes and, once the design is saved, the template instantly displays the same icon in multiple sizes.

The PS actions included generate every needed file, both in squared (no transparency, to be used in the app) and in rounded versions (for other design uses). The files are automatically named after the Apple HIG so they’ll be good to deliver instantly.

jQuery Rewritten, Ground-Up, for Mobile HTML5 on iOS and Android devices.

This is how jQ.Mobi defines itself and gives a good insight on what it is.

It is a fresh and open source JavaScript framework -developed by appMobi- that focuses on providing a great experience on both of the dominant mobile operating systems with a tiny footprint and code efficiency.

Compared to jQuery Mobile (24kb), it is much smaller in size with only 3.5kb (both minified and gzipped) and covers most features with the same syntax.

When it comes to speed, jQ.Mobi is impressive there as well and mentioned to be 3x faster on Android and 2.2x faster on iOS.

The framework also has a UI library (again smaller in size) and includes plugins for mobile interactions and interfaces

There are several awesome and feature-rich frameworks out there for building mobile web apps which can handle almost any scenario.

For complicated apps, they are usually the best option to go with. However, if you are building a simpler app that requires the most standard UI features, Zoey can be for you.

It is a HTML5-CSS3-powered framework for creating mobile apps, built on top of Zepto.js and weights only 6kb (gzipped).

Zoey has the UI components like navigation, lists, buttons, control groups, forms and grids.

The framework is compatible with iOS + Android and comes with an app skeleton that covers all the features.

iUI is a mobile web framework that has been around for a long time (since 2007) compared to many other mobile resources.

It was mentioned in a previous WRD article (iPhone Application And Website Development: All Tools And Tutorials You Need) and evolved much since then.

The framework includes a JavaScript library, CSS and images for developing touch-enabled web apps.

User interfaces to be created are iPhone-like yet compatible with most smartphones and tablets and has support for menus, forms, lists, image galleries and more.

Also, there are built-in extensions for caching, getting system information, HTML5 videos or theme switching.

iUI is well-documented and has tutorials to get you started easily.

appMobi, a popular platform for creating HTML5-powered mobile apps and websites has recently open sourced several useful resources for mobile developers.

JavaScript Bridge API

In order to access the device APIs of iOS and Android, creating native apps is not a must. The JavaScript Bridge API brings this functionality to mobile web apps.

The API has support for accessing the camera, notifications, player, display, geolocation and more.

aUX.js

This is a mobile web framework for quickly creating touch-enabled interfaces that run equally good on iOS and Android.

It has on-device caching, offers block-based architecture rather than page based (only necessary block are updated during browsing), supports fixed headers/footers and includes several workarounds for known bugs on mobile web development.

Others

appMobi has also open sourced mobiUs, a mobile browser that offers a native-like experience when browsing web apps.

It enables web apps to access all of the hardware features of a smartphone, has a good game performance with DirectCanvas technology, comes with built-in caching and much more.

And, there is Direct Canvas/Box2D/Sound which helps running web apps (mostly games that require calculations) much faster, play multiple audio files at the same time (HTML5 normally supports 1 at a time), etc.

If you are developing mobile web applications, you already experienced the difficulty of debugging them.

iWebInspector is a free tool for debugging, profiling and inspecting web applications that run on iOS Simulator (iPhone or iPad).

The tool simply attaches the Web Inspector to any tab opened in Safari for iOS, to a chrome-less web app (full screen) or to a PhoneGap application.

It enables us to:

• see and browse every element on your HTML element. You can change attributes, content and styles and see how they apply on Safari
• see all the resources involved in this page, including Databases, Local Storage, Cookies and ApplicationCache
• check all the network traffic on your website
• see all your scripts, create breakpoints, watches and debug your JavaScript code.
• record a timeline showing you rendering, scripting and loading times while you browse on Safari
• profile your JavaScript code
• audit your code, showing you a report on performance and other stuff
• see and use the JavaScript console

Simply, a great addition for mobile developers.

Many designers/developers were excited to see the launch of the jQuery Mobile ~a year ago and waited for the stable release to start building for mobile.

With an announcement yesterday, the project officially reached to its first stable release.

jQuery Mobile already supports a huge set of mobile browsers, has the ThemeRoller for mobile and it is very well-documented with guides + examples for an easy start.

The framework includes many widgets for (touch-optimized) mobile layouts: toolbars, buttons, pages/dialogs, content formatting, list views and forms. All built on jQuery core for a familiar and consistent syntax.

It is always good to know the cons and pros of tools we are using before starting a new project with them in order not to be disappointed later on.

A frequently-updated chart by Markus Falk does this for the mobile frameworks as there is a detailed comparison of their capabilities.

The chart displays the rendering engines supported, target platform, hardware, development languages, UI features and license for each framework.

Also, if you already have strict requirements for the project, a wizard helps filtering the frameworks and fastens the process of choosing the right one.

Iconshock has released an exciting set of icons named: "Shock iPhone Icons" today.

The set includes 600 unique items that are designed to meet the requirements of the iPhone iOS guidelines.

Items inside are the ones that can be used by most of the mobile and web apps (like actions, devices, filetypes, smileys, etc.

They are in transparent .PNG, have 2 sizes: 30*30px + 40*40px and bundled with ~4,400 variations of each size.

They are free to use in both personal and commercial (requires attribution) projects.

P.S. They also have a similar Android icons set.

MobileESP is an open source project for easily detecting users browsing the web pages with a mobile browser.

It has server-side versions for PHP, ASP.NET, Java, Ruby and a client-side JavaScript version with light features.

There are methods provided for detecting a specific device (iPhone, Android, WebOS, etc.) or a wider selection if it is a smartphone, tablet, game console, etc.

The project has support for most of the well-known devices and can even identify their capabilities.