The EMs have it: Proportional Media Queries FTW!

If we’re going to be proportional… A core tenet of Responsive Web Design (RWD) is fluidity and proportion. Instead of using fixed-width layouts, we enlightened web devs and designers use percentages in our CSS. Font units aren’t pixels or points anymore, they’re percentages (typically for top-level baseline reset) or, more often, ems. And yet the […]
  • Posted by admin
  • On March 29, 2012
  • 0 Comment
    • Read More

How to Create a Flashy Menu Using CSS3

How to Create a Flashy Menu Using CSS3 Today I’m going to show you how to create a flashy menu using CSS3. This tutorial is for beginners and can be completed fairly quickly. Make sure you click on the link below to see a demo of the menu and get the source code.Download the Demo […]
  • Posted by admin
  • On February 16, 2012
  • 0 Comment
    • Read More

A Farewell to CSS3 Gradients

Before we get started, let’s get one thing straight:I ♥ CSS3.I understand that we’ve never had it so good. In fact, I have no doubt that time-​​travellers visiting from 2004 would be sick with jealousy at how easily we now conjure up rounded corners, shadows, and object rotations.Sure, the browser-​​specific prefixes (i.e. –moz, –webkit –o, etc) […]
  • Posted by admin
  • On February 8, 2012
  • 0 Comment
    • Read More

Focus on Typography: Space

There are a number of ways to add breathing space to your type. White space or negative space helps to focus attention on the words, while line spacing and letter spacing can help to make your text more readable. Let’s take a look at each of these. White Space White space is the space between […]
  • Posted by admin
  • On January 20, 2012
  • 0 Comment
    • Read More

Position Text Labels: Forms Using CSS

In this post, I’ll explain three common approaches to positioning text labels on web forms using CSS: top-​​positioned text labels left-​​aligned text labels right-​​aligned text labels Using Top-​​positioned Text Labels Positioning labels at the top of their form elements is probably the easiest layout to achieve, as we only need to tell the label to take […]
  • Posted by admin
  • On November 9, 2011
  • 0 Comment
    • Read More

The Design Process

If you were to ask me to design a bridge, I’d have a lot of questions. Is it going to span the ditch in your front yard or Lake Pontchartrain? Can I use concrete and steel, or does the entire creation need to be constructed with toothpicks? I certainly would stop short of taking your […]
  • Posted by admin
  • On October 13, 2011
  • 0 Comment
    • Read More

5 of the Best CSS3 Font Tools

Fonts have made the most dramatic visual impact on the web since graphic support was added to browsers. A few years ago, it would be impossible to find a website using anything other than Arial, Verdana, Tahoma, Times New Roman or Georgia (or, heaven forbid, Comic Sans). While there’s nothing wrong with standard font stacks, […]
  • Posted by admin
  • On September 28, 2011
  • 0 Comment
    • Read More

CSS2.1 & CSS3 Color Module: Official W3C Recommendations

Hats off to the CSS Working Group, it must have been a busy few weeks. Not only have they released several updated specifications, most notably the long awaited publication of the CSS2.1 specification as an official W3C recommendation, but also introduced a major redesign of their home page. The release of CSS2.1 as an official […]
  • Posted by admin
  • On July 8, 2011
  • 0 Comment
    • Read More

CSS Sprites: What They Are, Why They’re Cool, & How To Use Them

You’ve heard of them, but do you really understand them? The name might be a little misleading, because sprites aren’t little images like you might be picturing, a sprite is actually one big image. Have you ever seen the CSS technique where the “on” and “off” states of a button are contained within the same […]
  • Posted by admin
  • On March 13, 2011
  • 0 Comment
    • Read More

CSS letter-​​spacing and Where to Use It

The letter-spacing property is an often forgotten CSS option which allows us to change the tracking between letters. Altering the default spacing is seldom needed as text fonts are designed and optimized for legibility and readability exactly for setting larger blocks of text. However, the granular control of this horizontal spacing between letters can be […]
  • Posted by admin
  • On March 9, 2011
  • 0 Comment
    • Read More