Stuff & Nonsense Home

Where you’ll find designer, author and speaker Andy Clarke. The bastard.

Blogging And All That Malarkey

Sisters

I’ve been slowly evolving the design of For A Beautiful Web over the last few months since I relaunched it in April. Back then I stripped it back from its almost universally unpopular first design, then added hints of a future direction on the home page. Now that design has matured and today I launched its sister site at Transcending CSS.

For A Beautiful Web now sports the branding that I designed for the three New Riders DVDs that I recorded earlier this year (to be published in Autumn/Fall): Designing with CSS, Designing with Microformats and Designing web accessibility.

I tied the colours of both the home page and internal pages into the DVD artwork, with those internal pages taking on a warm, reddish hue. I also designed several promotional panels for the DVDs and for our new workshops, the latest of which I announced this week.

In general, I am pleased about the way that the site's design has evolved gradually as I have learned to live with it over time. I also hope that I can finally put any readability concerns to bed.

Transcending CSS

My (first) book's site has been showing its age for a while. That said, it has earned its keep considering that I designed and built it in less than a day at the end of what had become an exhausting book writing process. With the infrastructure of For A Beautiful Web solid, I decided to relaunch Transcending CSS using the same design foundations.

Transcending CSS and For A Beautiful Web share more than just the same bloodline. Both have been developed using an ExpressionEngine Multiple Site Manager powered, Stuff and Nonsense publishing framework that Owen Gregory and I have been working on for a while.

Sisters

Both sites share the same weblogs for blog entries, workshop dates, and other content. In fact, if you leave a comment on an entry that is published on both sites, your comment will be displayed on both. This sharing of content will allow me to publish entries in one place and have them distributed across all of my sites. Multiple Site Manager also allows me to share embedded content modules, including my workshop and DVD promotional panels, vcards, footer and other content across domains.

I already know Multiple Site Manager to be incredibly flexible (if far from perfect) and that it will save me time in updating multiple sites and hopefully help in serving my content to a wider audience.

I'm also sure that I will iterate both these designs over the coming weeks and month, but looking at the two sites now, I'm more happy with both of them, on and under the surface, than I ever have been before.

Leave your comment

Ian Pitts

July 23 2009 @ 10:23am #

I’m so happy a designer with such a high profile as yours has taken to using ExpressionEngine. It’s now my CMS of choice (I have released somewhere north of 8 sites built with it) and I couldn’t be happier. Someone like you can hopefully (inadvertently) bring it some much needed exposure.

Michael Kozakewich

July 23 2009 @ 11:35am #

Actually…
The banner at the very top only goes as far as my screen before being completely cut off.

Though your body text fits my screen, there’s a large amount of padding on each side which forces me to horizontal-scroll.
(Though I can reduce the text-size twice, which is still readable, and that takes away the horizontal scrolling.)

I love the red colour, though. And the CSS3.

Oisin Prendiville

July 23 2009 @ 11:50am #

Andy I’d love to get a reminder of the original “universally unpopular” design, since I remember quite liking it!

Is it archived online anywhere? Even in screenshot form?

The consistency across the new sites is very effective. Good job.

chris

July 23 2009 @ 12:36pm #

having your content syndicate across sites is certainly a time-saver, but I wonder if cross-posting the blog posts will lead to duplicate content issues with search engines. for example, this page http://transcendingcss.com/blog/about/sisters/ and this page http://forabeautifulweb.com/blog/about/sisters/ are the exact same thing.

Régis Kuckaertz

July 23 2009 @ 05:29pm #

I quite love how it evolved over time, congratulations Andy. I’m curious to hear if you’ll get remarks on the promotional panels at the top, especially on article pages since it pulls the content far down.

For sure this have already been mentioned but these patterns look absolutely fantastic!

CupidsToejam

July 25 2009 @ 02:13am #

I too love the designs. My only complaint is the updated text on For A Beautiful Web. It now looks embossed or something. Is this what you did with TypeKit? Anyways, for me, it’s harder to read.

Commenting is not available in this channel entry.
Hardboiled Web Design

Hardboiled Web Design by Andy Clarke

How the latest technologies and techniques will make your websites more creative, flexible and adaptable. Get hardboiled in all formats from Five Simple Steps. Digital formats also available at Amazon.com, Amazon.co.uk and the iBooks store.

We’ve deconstructed this site to focus on content while we restyle. Expect wonkiness during the transition.