Sushi Codeur's List: Mobile

In this post, I've collected a list of 38 nicely designed sites (ranging from personal, blog, portoflio, editoral, web app, etc.) that are optimized for iPhone. I hope this list will come in handy when you need to design a mobile site for yourself or clients.

It’s no wonder everybody’s racing to build mobile versions of their websites.

Some are simply better than others, though. While many companies just build stripped-down versions of their current sites with a few links and maybe an image, others have taken the time and energy to really think about the advantages of mobile and truly become destinations that can be accessed on any platform. These well-designed mobile sites provide a glimpse into what we can expect in the future.

In the past few years, one of the biggest areas of change has been the amount of Internet users who are accessing websites via phones and mobile devices. As a result, Web designers have a growing need to be educated in this area and ready to design websites that accommodate this audience.

PPK: How to set up a mobile test bed. http://bit.ly/i0YRGF #alistapart 320

In this article we have compiled a list of free tools for testing your application across the most popular mobile operating systems, including iPhone, Blackberry, Android, Symbian and Palm. Some of the tools have been officially released (with the exception of the iPhone) and are available to download with there respective SDKs, Other tools, which maybe a little bit basic, can be used as a reliable testing environment.

If you know HTML, CSS, and JavaScript, you already have what you need to develop your own iPhone apps. With this book, you'll learn how to use these open source web technologies to design and build apps for both the iPhone and iPod Touch.

In this article I’ll explain how, with a few CSS rules, you can create an iPhone version of your site using CSS3, that will work now. We’ll have a look at a very simple example and I’ll also discuss the process of adding a small screen device stylesheet to my own site to show how easily we can add stylesheets for mobile devices to existing websites.

A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

A jQuery plugin for mobile web development on the iPhone,
iPod Touch, and other forward-thinking devices.

HTML5 JavaScript framework - write cross-platform mobile apps

Cet article est un comparatif de solutions open source pour créer des applications pour smartphones qui seront fonctionnelles sur plusieurs OS (iOS, android, ...)

PhoneGap is an HTML5 app platform that allows you to author native applications with web technology and get access to APIs and app stores.

Build Native Apps in the Cloud. Quickly create NATIVE smartphone apps on RhoHub with the award-winning Rhodes framework. Build online without installing SDKs locally, including build iPhone apps from Windows-based PCs. It also gives you a hosted RhoSync server for enterprise app integration and sync. Finally, it provides galleries that allow you to manage apps for your users whether or not they were written with Rhodes.

Titanium is Native .Titanium provides native performance, native UI & native capabilities, with over 1,000 APIs and growing. If you can dream it, you can build it.

MeeGo is an open source, Linux project which brings together the Moblin project, headed up by Intel, and Maemo, by Nokia, into a single open source activity. MeeGo integrates the experience and skills of two significant development ecosystems, versed in communications and computing technologies. The MeeGo project believes these two pillars form the technical foundations for next generation platforms and usages in the mobile and device platforms space.

Concevoir un service à la fois riche, intuitif et adapté à la taille d'un écran de smartphone n'est pas chose aisée. Voici quelques conseils pour concevoir une application ergonomiquement réussie.

* Clarté et lisibilité, les maîtres mots de l'ergonomie
* S'appuyer sur les "accélérateurs" d'interaction
* Faciliter la navigation au sein de l'application
* Anticiper les erreurs de l'utilisateur
* L'importance du premier contact

Basecamp Mobile is not an native app, it’s a web app. All you have to do is visit http://basecamphq.com on your mobile phone. No apps and nothing to install – it just works.

Last summer, Mig and I decided that we wanted to get the ball rolling on a Threadless mobile site for our Awesome Time project. Like you guys, we felt like this was something way past due. So whenever we had free time, we dished out early comps of what the site could look like and how it could work.

Every application needs an application icon and a launch image. It’s recommended that applications also provide an icon for iOS to display in Spotlight search results (and, if necessary, in Settings). In addition, some applications need custom icons to represent custom document types or application-specific functions and modes in navigation bars, toolbars, and tab bars.