Sans Style

If you’ve vis­ited my site (as opposed to read­ing only via feed reader) today, you may have noticed that the site is very, well, naked, stripped down to the basic style included with Thesis.

I did that because I was get­ting a lit­tle sick of the pre­vi­ous blue-​​themed cus­tomiza­tion that I was run­ning here. I know I’m no designer, and those styles were sim­ply my best attempt at some­thing other than the default. However, as one of the pil­lars of the Thesis com­mu­nity, I think my per­sonal site’s style ought to be just a lit­tle more impres­sive than that.

So I stripped away the pre­vi­ous style so that it could no longer sit there lookin’ all mediocre, found I site whose style I could shame­lessly steal base my own entirely orig­i­nal code off of. And I’m ven­tur­ing forth into areas I’ve never tread before as an ama­teur designer — using Thesis’ full-​​width frame­work and a healthy dose of CSS 3, for example.

Oh, and the pri­mary col­ors will be pur­ples and pinks.

I also make no guar­an­tee that the site will look decent at all in any ver­sion of Internet Explorer, as usual. My Windows comp — a Dell of less than two years of age — takes over twenty min­utes to start up, and I’d rather just let it rest in peace. I’ll be test­ing the style in Firefox, Safari, OmniWeb, and other Mac browsers. My faith might be his­tor­i­cal, but my cod­ing style doesn’t have to be.

Some things that I’m doing for this redesign:

  • I’m going to be serv­ing as much sta­tic con­tent as pos­si­ble from a sub­do­main to allow users’ browsers to down­load more at once. I don’t yet have enough traf­fic to jus­tify using (& pay­ing for) Amazon CloudFront (which Dreamhost sup­ports with just a few clicks) or some other con­tent deliv­ery sys­tem, but hav­ing the con­tent already seg­re­gated on a sub­do­main will make it that much eas­ier should I ever decide to upgrade in the future.

  • I’m orga­niz­ing my cus­tomiza­tions bet­ter as I plan on releas­ing my Thesis cus­tom files (via a Creative Commons license). I’d like to think that at least some of what I’m doing will be inter­est­ing or even use­ful to others!

  • I’m re-​​thinking which fea­tures of Thesis I use. Sure, the mul­ti­me­dia box is a great fea­ture, but do I really need it, at least in its cur­rent imple­men­ta­tion? Likewise, I ditched the Thesis nav menu entirely and used a greatly trimmed down, hand-​​rolled menu. Yes, I lose the abil­ity to cus­tomize it via WordPress’ back­end, but does that hurt my feel­ings? Nope.

  • I haven’t started on this yet, but I want to make my site more inter­est­ing to vis­i­tors, espe­cially first-​​timers. I’m eye­ing a num­ber of plu­g­ins which will help to do this. I may be strip­ping a few plu­g­ins too. Along with releas­ing my cus­tomiza­tions, I guess I could share a list of which plu­g­ins I’m using too.

And there are prob­a­bly more, they just aren’t com­ing to mind right now. And I know that all this has prob­a­bly been a bit bor­ing, so I’ll leave you with a sneak-​​preview of the new design. Keep in mind I’m actively work­ing on this so the final result might change quite a bit:

Sneak Peek

Bonus points if you can iden­tify the site which has inspired me. ;)

This entry was posted in Uncategorized. Bookmark the permalink.

11 Responses to Sans Style

  1. andrew says:

    Dude, I’ve gotta say I’m excited to see the final prod­uct. You always do good work so it’ll be inter­est­ing to see what you come up with next. And yeah, bonus points are not in my future. I’ll save that for another commenter.

  2. Looking sharp, Rick…er, well, ‘barely sharp?’ I say in jest. Good for you.

  3. Clarabela says:

    I can’t wait to see the fin­ished results. Maybe it will inspire me to start cus­tomiz­ing Thesis on my site.

  4. Hi Rick–
    I am sorry to leave this on a com­ment but I have an urgent Thesis ques­tion I need to get some pro­fes­sional help on right away. Can you please email me at your con­ve­nience? Thank you!

  5. MJ says:

    Shouldn’t the ‘3’ in ‘CSS3’ be an old-​​style numeral to match the small cap­i­tals?
    And there shouldn’t be an apos­tro­phe after clicks in ‘which Dreamhost sup­ports with just a few clicks’.

    Just being very nit-​​picky…

  6. Rick Beckman says:

    Michelle: The sup­port forums at DIYthemes.com are the quick­est means of get­ting sup­port. Girlie is there quite often. If you need e-​​mail sup­port, try diythemes@gmail.com.

    MJ: Quite right about the apos­tro­phe. Thanks. Not sure what you mean about the “3” though. I don’t shrink any other ver­sion num­bers. Maybe I just need a space between it and the product.

  7. MJ says:

    What I mean is that in expert typog­ra­phy, if you’re using small cap­i­tals with a numeral, the num­ber should be an ‘old-​​style fig­ure’ (also known as ‘lower-​​case fig­ure’ or ‘text fig­ure’), some­thing like this: CSS. The type­faces Constantia and Georgia have these num­bers as the default; Adobe Pro fonts encode them in code­points U+F643 through U+F64C.
    (Of course, it’s not a must, espe­cially on the web, but if you’re con­cerned about perfection…)

  8. MJ says:

    (And those code­point names should be in small caps and old-​​style numer­als, but the font doesn’t seem to want to co-​​operate…)

  9. kristarella says:

    Look for­ward to see­ing it! I’m sure I recog­nise the influ­ence, but I can’t put my fig­ure on the name of that site to search for it!

  10. Sandi says:

    Like the pre­view colors :~)

  11. Rick Beckman says:

    Before I take the style live, I’ll be hav­ing Alicia give it a crit­i­cal overview for color-​​adjustments and that sorta thing. Then I’ll put it live and open up for crit­i­cism from every­one else. I want it to be per­fect. :D

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>