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

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

CSS: Clearing Floats with Overflow

One of the common problems we face when coding with float based layouts is that the wrapper container doesn’t expand to the height of the child floating elements. The typical solution to fix this is by adding an element with clear float after the floating elements or adding a clearfix to the wrapper. But did […]
  • Posted by admin
  • On February 9, 2011
  • 0 Comment
    • Read More

CSS In Depth Part 2: Floats & Positions

Last week, in the first of our CSS In Depth post, we discussed the difference between paddings and margins, and what the box model is. This week we’ll be discussing positions and floats as well as what the differences are and when it’s best to use them. Both floats and positions deal with the relationship […]
  • Posted by admin
  • On October 28, 2010
  • 0 Comment
    • Read More

Create Beautiful CSS3 Typography

It has been suggested that beautiful and usable websites are created on a foundation of beautiful and usable typography. I’ve even read an article that suggests that the web is actually comprised of 95% typography. I’m not convinced that there is any empirical evidence for this figure, but I think that the point is a […]
  • Posted by admin
  • On May 14, 2010
  • 0 Comment
    • Read More

CSS Specificity And Inheritance

CSS’ barrier to entry is extremely low, mainly due to the nature of its syntax. Being clear and easy to understand, the syntax makes sense even to the inexperienced Web designer. It’s so simple, in fact, that you could style a simple CSS-based website within a few hours of learning it. But this apparent simplicity […]
  • Posted by admin
  • On April 15, 2010
  • 0 Comment
    • Read More

The Crafty Coder’s CSS Toolbox

Someone once said, ‘Style is all that matters.’, and if they didn’t, they should have. Mainly, because it would help make my point a little better, but also because the style applied to a design is one of the most powerful tools of an effective website. People are drawn in by design. Something immediately catches […]
  • Posted by admin
  • On April 12, 2010
  • 0 Comment
    • Read More