Tag Archives: css

BenBishop Blog Redesign: Refracted

Posted on: January 15th, 2009 by Ben Bishop No Comments

In the three years since I last redesigned benbishop.me.uk, my personal blog, there have been significant developments in web design. From CSS frameworks like The Blueprint, JavaScript library’s like jQuery to development WordPress themes like Sandbox, all have been designed to decrease development time from concept to implementation.

‘Refracted’ is the product of three years experience with commercial clients and the implementation of many of these techniques.

Design

I had the idea of the logo image in my head for a while and was quite determined to go with a light and vibrant design. Contrasting significantly with the previous ‘Satin’ theme, a light text on dark background theme, I wanted ‘Refracted’ to feel like a change from the old.

The layout was sketched out with old fashioned pencil and paper (!) and the design was composed in Photoshop with Illustrator being used for the 3D typeface effect in the logo. Then Photoshop was used again for the rainbow striped effect for the backoground to the logo and the footer.

Coding

Using the Sandbox wordpress theme, I was able to rapidly convert the design into the valid xhtml and css WordPress theme that you see on the site at the moment. Using Dreamweaver, the code editor is excellent, I began the process of adding the header image, and then working methodically through the design as I got dirty with the CSS, making use of the semantic mark up included with Sandbox.

With the basic design done, I installed and configured the widgets to the preconfigured 2 sidebars and finally did the cross browser compatibility changes requried.

End Result

With the theme 90% finished, I still need to monetise it asap, I have gone live. More information can be found here or take a look at the site itself, benbishop.me.uk

IE8 Standards Mode by Default – Thank you Microsoft

Posted on: March 4th, 2008 by Ben Bishop No Comments

It seems that Microsoft have caved listened to public reasoning and web standards ‘mode’ will be switched on by default.

Microsoft’s forth coming Internet Explorer 8, which recently passed the ACID2 Test, have now changed the direction they were heading in the way IE8 will render web pages. Orginally IE8 was going to cater for existing web pages not conforming to web standards and offer a meta tag or other solution to enable it if required. Officially dragging IE into the 21st century by enabling this by default is definitely a step in the right direction and a statement of intent about IE8 from Microsoft.

Congratulations Microsoft, this is the right decision. Allowing developers to write website the right way with out hacks and work arounds simply makes economical sense.

LA Galaxy MySpace Profile Goes Live

Posted on: July 16th, 2007 by Ben Bishop 4 Comments

I am delighted to announce that the LA Galaxy MySpace page has gone live.

I was approached by AEG Worldwide in June about a proposed design for the Los Angeles Galaxy MySpace profile that was to go live in time for the David Beckham press conference. With important time constraints on the project and a complete brand redesign ready to be implemented it was an exciting time to be working with such a prestigious company.

The profile is live and I hope demonstrates what can be done with MySpace and a great brief. Take a look here Official LA Galaxy MySpace Profile.

BenBishop.me.uk Site Redesign

Posted on: May 9th, 2006 by Ben Bishop No Comments

On May 1st I took part in the CSS Reboot, completely redesigning the appearance of my personal tech blog. The CSS Reboot takes place every year and is a day when designers across the world re-launch their sites focussing on CSS, design, usability and accessibility.While I was happy with the result, the design was only probably 70% finished and still now with further improvements to the layout, I am still not satisfied. Over the last few days I have made improvements to the comments system and have polished up some of the rougher edges to a WordPress theme I am calling ‘Satin’. Take a look.

This I hope to be the first of many themes I produce for WordPress and I intend to make these freely available for download in the future. Satin will be available when I have made the theme a little more manageable.

Please contact me if you are interested in having a (we)blog for any number of reasons. I will be happy to consult on the best course of action from technical issues to designing a custom appearance for your blog. Whether designing a blog for business or personal use or to integrate into your existing site, blogging is a quick and easy way to communicate effectively with your audience.