iPhone & iPad Web Design - Programming Languages & HTML

Sorted by:  

Create an Adaptable Framework with HTML5

Before you create a Framework for a website that will be displayed on the iPhone and iPad, it’s helpful to think ahead about how you want your pages to look when you add the styles. This is where wireframes [more…]

Design for Safari and Chrome Browsers

Safari and Chrome are WebKit browsers, based on the same WebKit rendering engine, which controls how the browser interprets HTML, CSS, and other code. All WebKit browsers follow the same rules [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…]

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

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


Inside Dummies.com