Category Archives: Design

Smashing Magazine Redesigns and Launches a Network

Smashing Magazine has redesigned again, further evolving their visual style rather than throwing away the old completely, but still bringing some new and interesting features into play.

Smashing Magazine November 2009 Redesign

It’s still as ad-heavy as before, but that can be expected. At a glance, the navigational header present in the previous incarnation is bigger and more pronounced, and the search box has been moved there to be more prominent.

The classic “We smash you with the information that will make your life easier. Really,” line has  been removed from under the logo. I’m not sure if there is any significance to this other than making things look a little cleaner, but it will be missed.

Now one of the biggest changes in the redesign is the front page. Smashing Mag’s posts aren’t the only ones displayed there now. “What?” you may ask. Let the folks at Smashing explain it for you:

Continue reading →

XKCD Honors the Closing of Geocities

In case you missed it on October 26th, the webcomic XKCD changed their design in mourning (or celebration?) of GeoCities‘ closing. Geocities was the first major free web host, giving users 15MB of space for their HTML and image files. They were sort of…

Design Spotlight: Grooveshark

Grooveshark not only has a cool design, but is an interesting service as well. It lets you search for music and play it, streaming through the Flash player. Artists can submit their music directly to Grooveshark, giving them a promotional platform, as well as…

Quotes on Design

Here’s a neat project of Chris Coyier’s that I had forgot about: Quotes on Design. Basically it displays a random design-related quote, and you can load more by pressing the AJAX-ified “Get Another!” button. You can submit ones you like, and search for ones…

Cufón JavaScript Font Replacer

Cufón is a neat font-replacement script that has been gaining popularity of late. It’s easy to set up, and works in modern browsers, and IE6+. To use a custom font on a web page, you first run a TTF or OTF font file through…

Design Spotlight: Envato Marketplace Redesign

Envato launched the redesigns for their marketplace sites last Sunday. They all look pretty much the same, save for some color and logo differences, so I’ll just focus on ThemeForest here.

WooFunction: 178 Icon Set From WooThemes

WooThemes have released a new freebie icon set in partnership with Liam McKay, creator of the popular Function Icons set. The set is known as “WooFunction.” The icons seem pretty good to me, and there certainly are a lot of them. The set seems…

CSS-Tricks: Style a List with One Pixel

Chris Coyier recently released a new article that covers an ingenious CSS trick that puts me in mind of the days of 1-pixel spacer.gif files and tiling graphics meant to replace the <hr> tag. Basically it uses a one-pixel graphic and a bit of…

CSS3 Drop Shadow

Have you ever wanted to add a drop shadow around an element, but didn’t want to mess around with extra background images just to pull off such a simple effect? Why not use a cutting edge CSS3 effect, which won’t work in Internet Explorer…

Pure CSS Dropdown Blogroll

What do you think of the blogroll in my sidebar? It takes up very little space, sweeping all of the links out of sight until they’re called for. When you hover over it, they snap down. This trick is done entirely with CSS, and…