3 ways to find the best website color scheme

picture of clown feet with big shoes and black-striped red socks

Here we’ll walk you through a simple, three-step system to help you find the right colors for any website, including a list of color-related questions you can either ask your clients or answer yourself to eliminate the guesswork in color selection. If all else fails, we’ll also show you a color psychology cheat sheet you can rely on to pick the perfect palette.

Continue Reading

The right way to name id and class attributes

red rose laying on the pages of a book of poetry

Here we’ll show you the three rules to naming id and class attributes for efficient, easy-to-understand markup. We’ll walk you through a classic example (with sample code) and show you why it’s important to keep content and function separate from presentation. We’ll also give you a list of questions to ask so you find the perfect name every time.

Continue Reading

Is there a perfect web design width?

three LCD monitors in successively larger sizes

Different screen resolutions, browsers, and window sizes make it impossible to show every visitor a pixel-perfect layout. Thankfully, fixed-width designs can make up for the visitor x-factor. Here we’ll show you the perfect web design width for any layout and a simple solution you can use to accommodate smaller screens. We’ll also give you a grid from our own toolbox for easy design mockups.

Continue Reading

Solve any CSS problem in 3 minutes (or less)

silver stopwatch laying on the keys of a black keyboard

CSS problem-solving is one of the hardest parts of tableless web design, but there really is a method to the madness. Here we’ll share with you a basic theory that goes to the heart of tableless design, and we’ll show you a super simple trick you can use to solve your layout and positioning problems in a flash.

Continue Reading

13 web-safe fonts at the core of web typography

a collection of three-dimensional letters spread over a gray background

Make sure visitors see your website designs as you intended. Here you’ll find out what web-safe fonts are and which thirteen font faces are on the list. There are also samples of each font for easy comparison along with the font-family declaration for each. Just copy-paste the CSS into your style sheet and you’re all set.

Continue Reading