In hindsight, it’s entirely logical that the first version of nascentguruism’s design would turn out to be everything I made it and nothing I wanted it to be: I was learning about design by observing and experimenting, and so would quickly lose focus on the overall design, becoming preoccupied with whatever details I wanted to introduce at that moment in time.

After ten months’ toil, the site launched with a whimper and, because of the shoehorning that had taken place to include all the extra details, I quickly became jaded: the format of the site didn’t appeal to me, and so I was unwilling to write. As time passed, my interest waned.

Lather, Rinse, Repeat

Shortly after SxSW in March–around June, if memory serves–I was inspired to play with some ideas for a redesign of nascentguruism.

Rather than pressuring myself to continue working solidly until it was ready to launch–as I had with the initial ten-month design–I decided simply to get all my ideas down on paper into a PSD before taking time to mull over what I’d come up with. After a while, I’d start anew, creating a design from scratch, building upon–or, in some cases, replacing–what I’d done in the last iteration.

This process continued until mid-October, when I finally felt that the design could go no further without transitioning to markup. Throughout, I refused to do any work–design or markup– unless I was compelled to do so.

I think this relaxed approach to the design and implementation has served me twofold: the design and implementation was less forced, and so the final site has a more relaxed, open feel to it, and this design is something I positively want to work with, to the point that I’m practically itching to post new content to it (and have been for the last month). Further, the iterative, throwaway-prototype approach to designing allowed me to incorporate new ideas effectively, without compromising the design as much as I might before.

Typography

One of my primary focuses in this new design was to experiment with typography, using some of the ideas gleaned from reading Robert Bringhurst’s ‘The Elements of Typographic Style’ and working with Rich on Web Typography. I’ve tried to blend more widely used ideas (like working with vertical rhythm using baselines) and more playful ones (like ornamented indentation), and will continue to experiment and integrate ideas put forth in Web Typography.

Some of these experiments are very reliant on using modern CSS techniques, such as generated content and pseudo-elements and, as such, may not display as expected on all browsers (Internet Explorer, I’m looking at you). Further, most of the font-size-related typography has been optimised for WebKit-based browsers on Mac OS X and, as such, there may be sizing issues with other platforms or browsers. Or maybe not. Everything should be usable, at the very least.

Style

As it stands, the CSS is very clearly showing signs of the hap-hazard approach I took to developing it; in the very near future, I plan to rework it–possibly using YUI reset and fonts.

Support

I couldn’t have achieved everything I have in this redesign if it weren’t for the help of a two notable individuals:

• Anton was a constant source of inspiration and has the patience of a monk, answering all my design questions–no matter how inane–with nary a complaint.
• Ben put up with my badgering for opinions on this or that markup quandary, and seemed to delight in challenging me to get the ideal markup working in whatever layout I was attempting.

These two deserve more gratitude than I can express here–or in beer form–thank-you both.

There are, however, others that have supported me throughout the process, who also deserve thanks:

• Drew
• Faruk
• Fatty
• Fran
• Norm!
• Piotr
• Rich

Fin?

nascentguruism is far from complete–during this redesign, I’ve come up with many, many ideas for future work on the design and implementation. Most importantly, however, I have a renewed excitement for blogging and a few ideas for future posts in mind.

Only time will tell if it lasts, I suppose.

Just as the book itself was beautifully set (as one would expect), well written, entertaining, and generally a joy to behold, the same can be said of Web Typography. From the subtle use of Flash for the logotype to the carefully set table of contents, everything about the site reeks of typographic quality, its own distinct style echoing that of the original Elements.

The purpose of Web Typography, of course, was not to supplant Elements as the definitive resource for typography – the Typographers’ Bible, in the words of Herman Zapf – but rather to supplement it: to act as an unofficial companion for those working with type on the web.

It is with much excitement, then, that I’m announcing what will, hopefully, mark the start of a trend: my first contributions to Web Typography, §2.3.1: Set opening paragraphs flush left and §2.3.2: In continuous text, mark all paragraphs after the first with an indent of at least one en, have been published.

I’d like to thank Rich for the opportunity to be involved: he’s been incredibly supportive of my contributions. Like Rich, I’m not a professional typographer (or, in fact, anything more than ‘a guy who has an interest in typography’) but I’d like to hope that, with my contributions, I can help someone out there fall in love with typography and, more specifically, its applications online. If just one person learns to love typography a little more thanks to something I contribute, I’ll be happy.

So, I hope you enjoy what I hope will be the first of many contributions I make to Web Typography!

• §2.3.1: Set opening paragraphs flush left
• §2.3.2: In continuous text, mark all paragraphs after the first with an indent of at least one en