Archive for April 2006

Croftie Does The Django

So May 1st is Reboot Day and I’m sure there are going to be plenty of great redesigns around the web, but without even seeing them all yet, Croftie’s New Hotness gets my 1st place vote and my supreme jealousy as well. In fact, the redesign is so good that I’ve vowed never to make fun of Jeff’s penchant for pink again.

Normally a blog redesign is not something I’d write an entire post on, but the new jeffcroft.com is pretty special. I don’t mean special only in the visual sense, but rather in the paradigm-breaking sense.

Has anyone ever really seen a “live search” that impressed them? Live search, until now, has just been about saving you the trouble of hitting the enter key. But Croftie’s live search is a jaw dropper. Start typing in a term like “SXSW” and down slides a panel which shows you not only blog entries which contain that term, but comments, del.icio.us bookmarks, and Flickr photos as well… all separated nicely into columns. I fully expect to start seeing more of this around the web once more people get wind of it.

Another interesting aspect of the new jeffcroft.com is that it’s written entirely in Django. This really intrigues me, given that there seems to be a growing groundswell of discriminating bloggers looking for a way to break out of the MT/Wordpress/TextPattern mold in as dramatic a fashion possible. MVC frameworks like Ruby on Rails and Django have been getting a lot of love lately and I’m wondering if CroftieCMS might just be the catalyst for this sort of thing to really take off. I’ve yet to even dip a single toe into the MVC waters, but developments like these are hard to ignore. Of course, no sooner do I profess my curiosity in Django that The Wolf tells me he has something cooking as well… and it has nothing to do with either Django or Rails. More details as they become available.

Technology and design aside though, the single most impressive aspect of Croftie’s new site to me is how comprehensive of an expression platform it is. It’s not just about blog entries with all sorts of miscellany decorating the sidebars. It’s about all parts of Jeff’s life. It’s about essays. It’s about link collections. It’s about photos of Jeff with strange women. Just about the only thing that’s not on there yet is his portfolio, and considering how impressive the site itself is, he really doesn’t even need one.

Any other noteworthy redesigns around the web today? Feel free to plug them in the comments…

Great Apple Ads Through the Years

Clip-n-sIFR

Byron's beautiful new sIFR-ized Clip-N-Seal site… now with scary green liquid!

MySpace: Unstoppable Force or Unnecessary Click Factory?

So I just read the big article about MySpace in today’s New York Times and it got me thinking a lot about growth, monetization, and user experience. People always talk so much about how many pages MySpace serves up and how that represents such dramatic growth.

After playing with the thing for a few weeks and writing a hugely ridiculous article on customizing it, one thing has really stuck out to me: there are a tremendous amount of extraneous page views being generated at that place. It’s a factory of unnecessary clicks. And so when one would view MySpace’s current page view trends on Alexa, one would see this:

Here’s a sobering thought: If the operators of MySpace cleaned up the site and followed modern interface and web application principles tomorrow, here’s what the graph would look like:

(Editor’s Note: I originally fat-fingered the first graph above when uploading it and used the Reach graph by mistake. Fixed. Both graphs show the exact same curve, however. Thanks to Owen Thomas of Business 2.0 for the heads-up.)
→ Read the rest of this entry

CSS Love Child

Cameron Adams' dastardly experiment to fuse the CSS of one onto the HTML of others. Brilliant!

N-Design Mini Pixel Icons

A good set of tiny icons for when you're in need…

Eyetrack Studies for Mock News Sites

Vitaly's CSS Menu Showcase

A nice collection of CSS menus.

Hacking A More Tasteful MySpace

UPDATE: (10/15/07) If you’re noticing jumbled text in Firefox while using this layout, simply change "line-height: 1px" to "line-height: auto" in the body section of the CSS.

