New site theme - 2011

New site theme - 2011

Welcome to the new BMC Blog

After finally finding a few spare hours, I decided it was time to give this site a makeover. The old theme was beginning to get on my nerves a little - new bugs were showing up, the CSS was getting bloated and pages seemed to take longer to load. With the new theme, I decided to take the site back to its roots, with a focus on the blog itself. Not only is this reflected in the design of the theme, but I also removed a lot of unnecessary, sometimes never-completed pages from the site that served no real purpose.

With the new theme I’ve incorporated a couple of my latest wikidot ideas, which you’ll be able to see if you dig deep enough, and that I’ll share with you in the coming days.

While I’ve tried to complete as much as I can with minimal site down-time, the update to the site is still only partially completed, meaning some sections (such as the button generator) are currently unavailable. Once these more complex pages have been migrated to the new theme, I’ll open them back up.

Currently I’ve tested the theme in the latest versions of Safari, Chrome, Firefox and Opera, with no major bugs present. Internet Explorer 8 compatibility will be coming in the next few days. Please feel free to report any bugs you find with the theme in the comments section below.

Finally, I hope the new theme makes your visits to the site more enjoyable, and a big thank you for continuing to read my little blog.

Enjoy the article? Tweet it!

tags — bmc site updates

Discussion - 14 comments

Ed Johnson avatar

AnonymousEd Johnson 24 Apr 2011 16:12

You've outdone yourself again. This theme is gorgeous!

Edit

James Kanjo avatar

AnonymousJames Kanjo 24 Apr 2011 23:54

I agree! This is spectacular!

Edit

James Kanjo avatar

AnonymousJames Kanjo 24 Apr 2011 23:55

OMG! I just resized my window to a smaller size!!! That's AMAZING!

Edit

leiger avatar

Anonymousleiger 25 Apr 2011 00:45

You really are an artistic genius!

Edit

bcammo avatar

Anonymousbcammo 25 Apr 2011 02:07

Thanks for all the kind words :)

OMG! I just resized my window to a smaller size!

Yep, I decided to have a go at making the site responsive with CSS3 media queries. Add in some transitions and it looks pretty cool!

Edit

leiger avatar

Anonymousleiger 25 Apr 2011 03:08

Please delete post above by me, forgot to sign in first! :)

I'm at University at the moment (on ANZAC Day, I know! Internet at home is capped so I'm here to keep my sanity) … and in IE7 the site actually looks pretty good, while I think IE7 used to suffer a lot under your previous theme.

The only semi-important thing is that the menu bar doesn't disappear using CSS3 magic when you resize the window, which would be a problem for tablets or netbook computers running Internet Explorer 7 (and possibly IE8 too).

Oh, and the "Post Comment" button has "Save" written on it as well. Not sure if there are any workarounds that you can use to fix this, but here's a screenshot:

postcommentsavebuttonie.png
Uploaded with ImageShack.us

Edit

tsangk avatar

Anonymoustsangk 25 Apr 2011 03:27

Just wondering, does opacity filters work for text on IE?

filter: alpha(opacity=0);

Edit

leiger avatar

Anonymousleiger 25 Apr 2011 03:33

As far as I know they don't, but there is a workaround (IE has opacity, it just uses different CSS to activate it).

Edit

Ed Johnson avatar

AnonymousEd Johnson 25 Apr 2011 03:44

tsangk's syntax is for IE! :)

I would think it should work, but haven't tried it. Here's a good read about opacity settings with different browsers. CSS Opacity: A Comprehensive Reference

Edit

leiger avatar

Anonymousleiger 25 Apr 2011 03:50

/me submits to the CSS Gurus

Edit

tsangk avatar

Anonymoustsangk 25 Apr 2011 04:46

Actually… don't think it'll work…

opacity should set the background-image transparent too.. making the whole thing transparent!

@Shane: normal CSS for opacity would be:

opacity:0;

Edit

bcammo avatar

Anonymousbcammo 25 Apr 2011 05:55

The 'post comment' button has been fixed with font-size:0; line-height:0;. Thanks for pointing it out Shane.

Edit

RobElliott avatar

AnonymousRobElliott 25 Apr 2011 09:06

Great design Bryce, well done.

Edit

bcammo avatar

Anonymousbcammo 25 Apr 2011 09:33

Thanks Rob.

Edit

Add a new comment

Site design © BMC WebDesign, 2011. All rights reserved. All tutorials on this site are free for commerical use, subject to conditions outlined in the disclaimer.