Wikidot Design & Development

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.