Wikidot Design & Development

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.

2010 in Review

2010 in review banner

A look back at the year that was 2010.

As another year draws to a close, I decided it would be nice to reflect back on the year that was here at wikidot, and in particular this here little blog. For me, it is hard to believe that only nine months ago I started up as a place to document my continued learning of CSS and the wonderful wikidot platform. It started off with a rather rough theme that probably only worked properly in Safari and Chrome, but as my knowledge of CSS and web design has grown, so too has the design of this site, and it should now display correctly in most major browsers, even if it’s still a little rough in IE.

Alongside the blog I said I was going to release some new themes for wikidot, and then promptly released just one theme in about 8 months. This has since changed, and there are now a number of quality BMC themes available on the wikidot themes site, each a little better than the last as my knowledge of CSS continues to develop. I want to continue to provide the community with quality free themes, and early in 2011 you will hopefully see a number of new BMC themes.

Blog update - now with Twitter!

Some changes to this blog - better tags, and now with embedded twitter.

twitter logo

This is just a quick post to highlight some recent changes I have made to this blog.
The most noticeable is twitter - I've embedded my latest tweets in two place - one at the top of the blog start page, and 4 tweets in the sidebar. This is all thanks to a jQuery plugin I found here. When I get around to it, I'll explain how you can add something similar to your site as well.

The second change is to the way tags are handled - rather than using the default system:tags, I've used @URL in the start page to make it more user friendly. Clicking on tags will now shows a list of posts styled the same as the blog start page. Again, I plan on writing a how-to for those of you not sure how to use @URL in the ListPages module.

So now you have no reason not to be following me on Twitter!

Image credit: Productive Dreams

...and done. Welcome back

Welcome to the all new - the home of BMC WebDesign

It took me longer than I had expected, and there’s still a few things that need tweaking, but I am now pleased to present you with the all new site design for
Among the many changes that have taken place, here’s a few:

  • an all new home page (of which I am rather proud) - this adds some much needed functionality to default landing page.
  • new support documentation pages - they’re empty at the moment, but I’ll fill them up before releasing my premium themes.
  • a new theme request service built on wikidot data forms. I think I’ve got it pretty much sorted so that submissions can be kept private if wanted.

Site upgrades about to begin

If you watch this site, prepare to be inundated with emails.

In a couple of days time I will begin to give this site a makeover. In addition to a whole new design, I’ll be slightly rearranging the site to prepare for the imminent release of premium and custom themes.

The design will be cross-browser friendly to allow greater access, while still taking full advantage of the CSS3 features that I love. Once the upgrade is finished I'll outline the changes made right here.
New content to be added to the site will revolve around support documentation, a more organised way of presenting themes, and the infrastructure to allow a (hopefully) seamless custom theme request form, built using wikidot data forms. I've also made a much more functional home page that will replace the static page in use at the moment.

Our new sidebar

Another update to the site - a brand new sidebar & about this site slideout tip

I’ve never really been happy with the sidebar for this site. While the old one served its purpose well, it always just seemed to be in the way and a little hard on the eye. So I decided it was time to give it a makeover - in line with the other site adjustments made just a few days ago.

Taking inspiration from the many, many sites on the internet, I decided to go with separating the individual content of the sidebar into numerous containers - a technique popular among blogs, and one that I have always wanted to replicate in Wikidot. This type of design is not only easy on the eye, but also helps to distinguish the sidebar’s content. The new sidebar also allowed me to add some much needed colour to the site in the form of the headers of the sidebar boxes.
In redesigning the sidebar, I also took the liberty of increasing the site’s width from 900px to 1050px - a more comfortable width in my opinion (maybe just because of my widescreen computer?).

Updates to site theme

We've made some changes to the theme for this site… what do you think?


When my internet connection spat the dummy a couple a weeks ago, I figured there wasn't much I could do to update this site - then I realised that the software I use to code the CSS for the theme, CSSedit by MacRabbit, allows you to work offline. As long as you have a page loaded in the live preview window, you can leave it open for as long as you like and edit the CSS, seeing the changes you make in real time, without the need for an internet connection. Plus, you can even add files to the CSS locally (by just dragging them into the editor) - no need to upload them to the web. This is especially handy when you need to make slight adjustments to the image - so much quicker!

So I took this opportunity to make some alterations to the theme for this site. The most obvious is the new pattern on the background, but there's some more as well:

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.