Grow your CSS skills. Land your dream job.

Beginner Articles

HTML & CSS - The VERY Basics

HTML and CSS files are, quite literally, just text files. You don't need any special software to create them, although a nice code editor is helpful...

Abbr’s for Web Nerd Acronyms

I’m really lazy about using <abbr></abbr> tags for acronyms. Most people who read a techy blog like this probably understand them, but surely there are some visitors who don’t where a simple tooltip explanation would be beneficial. Maybe with this …

CSS is to HTML as a CMS is to… HTML

From the desk of important beginner concepts:

You have a website with 100 pages on it. All 100 pages use the same style.css file. You’d like to change the background color of every single page. You make one adjustment in …

All About Floats

What is “Float”?

Float is a CSS positioning property. To understand its purpose and origin, we can look to print design. In a print layout, images may be set into the page such that text wraps around them as needed. …

Web Nerd Terminology (Explained)

As happens with any weird niche societal group, us web nerds have developed some language of our own. Some of this language is perfectly acceptable English, but still sounds weird to an outsider. I thought I’d throw together a list …

The CSS Box Model

At the risk of over-repeating myself: every element in web design is a rectangular box. This was my ah-ha moment that helped me really start to understand CSS-based web design and accomplish the layouts I wanted to accomplish. We’ve talked …

Removing The Dotted Outline

Anchor links (<a>’s) by default have a dotted outline around them when they become “active” or “focused”. In Firefox 3, the color is determined by the color of the text. I believe in previous versions and in some other browsers …

The Difference Between ID and Class

ID’s and Classes are “hooks”

We need ways to describe content in an HTML/XHTML document. The basic elements like <h1>, <p> and <ul> will often do the job, but our basic set of tags doesn’t cover every possible type of …

*May or may not contain any actual "CSS" or "Tricks".