January 22nd, 2009
After editting virtually every style sheet on the site the new look CNET UK is finished and launched. The garish yellow is gone and replaced with a new black theme. Pages are also more consistent and laid out better.
CNET UK new look
Compared the old look:
Old CNET UK design
The project (code names Tiburon) brings the site more in line with the US version CNET.com and incorporates suggestions from users of the site. The team managed to launch the update which affected every page of the site with little to no down time.
More details and Feedback here:
http://crave.cnet.co.uk/software/0,39029471,49300666,00.htm
Filed under CSS, Recommended Sites, Tech news, case study | Comment (1)
February 28th, 2007
Once again I find myself confronted with having to use Javascript for a project. This time a dynamic background changer was needed (aka skin toggle). Using my feeble JavaScript Skills and a bit of copy and pasting I manage to put together a working template.
Here is an example. You can change the background of this site by clicking on the following thumnails:
How it works:
Firstly the background images are created/selected and placed in a folder together. Next name them the same with a just changing a number/letter/word at the end that. I recommend numbering them sequentially.
In an image editor crop small area of the image you will use as a button for it. You can of course use text buttons instead. In this case I have chosen to make the area around the buttons to change background to match the background image. If you want this effect then crop the large background images into smaller ones that match the size of the area you want to skin. Name the small background images the same as their larger counterparts adding a letter/number to the end. In the example I have used letter ‘a’.
Continue reading »
Filed under Ask the Guru, CSS, Newsflash, Tutorials, case study, expanding the skillset | Comments (4)