Using em’s for font sizing
Many web designers still use pixels for sizing their fonts within a web page, however this presents an accessibility problem on devices and browsers (namely Internet Explorer) which don’t allow pixels to be resized. The solution is to use ems or percentages to size the font so that they’re relative to the base font size [...]
7 Common Mistakes When Using the HTML Heading Element
The heading element is an important part of any HTML document but is misused in a lot of websites. When used correctly it adds semantic meaning, helps with accessibility and can boost your search engine rankings however when used wrongly it can cause problems for your users and search engine rankings. This article explains how [...]
Cufón Font Replacement
Cufón is a font replacement method similar to the sIFR method. But where sIFR was sometimes slow in replacing the font, required flash and was tricky to setup, Cufón looks set to do away with all those problems.
Creating FAQs Using a Definition List
With a lot of web developers finally becoming conscious of using the correct semantic elements for marking up their HTML document, I’m often asked how frequently asked question (FAQ) pages should be marked up. Within this tutorial, I’ll explain how I deal with FAQ pages and provide you with a couple of options that I’ve [...]
HTML Elements Quiz
How many HTML elements can you name in five minutes?
Block and Inline elements: Part two
In Block and Inline elements: Part one, I explained the difference between block and inline elements and how the default display for these elements is presented. Within this part, I’ll explain how you can use CSS to alter the display of these elements to help with the presentation.
Block and Inline elements: Part one
CSS is an important part of any web designer’s skills and therefore it’s extremely important that a designer understands how block elements and inline elements work together and how they can be styled using CSS. This article will explain the default display values of the most commonly used HTML elements whilst part two of this [...]
Debugging HTML and CSS
HTML and CSS is an art. Give the same design to different developers and the code they deliver will never be identical. This can cause a number of problems when developing a website and ultimately in tracking down problems. This article has been created, not to solve all HTML and CSS issues but to ultimately [...]
Quick tip: Doctype
A DOCTYPE (short for “document type declaration”) informs the validator which version of (X)HTML you’re using, and must appear at the very top of every web page. In this quick tip I’ll be going through the valid doctypes that you should use at the start of your document.
Differences between HTML5 and HTML4
From the W3C HTML Working Group, an excellent summary of the significant differences between HTML 4 and the current draft of HTML 5. None of this is final, and the document itself is under active development, but it’s a very worthwhile read nonetheless. http://dev.w3.org/cvsweb/~checkout~/html5/html4-differences/Overview.html