A guide to creating a more tasteful MySpace layout. Sample images and CSS are included at the bottom. End product: myspace.com/mikeindustriesThe social phenomenon that is MySpace is one I don’t fully understand, and yet, one I must fully respect. In fact, with over 50 million unique users, it is something everybody must respect. Any website which rolls up that amount of usership is doing something very, very right, and no matter what your thoughts on it as a vehicle for your own expression are, you must give it its full due for what it is to seemingly everyone else.

Several weeks ago, I finally signed up for an account, and within seconds I was instantly put-off by what had been created for me: a hastily-designed “profile page” with uninspired colors, misaligned tables, and a mish-mash of extraneous cruft and design elements which made this feel more like a halfway house than a “home”. Now, granted, I am a designer by trade so my tolerance for this stuff is orders of magnitude lower than most of the population, but clearly, this was not a place I even felt comfortable having my name on.

So with the default home page this underwhelming, what is a MySpacer to do? Customize, of course. One of MySpace’s greatest features is its ability to let you skin your own home page. Unfortunately, 99% of the customizations I’ve seen are chalkboard-screechingly awful, but what could a MySpace home page look like if some actual design thought went into it? That is the question I sought to answer.

But first — as Keith Robinson asked me when I first showed him what I was doing — “Ummm, why?” The answer is twofold. First, I love a design challenge. Second, we’ve been building a lot of new social components into Newsvine over the past several weeks and I wanted a good reference point for what is already done well online and what could be improved.

So without further ado, on with the surgery…
→ Read the rest of this entry

Fun With Brits

What on earth is going on here? I don’t know, but I couldn’t pass up an opportunity to create another Brit Pack Vanity Fair cover.

Click for a larger image… suitable for wallpaper in size. Questionable, however, in content.

Shared
Solitude and Leadership:

Multitasking, in short, is not only not thinking, it impairs your ability to think.Thinking means concentrating on one thing long enough to develop an idea about it. Not learning other people’s ideas, or memorizing a body of information…

Takes a little while to get going, but overall a great article about the virtues of seeking solitude from distractions in order to develop your own original thoughts.

“I think you’ve got a pretty good imagination, despicability-wise!”

“Look Around You - Computer Games”

Can’t believe I hadn’t heard of this BBC series before. Brilliant. Make sure to watch them all. (via daringfireball)

10 New Year’s resolutions for designers:

Do you think Chelsea Clinton asks herself if her mom would understand something complex? No. Because her mom is a badass.

How Doctors Die:

If there is a state of the art of end-of-life care, it is this: death with dignity.

This is the most concise, easily understood article on the perils of end-of-like care in the United States I’ve ever read. It is a must-read, and frankly, a must-heed, in my opinion. (via kottke)

Lost Type Co-op | Browse Fonts:

A nice collection of pay-what-you-will typefaces from Tyler Galpin and Riley Cran.
How to interview a designer with the perfect design exercise:

These sorts of tests are common for engineering hires, but it’s nice to see an example of a good design-oriented one.

Jessica Hische's Lovely Blog:

Embarrassed I had never seen this until today. Lovely work all around. (via drawar)

This recently unearthed video of Steve Jobs at work during the early days of NeXT is a remarkable look inside how he ran meetings, how he created culture at his startups, and how others — like Joanna Hoffman around the 11 minute mark — called B.S. on his reality distortion field. It’s also remarkable in that it reveals Jobs to be a man who picks carrots in pressed work shirts.

The Republican Clown College by WMxdesign. These are so great. Make sure to check out the whole set.

BuiltWith: Web Technology Usage Statistics:

Sometimes when you are deciding on technologies to use on a new site (e.g. jQuery vs. YUI or MS SQL vs. MySQL) it’s instructive to examine what everyone else is doing. BuiltWith has an incredible amount of trending data to help you out in that regard. Very, very cool.

A Brief Rant on the Future of Interaction Design:

Lots of good thinking here. No solutions, but a nice reminder that two-dimensional touch interfaces are transitional, not permanent.

Stephen Colbert loses it on-air. Rivals another one of my all-time favorite Colbert on air crack-ups.