New Theme

I have thrown together a darker, bluer, and completely oranger theme over the last couple of days. Although it’s not complete yet, you should find it in working order, you may find features being added as time passes.

For those interested, and quite frankly too nerdy, here are the details on the construction of the new theme.

The site has been written using HTML5, built on top of the HTML5 Boilerplate by Paul Irish & Contributors. The boilerplate allows me to use the new standards’ additional features, including improved semantic markup, without sacrificing older browsers. The site is also using a lot of CSS3 to render subtle animations and some shading where needed.

The CSS has been written in LESS format, and compiled on the fly using the fantastic LESS.js. CSS3 media queries allow for the site to be responsive, providing an equal reading experience for smaller screened devices. Don’t believe me? Try it! Resize your browser down to what you would imagine a mobile phones browser size would be.

The semantic.gs project has allowed me to align content in a consistent readable format, without compromising the clarity of the source code. The semantic grid works hand in hand with LESS.js to allow for column sizes and nesting to be specified in the CSS, without the need for adding extra classes to the HTML elements that make up the page.

The font used on the page is ‘Proxima Nova’ provided by TypeKit.

Of course everything else has been powered by the happy hackers at WordPress.

Hope you like it!

Nice looking site buddy, keep it up :)

Brennan Hitchcock   —   145 days ago

Yeah, what Brennan Hitchcock said. Also, HTML5 Boilerplate rocks. I’ve only used it for a little bit (maybe 2 weeks now or so) and I would definitely agree that it is a damn awesome framework (or whatever it is… the guys who made it claim it is “not a framework”).

Nicholas Morgan   —   141 days ago

Hey Dayle… liking the new design, big fan of the minimalistic lines approach !

D

Dave   —   141 days ago

Thanks Dave :) I just need to actually get a few thoughts! Pretty bare right now.

Dayle   —   141 days ago

Hehe… try var_dumping $brain->thoughts() for ideas – it may be returning a more complex data type ;]

Just tried condensing the screen size too… that’s a pretty darned handy feature, I gotta say. *robs idea*.

Dave   —   141 days ago

Thanks man, a lot of people are going responsive these days, mostly driven by the whole ‘mobile first’ design idea. Which I’m not a huge fan of, mobile was either during or after on this design.

Dayle   —   141 days ago

Hmmm just noticed the gravatars don’t seem to be showing. I’ll take a look!

Dayle   —   141 days ago
Post a comment

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>