/ log / 16th Dec, 2008 /

PHP Advent Seasoning

Ladies and gentlefolk, I give you the two-thousand and eight PHP Advent Calendar!

PHP Advent Calendar screenshot.

As an aside in a season that gets rudely interrupted every year with a huge, great party, the PHP Advent Calendar is adding to the fray. Some of the denizens of PHP are sharing their wisdom from a beat-up old soap box in our quiet, geeky corner of the Web.

The entire project was launched in a mad, two-day rush, which featured the guys with real talent setting up the server, propagating the DNS, and gathering the initial content. A couple of days after the first article, for my sins, I applied some style to the interface. Twenty-four hours of key-smacking later — and with a good dose of help from the indomitable Jon Gibbins — it was done.

The project is edited by Chris and Sean with nuts and bolts help from Jon. It is kindly sponsored by OmniTI. I have to tell you, with almost no time to get it done, deadlines looming, colleagues sweating, and the world in general turning far too fast, I’m pretty pleased with the result.

A single typeface is used throughout. It changes depending on availability, but this seemed like a good opportunity to stretch a face or two. (Writing that made me smile.)

Although we would have loved to license and use various typefaces not currently available in operating systems, there just wasn’t the time. Without knowing the full range of glyphs the content might need, the faces currently licensed for @font-face linking (many with slightly abridged character sets) might not have had the range we need. So, I chose Baskerville as the primary face with various fall-backs from there. Hopefully the epidemic of the Baskerville italic ampersand will ebb soon, but there are many worse things in life to see on an almost daily basis.

You might notice the use of the golden ratio, and an attempt to coerce our awkwardly independent browsers into rendering a baseline grid.

As always, the content was king, queen, barkeep and god: I veered away from images as decoration, considering them unnecessary. I hope nothing overshadows the reading experience. With that in mind the interface is fluid, with a minimum width to stop it all collapsing into a narrow abyss. Most significantly though, the content is genuinely interesting. There are some choice pieces over there, and if you’re interested in PHP at all, swing by, grab the feed, or follow ‘phpadvent’ Twitter for fast updates.

Share

Browse More Articles

9 Comments

  1. 1. By Anon on 16th Dec ’08 at 12:51pm

    I’m a subscriber to the site and the content is excellent. Great job on the design.

  2. 2. By Vladimir on 16th Dec ’08 at 14:45pm

    Two days ago I was wondering how come PHP community site(usually developers are not so good designers) has so beautiful typography. I think you did great job.

  3. 3. By Leon Paternoster on 16th Dec ’08 at 20:57pm

    Thanks to all involved — a nice gift for someone about to delve into PHP.

    You sound slightly apologetic, Jon. It looks great. Interesting to see a fluid layout (don’t know much about golden ratios: is that the 58% in the CSS? Or 58% of 85%?) Wouldn’t that result in a too–wide measure on a wide screen monitor (or is it 58% of a fixed amount?)

    It borks at 800X600 (or maybe you’re not too fussed by that; on my own blog, 800X600 accounts for about 0.2% of the visitors).

    Reassuring use of a drop cap too. The site has that unmistakable Jon Tan feel to it.

  4. 4. By Leon Paternoster on 16th Dec ’08 at 20:59pm

    Come on Tan – we want to hyphenate correctly!

  5. Jon 陳’s profile 5. By Jon 陳 on 16th Dec ’08 at 22:24pm

    Thanks, Vladimir!

    Leon, you can — with the proper numerical entity (—)! Hence the ‘#’ in the example. Easy to miss, though. I.e. Not explicit. I’ll think about how to make it clearer. I’ve fixed your first comment.

    Thanks for the feedback, too. I appreciate it very much, as always. Cheers!

  6. 6. By Anon on 28th Jan ’09 at 15:18pm

    This is such a great site. I’ve always loved Smashing magazine, and I found you through there today. This site is much better though.

  7. 7. By webtiful on 4th Mar ’09 at 08:37am

    Valuable tips from all the experts. Thank you for the article.

  8. 8. By radio on 17th Mar ’09 at 01:07am

    Very nice. Great work again.

  9. 9. By conficker on 1st Apr ’09 at 14:51pm

    I love the design of their site. I have a big monitor, and it stretches. This site is also very appealing.

Post a Comment

Required sections are marked § . Please remember, debate and courtesy are mutually inclusive.

Personal Details and Authentication
Comment

Lately in the Log

  1. Reversed Logotype Mon, 24th May 2010 {11}

    This image shows a particular optical illusion that confronts us every…

  2. Self-promotion Thu, 13th May 2010 {12}

    The world has changed. Everything we do is more immediately visible to…

  3. First Things First Tue, 16th Mar 2010 {12}

    Last Wednesday I turned up in front of a friendly bunch of designers and…

  4. Introducing Analog Wed, 30th Dec 2009 {20}

    Just before Christmas, a few friends and I launched a new company,…

  5. SxSW Pick ’n’ Mix for 2010 Fri, 4th Sep 2009 {11}

    I know I’m woefully late. Voting ends today! I don’t really…

  6. Review: HTML and CSS Web Standards Solutions Wed, 19th Aug 2009 {24}

    I’m so glad that this book exists. I’ve been hoping someone…

Remarks from the log

  1. By Mag in Self-promotion:

    Those are some very interesting thoughts. It certainly was inspirational.

  2. By JK in Designer PHP: A Simple Include:

    Great stuff, exactly what I was looking for. I’m also really digging the design of you site! Thanks so much!

  3. By Dan Millar in Introducing Analog:

    I’ve been following Analog since you launched, but only just read this blog which was very interesting. You…

  4. By carl in The Paragraph in Web Typography & Design:

    Paragraphs and puntuation are discussed in great detail.Thanks for this useful read.

  5. By Jason in Reversed Logotype:

    This was truly a great read. Found the article from a post on VandelyDesigns “25 Beautiful, Minimalistic…

  6. By Liam Jones in Self-promotion:

    I publish therefore I am, like that :) I look forward to reading more from you in the future.

People and XFN

Analog folks:

  1. Alan Colville

  2. Andrei Zmievski

  3. Chris Shiflett

  4. Jon Gibbins

Friends, colleagues, and authors with interesting voices:

  1. Ben Ramsey

  2. Dan Mall

  3. Denna Jones

  4. Ed Finkler

  5. Elizabeth Naramore

  6. Elliot Jay Stocks

  7. John D. Boardley

  8. Helgi Þormar Þorbjörnsson

  9. Joe Leech

  10. Jos Buivenga

  11. Kester Limb

  12. Nicola Pressi

  13. Patrick H. Lauke

  14. Piotr Fedorczyk

  15. Richard Rutter

  16. Rick Hurst

  17. Sean Coates

  18. Simon Pascal Klein

  19. Terry Chay

Work with me via ~ Analog ~ a creative consortium.