Detect Mobile Browser is an open source project for easily understanding whether a visitor of a website is using a mobile browser or not.

It provides codes in several scripting languages (PHP,Rails, ASP, JSP, Coldfusion, .htaccess & JavaScript) that can detect the browser.

The website also has a simple forwarding function which you can create a link like:

http://detectmobilebrowser.com/a.com|b.com

and the user will be redirected to "a.com" or "b.com" depending on the browser type used.

jQTouch is a jQuery plugin for creating mobile applications with just HTML, CSS & JavaScript.

It comes with native animations, automatic navigation, and themes for mobile WebKit browsers like iPhone, G1, and Pre.

It can be setup in a few minutes & totally customized with the selector options.

It has 2 ready-to-use themes:

• default Apple theme
• jQTouch theme

and new ones can be created with less effort.

The plugin offers page history management and CSS3 page transitions including 3d flip. Also, it easily allows applications to run in fullscreen mode with custom icons and startup screens.

Elijah Miller is sharing a very nice script, inspired from the iPhone-style-checkboxes for jQuery by Thomas Reynolds, for creating iPhone-like toggle switches with Prototype.

It is a very flexible resource as:

• variable sizes of switches are created automatically
• has support for dragging
• sliding labels
• offers iPhone compatibility

How To Use It?

It converts the visual output of a checkbox & displays the standard checkbox when JS is disabled (unobtrusive).

To make it work, calling a simple function mentioning the ID of the checkbox & values is enough:

new iPhoneStyle('#variable_size_a_b', { checkedLabel: 'A', uncheckedLabel: 'B' });

That’s all.

iWebKit is an open source toolkit for creating iPhone / iPod compatible websites very easily & quickly.

It is simplicity lies under the usage of basic html that anyone can edit rather than more complicated Ajaxed solutions.

The toolkit has support for:

• iPhone-style form elements (like on/off checkboxes)
• pop-ups
• fullscreen
• & more..

It is possible to theme the interface besides the standard iPhone theme & the download package comes with various ready-to-use themes.

And, websites created with iWebKit are compatible with the latest iPhone OS 3.0.

DetectMobileBrowsers.mobi is a website providing a function & information on how to detect mobile browsers.

It can detect:

• iPhone
• Opera Mini
• Android
• Blackberry

It has an online function generator that guides you to create a personalized function according to "how you want to treat every browser".

P.S. The code is free to be used on non-profit websites.

Intersquash is a simple yet very functional & free web service that generates an iPhone compatible web interface from feeds.

It is very handy to use the service for creating an iPhone version of any website.

Usage of the service is very easy. Just mention the feed URL & the title of the website &  that’s all.

You can see an example for WebResourcesDepot here.

A post: "iPhone Application And Website Development: All Tools And Tutorials You Need" was published at WebResourcesDepot a few weeks ago (if you still didn’t check that post, click here).

Since then, iPocketApps created a website named Apps Amuck whose aim can be summarized as: "learning iPhone application development / 31 days – 31 iPhone applications".

From the website:

The key here is simple: "Taking baby steps is better than taking no steps at all!"

iPhone application development is completely a new world & rather than trying to learn everything once, Apps Amuck is trying to present the information piece by piece.

There are great applications like:

• What is my IP?
• FlickrKML
• MyGoogle & more..

The source codes of every application can be downloaded.

iPhone is rapidly mobilizing internet users & creating its own standards.

At the time this post is written, there are millions of iPhones in use & numbers are increasing really fast. So, it is becoming very hard to stay in-compatible with it.

There are 2 main ways to deliver your content / product into iPhone:

• As an application
• As a compatible website (can act like an application)

The major differences between them are, an application can use all the iPhone features (like sounds, movements…), work offline where a webpage cannot (technically yes but it is not functional) and an application can be sold / distributed via the iPhone store.

You may also like:

• Free Silverlight Controls And Tools For Brighter Websites
• 14 Free Tools And Services For Better Domain Name Search / Management

iPhone Application Development Tools

Tools that are must when creating for iPhone like the SDK or the optional ones that you’ll find very handy.

iPhone Dev Center By Apple

The main & official source for creating iPhone applications. It provides great & very detailed information & iPhone SDK can be downloaded from here.

Free membership is required for reaching the content. To download development tools like Xcode & distribute your iPhone apps via the store, you need the pay for it.

PhoneGap

PhoneGap is an open source development tool and framework that allows web developers to take advantage of the powerful features in the iPhone SDK from HTML and JavaScript.

iPhoney – Free iPhone Web Simulator

iPhoney, powered by Safari,  gives you a pixel-accurate web browsing environment that you can use when developing web sites for iPhone. It’s the perfect 320 by 480-pixel canvas for your iPhone development

TestiPhone.com – Free iPhone Simulator

A web based application that enables you to test the look & dimensions of iPhone applications.

iUI

A very functional iPhone UI library. It aims to turn standards-based HTML into iPhone compatible interfaces.

To give an example: it transforms <a> tags into sliding interfaces rather then opening a new page. You can read the introduction of the author & see an example (digg for iPhone) created with it.

Read the rest of this entry »

In WebResourcesDepot, a free iPhone interface PSD file was presented a while ago.

This is another iPhone GUI PSD file that is created by teehan+lax.

The file has a comprehensive list of assets which are fully editable & that will updated within time.

For easier & realistic iPhone application interface designs, 320480 presents a free iPhone interface PSD file for download.

This iPhone PSD file consists most iPhone screen elements & has sensible layer sets.