The entire site is going to based on "modules." Each little thing is going to be literally be in a box (both visually and in the code, ultimately). We start with a module for the most recent blog post on the homepage, but the module pattern will be used everywhere. Individual comments, sidebar areas like "The Poll", advertisements... everything.

Once we have this base article module in place, we work on a bit of typography within it. We use a real post title (a good idea for getting a sense of length from something real), but then use Lorem Ipsum (gasp!) for the excerpt (practical).

We introduce some new fonts. The headers (in a perfect world) will be Whitney Condensed Bold and the body copy will be regular Whitney.

We introduce "the little colored square" concept for modules. This hangs on a long time in the design process but (as you can see on the site if we're still on v10) it ultimately morphs into a colored bar.

Comments

  1. User Avatar
    rnovino
    Permalink to comment#

    Really Loving all the videos :) and learning a lot of things How can I get notified if there are new videos? for the v10 redesign?

  2. User Avatar
    brendan
    Permalink to comment#

    Just because I used to always tick and untick the ‘auto select layer’ box like you until someone told me… Hold cmd and click the item/layer/image/text etc you want on the canvass and it will select that layer for you but wont trip you up as soon as you’re done.

Submit a Comment

Posting Code

You may write comments in Markdown. This makes code easy to post, as you can write inline code like `<div>this</div>` or multiline blocks of code in triple backtick fences (```) with double new lines before and after.

Code of Conduct

Absolutely anyone is welcome to submit a comment here. But not all comments will be posted. Think of it like writing a letter to the editor. All submitted comments will be read, but not all published. Published comments will be on-topic, helpful, and further the discussion or debate.

Want to tell us something privately?

Feel free to use our contact form. That's a great place to let us know about typos or anything off-topic.

icon-closeicon-emailicon-linkicon-logo-staricon-menuicon-nav-guideicon-searchicon-staricon-tag