iPhone & iPad Web Design - Planning

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


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


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


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…]

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


Make Rounded Corners with CSS 3

If you created a box with rounded corners using previous versions of CSS, images, and HTML tables, you know what a pain it was — how you had to create four images [more…]

Create Gradients with CSS 3

Gradients are a favorite effect of graphic designers everywhere because gradients create a smooth transition of color. Adding gradients to the background of a web page or to sections within a page adds [more…]

Web Design with Transparency in CSS 3

In addition to the keyword transparent, CSS 3 has another way to produce transparent or translucent elements on your web pages, as shown in the following chunk of code. [more…]

About <body> Tags for HTML5

When working in HTML5, you'll get to know <body> tags very well. You place all the content that you want your visitors to see, everything that will be displayed in a web browser, in the [more…]

Best Image Formats for iPhone and iPad


Win $500! Enter Now.

Inside Dummies.com