HTML Resources

Articles, Documentation, Online Services, Books, Software, and more

Web Design Resources > HTML Resources

Great New HTML Email Templates

Campaign Monitor has released what may be the best set of free HTML email templates anywhere.

Opening External Links in Another Window: Evil or Convenience?

When someone clicks a link to an external site, should that link open in a new tab or browser window, or should it replace the contents of the current browser window?

Creating HTML Email That Works

If you've ever had to create HTML emails, I'm betting you found it to be a messy and confusing process. I know I have.

Coding Your Web Site with Quality

When you're ready to turn your beautiful design into a live, functioning web site, you need to tread carefully. While many different paths will lead to a site that looks more or less the same, the maintainability may vary dramatically, as may the browser compatibility and accessibility. In this article, we explore coding issues.

Web Articles

In defense of web developers
Clear thoughts on the controversies surrounding XHTML1 vs. HTML 4.01, the demise of XHTML2, and the rise of HTML 5.
Device Classes & Responsive Design
Responsive Web Design: What It Is and How To Use It
A great set of techniques for building sites that work well in a wide range of devices and browsers.
Responsive Web Design with HTML5 and the Less Framework 3
HTML/XHTML Compatibility Authoring Guidelines
How JavaScript will lead the way to open video
The Future of Web Content – HTML5, Flash & Mobile Apps
A well-informed and reasoned explanation of the complex forces that will keep the HTML5 vs. Flash battle from resulting in an overwhelming victor any time soon.
10 ways to make Internet Explorer act like a modern browser
A great list of techniques for making IE mimic the CSS3 and HTML5 features that are so helpful in all the other browsers.
Design and Build Email Newsletters Without Losing Your Mind …
HTML email is one of the uglier beasts in the web technology world; here's some tips to tame it, and some excellent examples.
How HTML5 Will Change the Way You Use the Web
160+ RSS Feeds For Web-Designers And Developers | Spyre Studios
Over 160 RSS Feeds that all Web Designers/Developers should be following. Feeds on programs like Photoshop, Illustrator as well as tutorials and webdesign sites of note.
Understanding HTML, XML and XHTML
A clear explanation of how HTML and XHTML differ, and the complexities of how XHTML is interpreted. Presents a case for using HTML instead of XHTML.
HTML5 structure—HTML4 and XHTML1 to HTML5 ・ @boblet | …
Carsonified » 23 Essential HTML 5 Resources
HTML 5 is a mess
HTML5 and The Future of the Web
Module Tabs in Web Design: Best Practices and Solutions | …
Keryx (X)HTML Elements Best Practice Sheet
Best pratices for HTML elements
Serving XHTML As HTML
The History of HTML | From the HTML 1.0 spec to XHTML 1.0...
Misunderstanding markup
Why the end of XHTML 2 does NOT mean the end of XHTML syntax.
Frequently Asked Questions (FAQ) about the future of XHTML
HTML vs. XHTML - WHATWG Wiki
XHTML WTF – Jeffrey Zeldman Presents The Daily Report
Clean up your Web pages with HTML TIDY
Detailed description of how HTML Tidy cleans up and debugs HTML pages.
Web Design Guides: Expanding the Mailto tag, SSI-Developer.net
A good guide for how to use the mailto: tag as a link.
XHTML: Introduction - Academic Computing
A brief tutorial on using text and pictures for hyperlinks.
- XHTML Hypertext Module
The official specifications from the World Wide Consortium on hypertext links in XHTML.
XHTML Tutorial
Learn the difference between HTML and XHTML.
XHTML HowTo
Quick reference of how to convert an HTML site to XHTML.

Resource Sites & Magazines

Web Page Layouts Shouldn't Use Tables - Avoid Tables for Web …
Discussion of creating page layouts in XHTML without tables.
A List Apart: Articles: Fix Your Site With the Right DOCTYPE!
Wwll written article on DOCTYPE and why it is important to insuring your pages look the way you want.
Learn HTML and CSS: An Absolute Beginner’s Guide [HTML & …
If you are bored with the usual tutorials, try this slightly different approach to CSS and XHTML.
A List Apart: A List Apart
“FOR PEOPLE WHO MAKE WEBSITES” “A List Apart Magazine (ISSN: 1534-0295) explores the design, development, and meaning of web content, with a special focus on web standards and best practices.”
Design Newz
“DesignNewz provides expert articles on the latest tools and technologies involved in designing websites. DesignNewz Readers will learn how to create web 2.0 and 3.0 sites, create complex animations, master CSS, design javaScript rollover effects, and much more.”

Blogs

molly.com
Molly E. Holzschlag is a well-known Web standards advocate, instructor, and author.
HTML5 Doctor, helping you implement HTML 5 today

Forums

Web Design and Web Development Forums
“Design, Development, Coffee and Code.” Great resource for learning and discussing web design, development, and management.

Design Gallery

css Zen Garden: The Beauty in CSS Design
A visual illustration of what can be done with CSS and XHTML from the professionals. Click “Select a Design” to see similar content with different designs.

Reference

HTML 5 Cheat Sheet
HTML 5 differences from HTML 4
HTML Cheat Sheet
A very handy HTML cheat sheet. The name says it all.
Character encoding - Wikipedia, the free encyclopedia
A good place to start if you want to understand character encoding.
HTML Tidy Online
Online service to find HTML coding errors and cleans up your code for easy reading by adding indentations.
Visual formatting model
Official page layout specifications from the W3C.
HTML - The Basics Tutorial - Part 4
A reference guide to the different ways of using anchor tags.
XHTML - Wikipedia, the free encyclopedia
Wikipedia’s definition of XHTML.
XHTML HowTo
Quick reference of how to convert an HTML site to XHTML.
Tables
The World Wide Consortium (W3C) official spec on using CSS to style tables in XHTML.
- XHTML Tables Module
The official World Wide Consortium (W3C) specs on tables in XHTML.
XHTML Character Entity Reference
Easy to read, color coded visual chart of XHTML special characters. “↑”