1. About.com
  2. Computing & Technology
  3. Web Design / HTML

Articles Index

Build Your First HTML5 Document

Learn how to build an HTML5 document from scratch. The ending document doesn't look terribly enticing because there are no styles attached, but it is a valid HTML5 document.

How to Value a Domain Name

Domain names are more than just the URL of your website. Domains can have value and are an asset for companies. But just like any other asset, there are things that make a domain more or less valuable. Learn how to improve your domain names so that you can sell your site for more money.

Tell Google About Your Writing

Once you have articles on your website, you can tell Google the authorship information. And then, Google can add that information to your search results, making your pages more appealing. Learn how to tell Google about who authored your pages.

Style the HR Tag

Learn how to use CSS to style the HR tag. If you want to divide sections of your HTML, one way to do it is with the HR tag. But this tag can be really ugly if you don't style it. Learn how to use CSS to style your HR tags.

What is the History API

Learn more about the History API, a new HTML5 API that helps web designers control the browser history so that web pages can be more usable for readers.

What are Microformats?

Microformats are a way of making your HTML more computer-readable or semantic. Microformats use existing, valid HTML tags and attributes to add semantic data to your web pages. Learn how to use microformats to make your web pages more semantic.

What is Microdata?

Microdata is a specification that defines how to add semantic metadata to your HTML documents so that the contents of the page are machine-readable as well as human-readable. This article explains microdata and how to add microdata to your web pages.

CSS Transformations versus Transitions

There are two CSS3 properties that people confuse. They are very different, but if you use them in the wrong place they won't work. Learn the difference between CSS3 transitions and transformations.

CSS Transformations

Learn how to transform your HTML elements to make them look different on the page using just CSS. You can rotate, skew, scale, and translate (move) your elements using the CSS3 transform property.

CSS Transitions

CSS3 adds a lot of features for dynamic websites. Transitions are the change between one state and another. Until CSS3 if you created a rollover image, for example, you could only create two states on or off. A transition could only be added with some type of scripting language. CSS3 adds transitions right into the web page so you don't need to know any scripts to create fades or other effects.

Cascading Style Sheets Style Properties Library

The Cascading Style Sheets library is a library of cascading style sheets (CSS) properties and syntax. Learn Cascading Style Sheets by learning the CSS properties. CSS 1 Properties.

Internet Explorer CSS Filters

CSS filters are a workaround that Microsoft created for Internet Explorer to handle many of the features that CSS3 handles natively. This article explains what CSS filters are and why you should avoid them.

How to Use the HTML5 HGROUP Element

The HTML5 HGROUP element allows you to collect multiple headings into one outline segment. This makes your pages more accessible and the HTML5 outlines they generate easier to read. Learn how to use the HGROUP element in this tutorial

How to Speed Up Web Pages

As the web gets more and more competitive, it becomes more and more important to create pages and sites that download as quickly as possible. Search engines are using speed of download as yet another evaluation tool for ranking in their indexes, so knowing what you can do to speed up your pages is critical.

Where to Place Scripts in Your Web Documents for Optimal Display

A common mistake that many web developers make is to put all their JavaScript in the HEAD of the document. This is what we were taught, but it can affect the speed of pages downloading. Instead, get in the habit of putting your scripts last. This article explains why this is important and gives some tips for how to adjust your scripts so that they will work even if they are loaded last.

How to Write a Web Design Proposal

Learn how to write a proposal to help you land your next web design client. A good proposal both helps your clients understand what you're offering and the costs involved, but also acts like a pre-contract to allow for negotiation. Writing good proposals is an important skill to help you get more web design clients.

Where Should CSS Be Placed in an HTML Document?

You may know there are three different ways you can include style sheets in your web pages, but do you know how to choose the best method for the job? While it may be tempting to say that one method is what should be used all the time, the reality is that all three have advantages, and this article will help you choose how to include CSS in your documents.

CSS3 Shadows: Box Shadows and Text Shadows

Learn how to create shadows on text and other elements with CSS3. This article explains how to use the CSS3 properties box-shadow and text-shadow and their browser extensions.

The Difference Between the HTML5 DATA Element and the CODE Element

HTML5 introduces a new element: DATA. This element appears, at first glance, to do nearly the same thing as the CODE element from HTML 4, but the DATA element also provides a machine-readable value so that computers can not only display the data, but parse it as well.

Meta Tag Library

There are lots of meta tags you can use on your web page. Here is a list of the most commonly used ones, what they do, and whether you should use them on your pages or not.

Color Families

While there are many scientific ways to divide colors into groups, one simple way is to evaluate how warm or cool a color is. These color families can give you nice color palettes without having to worry about the theory behind the color scheme. This article will teach you about color families

How to Test Mobile Web Pages and Applications

Many of the things you should test when testing your mobile designs are the same as what you test for your standard designs. But there are some specific things you should be looking for when testing mobile. This article will help you understand how to test for mobile and give you practical tips for getting the testing done, even if you don't have a mobile device.

Blog FAQ

Learn more about blogs and weblogs through this FAQ answering the basic questions about weblogs or blogs

Don't Limit the Content on Your Mobile Sites, But Limit the Content

Redesigning your site for mobile users is a good idea, because it can help users who need specific information quickly to find it more easily. But if you're not careful, your mobile experience can cause more problems than it solves. Learn what content to leave out and keep in your mobile designs.

What is an IDE and Do You Need an IDE to Build Web Applications?

Many programmers who move from desktop software to web applications often use an IDE or integrated development environment to create their web applications. But is an IDE required to do web development? Learn more about what an IDE is and how they are used.

©2012 About.com. All rights reserved. 

A part of The New York Times Company.