Grow your CSS skills. Land your dream job.

Website Input

  • # April 3, 2013 at 1:30 pm

    Hey all,

    http://tannercampbell.net/writerssquare/

    Something that has always bothered me as a WordPress fan and an author (writer), is that there is a SERIOUS lack of minimalist writers themes. Themes that put a focus strictly on beautiful typography and content. With very few exceptions, such as Melville and Manifesto, there are few to no themes that do this the way I envision it should be done.

    By no means is this a finished project, it’s still in the creation phase and I haven’t even begun to convert it to a WordPress theme, but I wanted some input on my semantics. I’ve been studying for the last month or so to create beautiful code free of unnecessary bulk and complication, I’ve also learned to utilize battle-tested css bootstraps like Blueprint (I used it here). I was hoping some of you more experienced designers could have a look at my HTML structure, as well as CSS structure, and give me your opinions on how it might be improved.

    Thanks!

    -Tanner

    # April 3, 2013 at 1:42 pm

    Well, I wouldn’t use letter-spacing unless the heading is in all caps and even then it depends. And you need to make sure your type choices look appealing on all platforms, not just the one you’re using. Additionally, I’d also make the site name and headings stand out from each other.

    # April 3, 2013 at 1:57 pm

    @chrisburton

    > you need to make sure your type choices look appealing on all platforms, not just the one you’re using

    Did you find it less appealing on a specific browser? Or was this just good advice?

    > I’d also make the site name and headings stand out from each other

    Are you suggesting a separate font, size, or color?

    # April 3, 2013 at 2:27 pm

    > Did you find it less appealing on a specific browser? Or was this just good advice?

    In general, when setting standard fonts that come with your OS, you need to find alternatives that are just as appealing for other platforms.

    >Are you suggesting a separate font, size, or color?

    I’m only suggesting that you make the site name distinctive from your headings.

    This is how it looks to me: http://cloud.chrisburton.me/image/1w1G023l2Y1L

    # April 3, 2013 at 2:50 pm

    Yeah it’s just showing up as “serif” font for me.

    # April 3, 2013 at 2:51 pm

    That’s strange. I’m using Palintino Linotype … I was almost certain that font was present on all systems.

    # April 3, 2013 at 5:47 pm

    > I was almost certain that font was present on all systems.

    Most, but not all. Windows users will have it covered, as will mac users who have a copy of MS Office. Most others will not.

    Source:
    [http://typophile.com/node/71284](http://typophile.com/node/71284 “”Palatino Linotype” Alternative”)

    # April 4, 2013 at 5:11 am

    I like Alegreya, so that’s a good choice. For the future, perhaps this site would be helpful? http://www.codestyle.org/servlets/FontStack

    # April 5, 2013 at 12:52 am

    I’ve made some changes based on everyone’s input. Maybe some of you would be willing to have a second look?

    # April 5, 2013 at 2:59 am

    Georgia renders better at smaller sizes. I would use that instead.

Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".