Begin by using a simplified version of the charset property for better backwards compatibility with legacy browsers.
By using XHTML 1.0 syntax on a HTML5 document is a good practise. That is, uppercase attribute and no quotes for wrapping attributes’ values.
This is a very basic and solid sta…
#banner h1 {line-height: 1em;} /* Fixes Logo overlapping */
/***** Layout *****/
.body {clear: both; margin: 0 auto; width: 100%;}
img.right figure.right {float: right; margin: 0 0 2em 2em;}
img.left, figure.left {float: right; margin: 0 0 2em 2em;}
/***** Global *****/
/* HTML...
All together now:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Learning HTML5</title>
<link href="styles.css" rel="stylesheet" type="text/css">
<...
Let me start by saying that HTML5 is still under development, and with it a whole new challenge for web designers. As developers we shouldn’t get into discussions about which markup is the best. Rather, we must modify our coding habits to keep the web accessible.
While it is true HTML5 and CSS3 a…
Just like our markup, the CSS will also have a very basic framework. Here’s the code for our main.css file:
@charset "utf-8";
/* CSS Document */
/***** Global *****/
/* Body */
body {
background: #F5F4EF url('../images/bg.png');
color: #000305;
font-size: 87.5%; /...
December 1996 the World Wide Web Consortium (W3C) recommendation – CSS1 for controlling properties like typography, text alignment, spacing, margins, list formatting, borders, specify foreground and background colors and images, float box left or right and text flow.
In 1998 CSS2 came out and con…
Keeping things lined up is as important in Web design as it is in print design. That’s not to say that everything should be in a straight line, but rather that you should go through and try to keep things consistently placed on a page. Aligning makes your design more ordered and digestible, as well…
One of the most frustrating experiences you can have on a Web site is being unable to figure out where to go or where you are. I’d like to think that for most Web designers, navigation is a concept we’ve managed to master, but I still find some pretty bad examples out there. There are two aspects of…
Intro
Design