3 ways to find the best website color scheme
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.
The right way to name id and class attributes
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.
Is there a perfect web design width?
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.
Solve any CSS problem in 3 minutes (or less)
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.
13 web-safe fonts at the core of web typography
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.