Archive for the ‘CSS’ Category

Quickly Make Any Page Print Nicely (with The Printliminator)

Quickly Make Any Page Print Nicely (with The Printliminator)

Introducing The Printliminator ! I had this idea when I was at a lyrics site trying to print out some lyrics. The page didn’t have a good print stylesheet and was full of all kinds of crap. ...

#

Author:

Category: CSS

Tags: , , ,

Progressive Enhancement Techniques 2: the CSS

Progressive Enhancement Techniques 2: the CSS

In my previous article we built a tab control using Plain Old Semantic HTML (POSH). It worked in all browsers, but wouldn’t win any design awards. This is the second of a three-part series that illustrates how to build...

#

Author:

Category: CSS, Web Design

Tags: , , , ,

CSS Frameworks and Semantic Class Names

CSS Frameworks and Semantic Class Names

One of the most common complaints about CSS frameworks like Blueprint , YUI Grids , and 960.gs is that they require designers to dirty their fingers by adding presentational class names to their HTML documents, like so: <div class="span-9...

#

Author:

Category: CSS, Design, Web Design

Tags: , , , ,

New Poll: When Do Jobs Get Done?

New Poll: When Do Jobs Get Done?

There is a new poll up in the sidebar. This time regarding when jobs that include completion dates actually get done...

#

Author:

Category: CSS

Tags: , , ,

Poll Results: How Do You Email?

Poll Results: How Do You Email?

I drew the chart above with the <canvas> element. So if you can’t see it, I guess that means your browser doesn’t support it...

#

Author:

Category: CSS

Tags: , , , ,

Envato Marketplace Redesign

Envato Marketplace Redesign

As I’m posting this, the marketplace websites that Envato runs ( ThemeForest , GraphicRiver , etc) have been redesigned. It’s a pretty big overhaul… new logos, loads of new features for both buyers and sellers, the iconic “switcher” to...

#

Author:

Category: CSS

Tags: , ,

New Screencast: Building a Website (2 of 3): HTML/CSS Conversion

New Screencast: Building a Website (2 of 3): HTML/CSS Conversion

In part 2 of this series, we begin the HTML/CSS conversion of the Photoshop mockup we created in part one. We start with a very skeletal project framework...

#

Author:

Category: CSS

Tags: , ,

Giving Snippets “Add to” Coda & TextMate Buttons

Giving Snippets “Add to” Coda & TextMate Buttons

I think this is the coolest thing since Kayne carved cult symbols onto his head: each snippet in the Snippets area now has little links when you roll over them for adding the snippet to Coda or TextMate. I...

#

Author:

Category: CSS

Tags: , ,

Progressive Enhancement and Graceful Degradation: Making a Choice

Progressive Enhancement and Graceful Degradation: Making a Choice

In my previous article , we discussed graceful degradation and progressive enhancement — concepts that can help rich web applications support more browsers and have a wider reach. ...

#

Author:

Category: CSS, Web Design

Tags: , ,

Styling Design Elements: 5 Beautiful Post Headings

Styling Design Elements: 5 Beautiful Post Headings

We will start a new set of posts that will demonstrate different way of creating and styling various design elements. Today our focus will be on “ Post Headings “, how to style and markup this important block that...

#

Author:

Category: CSS, Design, Web Design

Tags: , , ,