For the first time in more than four years, kottke.org is sporting a new design this morning. Since you should never launch anything completely finished,1 there are probably still some things that need to be ironed out, but I hope most of it works. (Drop me a note if you notice something amiss?) Let’s hop right into what’s new and why. (For reference, here’s what the site looked like until late yesterday, here’s what I said about that design, and here’s what some of the previous designs looked like.)
Design. Gone is the now-beloved blue gradient (which ppl didn’t like when I introduced it), replaced with a colorful rainbow banner thingie. The site title and the old school tagline — “home of fine hypertext products” — are both making a comeback. The march toward simplicity continues…every remaining design element serves a purpose. The type is a bit bigger to offset ever increasing display resolutions (which somewhat paradoxically makes everything smaller). Post titles are quite a bit larger. Media embeds and images are much larger, especially if it’s right at the top of the post. Check out this post and this one for examples of what I’m talking about. Tweaked the footnote style.2 More tweaks to come. (Including moving to some even faster new servers at Arcustech, the fantastic hosts of kottke.org for years now. Big thanks to them for all their support!)
The layout of the site is responsive — not fully so, but if you resize your browser window, it’ll change and flow and do all of the neat things that responsive design does. The type is still my favorite Whitney ScreenSmart by Hoefler & Co (designed by Tobias Frere-Jones), but I finally (FINALLY!!!) turned on smart quotes and such — you know, like “opening and closing quotes around this text” and apostrophes’ apostrophes and the proper m-dash right heeeeeere — so now the designers who read the site can finally stop tutting about it. (And Hoefler and Frere-Jones can stop tearing their hair out about seeing text rendered with their point-perfect typeface littered with dumb quotes. Enjoy your tresses, fellows!)
Mobile. This was the main impetus behind the redesign. Over 40% of you read kottke.org on a mobile device of some kind. The old site worked fine on phones and tablets, but not great. Now, the site looks and works great on mobile. (At least I think it does.)
Tags. Some of my favorite things about kottke.org are the tags and tag pages. Looking at the site through the lens of tags, it becomes apparent that kottke.org is actually a collection of hundreds of small blogs about introversion, Stanley Kubrick, time travel, early color photography, economics, crying at work, and all sorts of other things. For the redesign, I made them more visible on the site and I’m hoping to find more ways to improve their involvement in the site soon. You’ll now find tags at the end of posts no matter where you find them on the site; previously they were only on the individual post pages. Tag pages are now paginated so you can go back through hundreds and even thousands of posts on each topic. I’ve also included a list of related tags at the top of each tag page…which is incredibly addictive for surfing around aimlessly.
Biography. With the help of some friends (aka the kottke.org board of advisors), I rewrote the about page. I liked the brevity of the old version, but in the words of one friend, “the previous version undersold the site so much it was almost inaccurate”. This is the first bio I’ve ever written that takes seriously what the site is and what I’ve done in my career…and as such it makes me really uncomfortable. Taking credit, particularly in public, has never been my thing. But I wanted to have a chance at explaining kottke.org to people who might not know the whole story. Everyone here has an opinion about kottke.org, this is mine.
When I started the site in 1998, people expressing their ideas & beliefs through links and attempting to stitch technology & the liberal arts together were not commonplace pursuits. In many ways, media on the web has come to resemble, in form and function, what kottke.org and other early blogs were doing back then. The largest social media companies in the world are now centered around people collecting and showing each other cool/interesting/funny links in order to say something about what they believe. I’m proud that kottke.org and I have played a role in that (r)evolution.
Future. The past 2.5 years have been the most challenging out of the 18+ years I’ve been doing the site. (Translation: they sucked.) I’ve been working, with many loooong periods of inactivity, on this redesign for more than 2 years. It’s not a cure for cancer or the world’s best design work, but to have it finally be out in the world feels amazing. Like a bad chapter in my life is ending. Like I’m still alive. Vital. A start of something. Like I’m finally investing in myself and my future for the first time in a long while. It feels like hope. And I hope you like it. It’s a genuine pleasure being able to share myself with you like this, and I don’t know what I’d do without it.