Tuesday, November 20, 2012

Blueprint 4.1 "Paper"

"Blueprint 4.1, codenamed "Paper", ushers in the latest epoch in the madly successful series of blog re-designs by Caleb Grove of OnRamp Web Design."
~Bob
I know what you're thinking:

"Is this kid crazy? This is the fourth redesign for a blog that's been running just under a year!"

Guess what? You're right. I am crazy. If I wasn't, life would be sooo boring!

Enough rambling. About the redesign:
Blueprint 4.1 ("Paper") has been my most time consuming re-designs so far. I built it from scratch. It's interesting to see how my blog has evolved over the year. The first one I built in iWeb, a now discontinued piece of WYSIWYG software from Apple. The second was built by mixing Freeway Pro 5.5 and Blogger. The third was just a facelift. Now we have this one, also built with Freeway, but with a lot of hand-coded CSS to further customize the appearance and more advanced tweaks.

A good example of this is the "comments" link found at the bottom of every post. I HATED the blogger default, a teeny-tiny text link, hardly what I'd call visible. In my mind, the comments are the highlights of the blog, so you can understand that I wanted to make it stand out. Here is a sample of the CSS that went into making it:

a:link {
    text-decoration: underline;
}
.comment-link {
    font-family: 'Open Sans',HelveticaNeue,Helvetica Neue,sans-serif;    
    background: none repeat scroll 0 0 #313436;
    border-radius: 4px 4px 4px 4px;
    color: white !important;
    float: right;
    font-size: 14px !important;
    padding: 13px 55px;
}


The other big change, besides the new interface, is new fonts. It used to be that a webdesigner was restricted to about 11 font choices, because those were the only fonts that were universally available on almost all computers. However, now we have web fonts, which, although they have the potential of slowing down a webpage, allow for much more creativity without having to revert to graphic text.

Much like my last design, I plan on converting Paper to a Freeway template. I'll announce it here. You can still download the template for 3.x, codenamed Smart, from here.

Here is what Blueprint 3.7 looked like (click to enlarge):


So, what do you all think of the new design?
(FYI: the best compliment I could get would be that it doesn't look remotely like a blogger blog.)

5 comments:

  1. Arg. I'm working on getting some good looking social buttons to work. ShareThis breaks the page, and AddThis doesn't seem to have what I want. Hmph.

    ReplyDelete
  2. It certainly doesn't look like a Blogger blog; interesting re-design.

    ReplyDelete
    Replies
    1. "Interesting"? m'kay.

      Thanks Duke!

      If you don't mind my asking, what are you favorite and least favorite aspects?

      Delete
    2. The change is pretty dramatic, so that's the only downside I can see...well, there are two downsides. I can't seem to find the +1 button.

      I like the new font, sidebar, and body, though. Like I said, it certainly doesn't look like a Blogger blog.

      Delete
    3. I've removed the +1 button, at least for now. The G+ button does almost the same thing though. Thanks for letting me know that you want it, I might put it back. (Yuck, I need see if I can style the font in this comment box).

      Delete

I'm Caleb Grove

Yep, that's me. I'm a 17 year old web unicorn and own OnRamp Web Design. My skill base is quite broad, though my real focus lies in UX and UI design for the web. When it comes to designs, I'm a perfectionist, scooting 1 pixel at a time.

My main blog captures all my web-related thoughts that exceed 140 characters. Anson S is my personal blog, where I pander in politics and religion. You can tweet me on Twitter at @SirCalebGrove, circle me on , or friend me on Facebook.

About this site

This is my playground. CalebGrove.com harnesses the power of HTML5 and CSS3. It was built using my web design weapon of choice, Freeway Pro, using a inline flexible system. Responsiveness was hand-coded. The blogs are hosted by Blogger, whose template code was generated by the Blogger actions. Website hosted by GJX Hosting. Creativity provided a disturbed mind, and not much else.

No unicorns where harmed in the making of this website, except through caffeine overdose.