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!

April Randoms

Some thoughts from the month of April:

  • Credit where credit is due. After lampooning the idea of a five-blade razor, I actually went out and bought one just to be sure it was as ridiculous as it sounded. It was not. The Gillette Fusion is actually a pretty nice razor and I have switched to it full-time. I don’t feel like it even gives the closest shave (even among Gillette razors), but it is the most comfortable razor I’ve ever used. My problem with the Sensor was that it cut too close and was thus, very uncomfortable. The Mach 3 was a little smoother, but the Fusion is like butter. Any other opinions on this razor so far?
  • Never underestimate the coolness of clean URLs: newsvine.com/humuhumunukunukuapuaa
  • Mike Industries is apparently the most popular graphic design site in the world among Internet Explorer users who are willing to install marginally useful toolbars. More evidence that that Alexa kid is not to be trusted.
  • I must be the last person in the country to have discovered that postage went up to 39 cents in January. I rarely send snail mail anymore but my damn tax return got returned today because I was two cents short on the postage! The irony of the government returning a $7500 check because I shorted them 2 cents is amusing to me. Thank god for return addresses. I rarely hand-write those in either but did in this case.
  • If you’ve been waiting as long as I have for a way to preview things live in Movable Type with all appropriate styling rules applied, wait no longer. Go check out the great new plug-in MT Live Preview.
  • I’m not a huge Gatorade fan, but the new “Rain” stuff is pretty decent. I think they are trying to tap into the whole Vitamin Water taste. The Berry and the Tangerine flavors are not bad at all. In trying to find a good link for this item, I discovered that my buddy from ESPN, Darren Rovell actually has an entire blog dedicated to Gatorade now! In other news, my Coca Cola Blak blog launches tomorrow.
  • Of all the people who sent in Friend Requests after the “hacking MySpace” post, the person with the coolest name is Cock-Punch Jones.
  • While on the subject of MySpace, most people understood my last post correctly, but just to be sure: I’m not saying that MySpace has recently begun inflating their page view numbers. I’m just saying they’ve been incredibly page-view-inefficent from the start and they don’t seem to be doing anything about it. It’s their choice to be this way and it’s definitely not illegal. The upside is 30 billion page views a month (which they can’t sell). The downside is a huge user experience sore spot. Only time will tell if this ends up hurting them. They are strong enough right now that it probably won’t dent them for awhile, but my argument is that strength shouldn’t cause complacency. Take where you are today and make yourself even better. Don’t be bad just because you can.
  • Render Incomplete: I was going to do a whole post about IE7’s unresolved rendering peccadilloes even though the product was “render complete” (according to MS), but now it appears it wasn’t actually “render complete” at all. IE7 Beta 2 “For-Reals” Edition just shipped and it apparently includes some CSS behavior improvements. We’ll see if the problem of disappearing text when using clearing divs has gone away as well as the problem of white space between list items causing white space on screen. For the record, I’m still not sold on the browser, but the more of this stuff that gets fixed before the unwashed masses get ahold of it, the better. Hell, do a Beta 3 if you need to.
  • It’s very interesting to me that Dave Hyatt is talking about high resolution web sites already and how Safari will handle them with SVG. This seems like a concept extremely far away from mainstream adoption, so I’m trying to figure out why Apple has dedicated resources here. The hint I picked up from the article is that they are talking about wildly varying screen resolutions. I can only take that to mean “something other than a traditional monitor”. A super-high resolution tablet or eBook perhaps. A handheld. A cell phone. A widescreen TV. I don’t know. It doesn’t seem like it would be necessary to talk about if we were just discussing a standard monitor line or standard web sites.

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

Shared

Hundreds of headlines wash over us every day. And part of why many of us engage in this flow is because we have faith that over time, this torrent of episodic knowledge is going to cohere into something more significant: a framework for genuinely understanding an issue. And we live with it ’cause it sort of works. Eventually you hear enough buzzwords like “single-payer” and “public option” and you start to feel like you can play along.

But mounting evidence indicates that this approach to information is actually totally debilitating. Faced with a flood of headlines on an ever-increasing variety of topics, we shut off. We turn to news that doesn’t require much understanding – crime, traffic, weather – or we turn off the news altogether.

- Matt Thompson on why the way we report and consume news is precisely wrong. Matt is, of course, precisely right. If you’re at SXSW next week, I don’t know how you could justify missing this talk.

Cameron’s Colosseo letterpress poster is now available: The only question is, black or white? The black is oh so tempting!

Jon Stewart Skewers Media’s Obsession with Chat Roulette: Funniest Wii Craps reference ever, as well. It’s really interesting to me that Chat Roulette is getting this much “attention” when TinyChat has been around so much longer, essentially does the same thing and more, and is much more useful to the average person. Just goes to show how viral public sex acts can be.

