iPhone & iPad Web Design

Sorted by:  

Move to HTML5 and CSS 3 for Web Design

When planning a new web design, remember that many different versions of HTML are now in use on the web. All the most recent versions work in the iOS (Apple’s operating system on the iPhone and iPad), [more…]

Review the Evolution of HTML

To help you keep all the options in markup languages in perspective, here's a quick review of how we got to where we are now. The World Wide Web was built on good old HTML, the Hypertext Markup Language [more…]

Create a Semantic Structure for Web Pages

Creating semantically relevant pages has been good practice on the web since long before the iPad appeared, but HTML5 builds in special tags to make it easier to be consistent in how you use semantics [more…]

How to Write Code in New HTML5

There's more than just new semantic elements in HTML5, which you can use to design websites to be displayed on iPhone and iPad as well as computer monitors. HTML5 merges HTML 4 and XHTML. HTML5 has two [more…]

How to Design for Different Web Browsers

Though your audience may differ, you can create websites that look good in Safari on the iPhone and iPad without compromising the design of the page when viewed in any of the most popular web browsers [more…]

How to Add Drop Shadows to Box Elements

In addition to text shadows, CSS 3 gives you the power to add shadows to box elements, such as <div> tags. In the figure you see how drop shadows were used to set off sections, such as the aside, in this [more…]

How to Create a Website with HTML5

Web designers often use terms like architecting,building, and constructing when they talk about creating web pages because there are a lot of similarities between building a house and designing a website [more…]

About HTML5 Tags

Not all web browsers on the Internet today support HTML5. Focus on what’s possible in the Safari web browser on the iPhone, iPad, and iPod. If you’re creating web pages for the broad audience of the World [more…]

Add the <head> Section in HTML5

The <head> section in an HTML page is at the very top and it provides the intelligence that helps the web browser interpret the content in the body section that follows it. [more…]

Head Tags for Websites in HTML5

The <head> section is where you can specify the character set, written as charset. The character set enables the browser to know what characters to display. For instance, the letter [more…]

Use iOS-Specific Meta Tags in HTML5

In HTML5, you can include meta tags specific to iOS (Apple’s operating system for the iPhone, iPod touch, and iPad). These tags enable you to control how your site appears or how your users interact with [more…]

Send the Right CSS to Target the iPhone

Since CSS version 2, it’s been possible to create styles specifically targeted to different devices by changing the media type. For example, it’s common to create a special style sheet for printers that [more…]

Create a Web Clip Icon for iPhones

Much like you can bookmark web pages in a desktop browser, you can save a link to any web page on an iPhone or iPad by clicking the Export icon circled in red in the top figure and then choosing Add to [more…]

New Additions to HTML5 for Web Design

Apple’s iPhone and iPad have turned the dream of holding “the web in the palm of your hand” into a reality — a reality that has far-reaching implications for the future of web design. [more…]

Make the Entire Header a Link

With HTML5 and CSS 3, you can use any font you want in your web pages, and you can even create design features like drop shadows without having to use graphics. [more…]

Bring High-Touch Design to the Web

One of the biggest trends in web design is kind of a Back to the Future movement, where designers are dusting off old design textbooks and rethinking the limits to the web that people have settled on for [more…]

Web Apps versus Native Apps for iPhones and iPads

Using the latest in HTML5 and CSS 3, you can create highly interactive websites that work well on the iPhone and iPad.

The “gold rush” environment of the iTunes App Store includes a growing list of magazines [more…]

iPad and iPhone Usage Set Records

On the iPhone, and even more on the iPad, the touchscreen interface makes navigating the web easier than using a television remote control, and far more interactive. This has resulted in a big increase [more…]

The Impact of the iPhone and iPad

The iPhone changed everything in the mobile world. For years, developers have been talking about the mobile web and all the things that would be possible when the mobile Internet reached the masses. Year [more…]

iPad Combines the “Three Screens” into One

The iPad is a jack-of-all-trades. Advertisers and TV producers have talked about wanting their content to appear on the “three screens” that tech-savvy consumers use, as described in this list: [more…]

Display New HTML5 Code in Many Browsers

When you focus a design on the iPhone, iPod touch, or iPad, you have the advantage of knowing that your visitors will be using the Safari web browser. It's based on the WebKit layout engine, which can [more…]

Make Your CSS 3 Work Across Web Browsers

If you're designing your website for the desktop as well as for the iPhone and iPad, you can still use the experimental CSS 3! Eventually, the CSS 3 in your site will likely be supported. The example in [more…]

How to Style Text with CSS 3

When you create CSS 3 for an iPhone or iPad site, you not only enjoy the benefits of custom fonts and drop shadows but also gain the challenge of sizing text on screens with different dimensions. Worry [more…]

Find Fonts for Web Design Online

Although you can upload any font you have to your own server and link to it, an online font repository offers many advantages, the font is stored on the repository’s servers and it provides the CSS to [more…]

Enhance Your Site with Custom Fonts

To most web designers, the font of fonts does not runneth over. The 11 fonts built in to the Apple iOS, shown in this figure, are woefully inadequate. Serious designers spend hours searching for just the [more…]


Inside Dummies.com