O'Reilly logo

Eric Meyer on CSS: Mastering the Language of Web Design by Eric A. Meyer

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Project Goals

With all of the client projects and other work we’ve been doing lately, it seems like a good time to take a break and work on a personal project for a change. To that end, we’ll come up with a sparse yet flexible design for a personal journal. This will require a column for the journal entry and another for links to other entries in the same journal.

Let’s lay down some basic design directions and see where they take us.

  • The page should have a sort of papery look to it, ideally by using a light tan background.

  • The paragraph text should be a smallish sans-serif font and spread apart a bit.

  • The headings should also be sans serif and appropriately sized.

  • The sidebar should be to the right and separated from the journal entry text by ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required