"Add features and customers forever and rake in the dough.":

The 2005 email that spawned Picnik, Google’s latest buy. If you’re thinking about launching a startup, you should study this e-mail carefully. It’s a perfect example of exactly how a crazy little thought becomes a big idea, and even on its own, it’s better than most “official company business plans” people present to VCs.  I gave a talk at Webstock in New Zealand a couple of weeks ago about creating a startup and I wish I had this to dissect at the time. Really good stuff.

Tumblr Finally Rolls Out Comments. Sort Of. Trolls Not Welcome. :

I actually really like how clubby it is.  Unfortunately it means I won’t be commenting on any Tumblrs since I don’t officially “follow” anyone besides via RSS, but that’s probably ok. Maybe the answer to the world’s wide-open commenting problem is something like this.

Episode 2 of Dan Benjamin's "The Conversation" is Live:

I was a guest on Dan Benjamin’s new weekly radio show last week, along with Merlin Mann, Christina Warren, Adam Keys, and Dave Nanian. Subjects discussed include Newsvine, keeping your own identity after becoming part of a big company, and the RADICAL concept of only publishing stuff to your readers and followers that is actually true.

LESS - Leaner CSS:

Given that pre-compiling CSS is an official “best practice” these days, why not use that compile step to extend CSS in powerful ways? LESS lets you use variables, nested rules, and other niceties at author-time to clean up your rules and keep everything tidy. I believe The Wolf made something like this a few years ago, but I haven’t heard about it since.

How 3D works, and why it's back:

Great article on the ins and outs of three dimensional imagery. Still doesn’t change my opinion that well-shot conventional cinematography is more impressive than the novelty that is Avatar.

The Importance of Removing Features:

This is one of the most useful articles I’ve read in a long time. As we work on focusing, strengthening, and simplifying Newsvine, the concepts discussed by Lukas ring true. “Saying no” has never been a strong suit of mine. It’s very helpful to remember how important of a quality it is. (via fullstopinteractive)

Newly released video of the space shuttle Challenger disaster: It was 24 years ago, I was in 5th grade, but I remember it like it was yesterday. School was stopped immediately and they wheeled out televisions in every classroom for us to watch the news footage. It’s great that this video has been released, but holy crap, how do you tuck something that away for two decades???

A nicely done british parody of 60 Minutes style video journalism. It’s easy to miss how formulaic our news is sometimes. (via B-Tizzle, originally via E-Chizzle)

Colosseo: This is why Cameron is a king and we are all just pawns in his world. I can’t wait to get my hands on this poster. I will point out, however, that the outro credits on the video need some kerning. Someone is going to lose their right hand for that.

Spezify:

New ways of searching are almost never as useful as old ways of searching. Spezify is pretty awesome though. It’s a visually interesting, never-ending, horizontally and vertically scrollable, topic explorer. I don’t think I’d use it for digging deep on anything, but to get a quick visually rich sampling of a topic, it’s quite fun (via tiff, a long time ago actually, over email).

Realism in UI Design:

Reminds me of my favorite logo design advice: “Never waste a stroke”. (via gruber)

Overshared
At the first Doughty show of the night at the Triple Door. If you're in Seattle you should come down for the 2nd at 10. Excellent!
This Kindle ad is cute and Applelike but misses the mark. Advertise what you do well: price and battery life http://bit.ly/cFBw70
@codinghorror Aliased Monaco 9 should be in the Smithsonian.
Why does the media continue to cover what Rob Glaser thinks about the future?
@Trenti Ummm, the Timex Sinclair came out after the VIC-20, beeeeeeeayatch! I will out-old you any day!
@paulsmith Wow. I love the user manual shooting out from Shatner's shoulder at the perfect angle. http://j.mp/am10eU
@paulsmith You have me beat by mere months there! I cut my teeth on a Practical Peripherals 1200 bauder.
@roblifford Probably a 10% chance I fly in at the last minute for a couple of nights. Other than that, planning to skip this year.
I can't believe @shauninman's first computer was a G4. I feel ancient. Mine was a VIC-20. http://5by5.tv/pipeline/5
Wow, how did I not know about Lala until now? Tons of great full albums, free: http://bit.ly/dBrdLw
Thanks for everyone who suggested Brizzly. Going to fire that sucker up again...
Is there a way to unfollow people but still allow them to DM you? Like a "mute" setting or something?
@levifig Burn-in was a bigger issue with first-gen plasmas. They are much better now. LCDs have their own lighting issues as well.
@horsedreamer The black isn't quite as good as some other top plasmas, but it's better than all LCDs. At an inch thick, I'll take it.
@levifig Isn't ghosting mainly an issue for LCDs? I've had a plasma for four years and no ghosting whatsoever.