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.

Lungo.js a framework, powered with HTML5, CSS3 and JavaScript, for creating mobile web apps.

The applications created with it works in all of the popular platforms (iOS, Android, Blackberry and WebOs).

It has support for touch events like tap, double-tap or swipe and doesn’t use images (including the icons) as everything is vectorized.

HTML5 features like WebSQL, geolocation, history or device orientation can all be used.

A well-documented JavaScript API has methods for handling all the major stuff and Lungo.js is modular + completely customizable.

For any project, knowing the market, its size and behaviors/expectations of the users is a must. Same for web design.. and mobile web design.

Our Mobile Planet is an effort managed in partnership by Google, Ipsos and the MMA (Mobile Marketing Association) for understanding the mobile user and how they consume mobile.

With a fresh data behind, it is possible to drill-down into the statistics by selecting categories (penetration, behavior, activities, e-commerce and advertising), their sub-categories and countries.

Also, Our Mobile Planet allows filtering the results with other variables like age or gender and change the chart type that results are displayed.

The results can be exported in .CSV, .XSL and .PNG formats.

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.

Touchy Boilerplate is a starting kit for creating mobile web apps that covers most of the tricky parts of the development process.

It includes an HTML template with all the mobile-related meta tags, various browsing scenarios like animated navigation, fixed header + scrollable content and deep linking support.

Also, there are Geolocation functions and various other UI elements provided.

The boilerplate uses jQuery or Zepto.js and has 2 other optional helpers: Touchy JS and Touchy PHP which handles most of the exciting stuff mentioned above.

When building mobile web apps, it is pretty hard to test and debug the applications in multiple platforms as each platform may require a different device.

Ripple is a multi-platform mobile environment emulator which comes as a Chrome extension and aims to ease this process.

It enables us to choose the platform (mobile web, PhoneGap, WebWorks, WAC, etc.) + the device(s) supporting the platform and can display how a given URL would look like with such a combination.

The extension allows the use of existing tools to perform JavaScript debugging, HTML DOM inspection, automated testing, as well as multiple device and screen resolution emulation in real-time.

Also, Ripple displays detailed information about each device, the User_Agent used for loading the URL and has a "Geolocation" module that eases testing Geolocation-reiated apps.

Mobiscroll is a "wheel scroller user control" optimized for touchscreens to easily enter date and/or time which comes as a jQuery plugin.

It is highly customizable where values can be anything (including images) and can even be used as an alternative to the default select control (dropdown list).

The plugin's look can be changed easily with theming support and has ready-to-use good-looking skins (default, Android, Sense UI and iOS).

And, it integrates well with other JS frameworks including jQuery Mobile.

The number of iPad-specific magazines/content is increasing with a huge speed these days and you may be involved in such a project too.

If so, Magazine Grid will help a lot as it is a modern CSS framework, built specifically for iPad, which comes with common magazine design elements like pagination, gutters and a basic grid.

The framework uses HTML5 elements for structuring the magazine pages. Simply, an <article> element wraps up your page and <section>s define the portions of content.

Magazine Grid weights only 4kb and has a fallback style for devices with smaller screens.