Archive for January, 2012

1000px Grid for Responsive Web Design

1000px Grid for Responsive Web Design

To figure out your grid width percentages for a fluid design, you start with a fixed design and divide the column widths by the container width. Elliot Jay Stocks calls for us to stop the self-torture and use 1000px...

#

Author:

Category: CSS

Tags: , , ,

Pictos Server

Pictos Server

I've long been convinced icon fonts are awesome , but Drew Wilson's new service (and article I'm linking to). Think they use unsemnatic markup? ...

#

Author:

Category: CSS

Tags: , , ,

Responsive Design Testing Bookmarklet

Responsive Design Testing Bookmarklet

Bookmarklet by Benjamin Keen which automates an idea by Lennart Schoors where the current page is loaded into a bunch of differently sized iframes, so when working on a large monitor, you can see what a design looks like...

#

Author:

Category: CSS

Tags: , ,

ShopTalk Episode 3

ShopTalk Episode 3

Where Dave and I are joined by Chris Eppstein. Sponsored by LessAccounting and United Pixelworkers (who are offering a 10% discount on shirts with coupon code "shoptalk"). Direct Link to Article — Permalink ShopTalk Episode 3 is a post...

#

Author:

Category: CSS

Tags: , ,

Animate to an Inline Style

Animate to an Inline Style

You already know that inline styles are "bad practice." Inline styles aren't reusable like CSS in separate files is, and thus, inefficient bloat. Unless of course, when it isn't...

#

Author:

Category: CSS

Tags: , , ,

Custom Fonts in Emails

Custom Fonts in Emails

A reader writes in: Would it be possible to draw an entire typeface in CSS to be sent in emails? Our company needs to send out emails to about 20k people to introduce a new brand that we are...

#

Author:

Category: CSS

Tags: , ,

Burst Title

Burst Title

During the previews for a movie I saw recently, there was an advertisement for an Oprah-related something or another. ...

#

Author:

Category: CSS

Tags: , , , ,

CSS1k

CSS1k

Back in the day, the CSS Zen Garden was a place to showcase the power of CSS. A single page was redesigned in vastly different ways with no change to the HTML. ...

#

Author:

Category: CSS

Tags: , , ,

ShopTalk Episode 2

ShopTalk Episode 2

In which we talk shop with guest Paul Irish. Sponsored by LessAccounting ...

#

Author:

Category: CSS

Tags: , , ,

SpriteRight Giveaway

SpriteRight Giveaway

There is a new Mac app called SpriteRight for doing CSS sprites that is pretty darn nice. I'm a fan of both SpriteCow (beautiful interface, design your own sprite) and SpriteMe (automatic combining of sprites, gives you real CSS)....

#

Author:

Category: CSS

Tags: ,