iPhone & iPad Web Design

Sorted by:  

Test iPhone Designs with Safari

The closest you can come to having Safari on an iPhone or iPad is Safari on a computer. It has a few notable differences, including the larger screen size that most people use on computers and the fact [more…]

Test Your Code with the W3C Tools

Testing your web designs with the World Wide Web Consortium (W3C) validation tools has always been a good idea, but it’s even more important for mobile web design. Desktop web browsers, including Internet [more…]

Create a Mobile Site Testing Plan

Test early and test often — repetitive testing is the key to developing a site for iPhone and iPad quickly and with confidence. Creating a detailed testing plan is an important addition to any good project [more…]

Quality Assurance Testing for Mobile Websites

Before you launch a new site intended for the iPhone and iPad, always fully test its design and functionality on the iPhone or iPad, to ensure that the site looks and works the way you think it should. [more…]

More Extensive Testing for Your Mobile Website

The biggest challenge for most designers who create sites for the World Wide Web is having to test it in many different web browsers and on different operating systems and devices. If you’re worried only [more…]

Load Testing to Gauge Site Speed

Load testing helps you gauge the impact of having many site visitors at one time, and services that help you do so are much easier to use than, say, coordinating all your neighbors to visit your site at [more…]

Usability Testing for Your Mobile Site

When investing a lot of time developing a site for the iPhone and iPad, you get to know it quite well — so well that you may overlook elements that are obvious to you. Usability testing watches how actual [more…]

Testing Your Code with Dreamweaver’s Site Reporting Features

If you've used Dreamweaver to build your mobile website, you can check your work using the Dreamweaver Site Reporting features. It lets you create a variety of reports and even customize them to identify [more…]

Use a Dedicated FTP Program to Publish

If you prefer to use a dedicated FTP program rather than Dreamweaver’s built-in features to publish your website for iPhone and iPad, you can download FTP programs for the Mac and PC. [more…]

Publish a Mobile Website with Adobe Dreamweaver

After you create and test your website for iPhone and iPad so that it’s ready to publish on the web, you can use Dreamweaver’s publishing tools to upload your site to your web server. Which features you [more…]

Set up Dreamweaver’s FTP Features

After you gather your FTP information, you’re ready to set up Dreamweaver’s FTP publishing features and publish your mobile website. The good news is that you have to do it only once. [more…]

Publishing Files to a Web Server with FTP

You can upload pages to your server and download pages from your server using the built-in FTP capabilities of Dreamweaver.

To transfer files between your hard drive and a remote server [more…]

Choose a Mobile Domain

You can upload your mobile web page files to your web server using FTP, just as you would upload the files of any desktop website. The real challenge is deciding where to put your mobile version. [more…]

Use Built-in iPhone Capabilities in Web Design

When you include a phone number on a web page, the iPhone recognizes it and automatically makes it possible for a user to place a call by touching the number. If a user touches [more…]

Detect and Direct Mobile Devices

Before delving into the details of the most complex ways of managing device detection, this section begins with an overview. If you want to deliver different versions of a website to the thousands of different [more…]

Send the Right Web Content to an iPhone

After you determine whether a visitor to your site is using an iPhone or an iPad, you can hide content from either device as you deliver each page. In the [more…]

Determine the Mobile Device Type

In the contact page example, and in the following code sample, you see how to check the user agent for key terms that indicate which type of browser is being used to visit your site. The [more…]

Set Up Simple Browser Detection

Using CSS, you can apply different rules to iPhones and iPads to optimize how your site looks. You can alter how a page appears in landscape or portrait view, and you can hide certain parts of a page when [more…]

User Agents and Device Detection

When you open a web page, your web browser sends a user agent string to the server that hosts the website. This string essentially introduces your browser to the server, describing which browser version [more…]

Develop a Device Detection System

The basic concept behind device detection is straightforward: The website identifies the visitor’s device when it arrives, then sends the visitor the optimal version of a web page based on what the server [more…]

Making Your Blog Mobile Friendly with Plug-Ins

A plug-in is a software package that you can add to a blog to enhance its features. You can use plug-ins to fight off spammers, add your Twitter feed to a sidebar, integrate Google Maps into your blog, [more…]

Add the WordPress Mobile Pack

If you’re looking for a single simple tool that can take care of everything you need to make your blog mobile-friendly, the WordPress Mobile Pack is the plug-in for you. Just add the plug-in through the [more…]

Tweak the Mobile Switcher

With the WordPress Mobile Pack plug-in installed on your blog, the first thing that greets your visitors is the mobile switcher. Before you get into customizing how this nifty bit of code works, here’s [more…]

Choose Widgets to Display on Your Blog

If you’re a blogger, you’ve probably added a widget or two (or ten). After you set up your WordPress blog for the mobile web using WordPress Mobile Pack, follow these steps to display widgets for your [more…]

Create a Secret E-mail Address for Blogging

Before you start blogging via e-mail, you have to create a unique e-mail address to send your blog posts to. The creation process will vary depending on the way your web-hosting service or e-mail is set [more…]


Inside Dummies.com