Design and development articles to help you build iPhone-optimized web content. Please note, some of these are rather old and may be outdated. Feel free to comment if you notice an inconsistency and I’ll do my best to update it.
Creating Rounded Corners Using CSS
For years developers struggled to present layouts with round corners, often populating nested tables with images to accomidate the page design across several different browsers. Today, this problem has been addressed using … [Read More...]
Add an iPhone Springboard Icon to Your Website
The iPhone is capable of showing a custom icon of web pages the user has added to their home screen, however by default the image is a simple snap shot of the screen. Here’s how to make a custom icon that will show up in … [Read More...]
SMS Support for iPhone-Friendly Websites
The OS 2.0 software on the iPhone now supports integration with the SMS application from MobileSafari, allowing users to send SMS messages to you simply by tapping a specially formatted hyperlink on your website. The iPhone … [Read More...]
Learn How to Develop for the iPhone
Nettutes has a great article up titled “Learn How To Develop for The iPhone” which outlines the basics of creating a basic iPhone framework. The code samples and psd make it very easy to create your first iPhone webpage. … [Read More...]
How to Create a Touch Based Sliding UI
I’ve come across a post on the iPhoneWebDev board from a member named Rico who posted some source using touch events to emulate sliding of the iPhone UI. Hi guys, Just to share you a piece of code on how you could … [Read More...]
Fixed Positioning and Layering of Page Elements
Today we will demonstrate adding fixed style elements to your microsite using standard CSS properties. This is useful to display special offers or promotions you wish to remain constant as your users navigate your site. An … [Read More...]
How to Build a Website for the iPhone
Engage Interactive recently posted an in-depth tutorial explaining how to build a simple website for the iPhone. The tutorial covers setting up the HTML, CSS, addressing iPhone specific presentation issues, viewport orientation, … [Read More...]
Add a Click-to-Call Link on Your Website
Click-to-call capabilities afford site visitors the ability to instantly dial phone numbers listed on your web page by pressing the number and hitting call. Imagine being able to put your users in touch with you at the push … [Read More...]
What Is an iPhone Website
The greatest inventions in history have evolved from a need. They have usually solved a problem that plagued a lot of people. An iPhone microsite does just that. It solves a problem that plagues website owners and iPhone … [Read More...]
Profitable iPhone Website Campaigns Made Simple
Mobile advertising is has been projected to generate over $100 Billion by the end of 2011, and the fact is that the mobile web has experienced tremendous growth with the popularity of smartphones in recent years. Many people … [Read More...]
10 Ways to Make Money With an iPhone Website
Below I'll cover 10 ways you can tap into the mobile web today and begin making money with an iPhone-optimized website. Lead Generation Build a customer list by generating new leads from your mobile visitors. This … [Read More...]
Target Content to iPhone Visitors
With the numbers of users visiting your website from an iPhone/iPod touch growing each day, opportunities to show these visitors targeted content are becoming increasingly valuable. The message can be as simple as a special … [Read More...]
Format Your Website for the New Mobile Web
Most websites and web pages can be made 200% more usable for iPhone visitors in under 5 minutes using 1 line of code! While it’s possible to make the web sites more presentable on an iPhone in a variety of other ways, giving … [Read More...]
Link to App Store From Your Site
Back in the day when the release of iPhone OS 2.0 came the ability to link to apps in the app store from websites, however this was effectively broken by the 2.1 update which came out shortly thereafter. In talking with Chris … [Read More...]
Fixed Positioning in Mobile Safari
Though full screen web app support was left out of the OS 2.0 release, one developer has come up with a method for fixing a content area to the bottom of the screen, effectively creating a custom footer area. We’ve covered … [Read More...]
Detect and Prompt iPhone Visitors
This tutorial will outline a simple procedure used to display an “iPhone style” modal prompt whenever a user visits your site from an iPhone/iPod touch. For this example we will combine user agent detection with the JavaScript … [Read More...]
Using Media Query to Declare CSS for iPhone
To improve the experience of users visiting your website from an iPhone, it is necessary to evaluate how your content will display on these devices. This will allow you to identify areas in which your content can be optimized … [Read More...]
PHP Auto-Bowser Detection
Though not typically recommended, user agent detection can be useful for presentations formatted for the iPhone/iPod touch specifically. This PHP tutorial can be used to detect the user agent of the iPhone browser, allowing … [Read More...]
How to Hide the Address Bar in MobileSafari
While the iPhone packs a lot of resolution into its relatively small screen, the address bar consumes about 60 pixels of real estate by default when a page is loaded in MobileSafari. With either 320 or 480 pixels available … [Read More...]
Reach Millions of New Customers on the Mobile Web
This is a quick article to let you know about an online service I personally created, iMicrosites.com, which allows network marketers to instantly build feature-rich mobile webpages optimized for today's modern smartphones … [Read More...]
Create Pseudo-Native iPhone Apps Without Apple’s Approval
Over the past 4 years, I have spent a lot of time working through specific usability challenges of mobile web development for the iPhone. Over that time I have spoken to countless people who wanted a quick and easy way to … [Read More...]
Create an iPhone Website From Your Regular Site Content
The mobile web is here and with it, a myriad of design, usability and functional issues that remind me of debugging sites for IE circa 2000. If you run a website or do any business online, it is imperative that you consider … [Read More...]
What We Can Learn About Mobile Web From Developing for IE/NS Circa 2000
There are literally hundreds of websites, books and companies specializing in website usability, but when it comes to usability standards for the iPhone there's not very many places one can turn for advice. When you consider … [Read More...]
iPhone as a Web Development Platform
iPhone Microsites or Web Apps? When designing a website for iPhone, the finished product is often labeled a web app. The term “web app” is often broadly applied to describe all iPhone-optimized web content, when much … [Read More...]
4 Advantages of an iPhone-Optimized Website
Right now, millions of users are surfing the web using an iPhone or iPod touch. StatCounter research finds MobileSafari is the number one mobile browser in the US and number two globally. If you run a website, chances are … [Read More...]
Mobile Web Design Considerations
From a design standpoint, what makes a good website is often a matter of personal taste more than anything else. Often the decision will be made to attempt appealing to the widest audience possible; other times you’ll be … [Read More...]
Mobile Development Frameworks and Online Toolkits
Frameworks If you come from a web development background and would like to get started creating iPhone-optimized websites, you’re in luck. The bulk of the knowledge you’ve learned can be applied to creating web content … [Read More...]
Three Kinds of iPhone Website
Awhile earlier, I explained the difference between an iPhone microsite and an iPhone web app. There are actually 3 distinct types of site that can be viewed on the iPhone, and I'd like to briefly clarify their differences. iPhone … [Read More...]
How to Create Killer Smartphone Sites
This is the second in a series of articles about developing web campaigns for the mobile web. In the previous article I covered key reasons why most websites look terrible on mobile devices. In this article, I'll share some … [Read More...]
Reach Millions of New Customers on the Mobile Web
How do you begin instantly reaching millions of affluent customers and present engaging mobile experiences targeted directly to their mobile phone? One simple way is to build and advertise mobile web campaigns custom tailored … [Read More...]
What Will an iPhone Website Do for You?
It’s been estimated that 80 million will use an iPhone by next year, and over 35 million already use an iPod touch to browse the web on a daily basis. With that kind of user base, it’s easy to see how you could … [Read More...]
iPhone’s Affect on Mobile Business
The greatest inventions in history have evolved from a need. They’ve usually solved a problem that plagued a lot of people. Apple’s iPhone does just that; it solves a problem that plagues smartphone users worldwide … [Read More...]
iPhone GUI PSD Design Template
I recently completed an analysis for a major fashion retailer and determined about 7% of their total web traffic was coming from an iPhone. If you are serving web content and not considering how it looks to iPhone visitors, … [Read More...]
6 Tips to Create an iPhone Website
The iPhone website has gained popularity in recent years. Ordinary websites are receiving more traffic from mobile devices than ever before. Even if you have no immediate plans to create an iPhone website, there are steps … [Read More...]
