It's a debugger for web pages, like FireBug (for FireFox) and Web Inspector (for WebKit-based browsers), except it's designed to work remotely, and in particular, to allow you debug web pages on a mobile device such as a phone.

Over the last couple of years, the iPhone has greatly popularized the tab bar navigational model for mobile handsets. Apple has put together a design rationale for the tab bar in their Human Interface Guidelines (HIG) along with lots and lots of other information — they do however leave some question unanswered. Having worked with interaction and graphical design for iPhone applications during the last couple of years I’ve managed to pick up some lessons the hard way, and in this post I would like to share my thoughts on a couple of do’s and don’ts.

After creating a few icons with the excellent iPhone 4 icon PSD template from Cocoia, we started noticing the dreaded “black corner pixels” effect on iOS and iTunes, which you see all over the place these days.

Let’s say you’re working on an icon for an iOS app. The app is universal, so it should run on all iPhones (and iPod touches), and on the iPad. As a designer, you’re used to drawing icons at various sizes; this is a big part of what “icon design” is (as opposed to other types of illustration).

Ever since Tweetie 2, the pull-to-refresh paradigm has been a hot feature for iPhone applications. The idea is that you can pull down on a list of items to refresh them. This saves you from needing some sort of "refresh" or "reload" button. Nice!

Creating an RSS reader for iphone is a great way to learn about the language. In this tutorial we’re going to create a rss reader that can also play podcasts. Such application will require us to download and parse a rss feed, display the data in a table and play a remote podcast. In this article I assume a minimal knowledge of cocoa programming, but you should be able to follow even if this is the first time you’re coding an iphone application.

The past couple of days I’ve been turning the internet upside down in search for screenshots of the new interface to see how Apple “solved” the problems you get when you need to design an interface that has the same DPI as paper (here’s the best screenshot gallery I could find). Here’s a list of tricks and techniques I learned so far. Over time we’ll see more design conventions, but for now it’s just a lot of guesswork.

You can do this with the skill set you probably already have: HTML(5), CSS, and JavaScript.

I’ll show you how to create an offline HTML5 iPhone application. More specifically, I’ll walk you through the process of building a Tetris game.

CodeIgniter library to receive admin iPhone notifications via the Prowl application.

4 main iPhone interface paradigms -- navigation, tab bar, modal view, table view controllers

Quick trick to render iPhone specific style.