CSS – Graham Todman freelance UI / UX product designer http://grahamtodman.co.uk/blog Wed, 07 Oct 2015 20:00:38 +0000 en-US hourly 1 https://wordpress.org/?v=4.4.2 Responsive web design – sarahburgessyoga.com http://grahamtodman.co.uk/blog/2013/02/responsive-web-design-sarahburgessyoga-com/ http://grahamtodman.co.uk/blog/2013/02/responsive-web-design-sarahburgessyoga-com/#respond Mon, 11 Feb 2013 12:49:10 +0000 http://grahamtodman.co.uk/blog/?p=2049 Continue reading Responsive web design – sarahburgessyoga.com]]> I’ve had my first play with responsive web design and CSS, which was great fun.

Sarah Burgess Yoga website design

This new site for yoga teacher Sarah Burgess is to provide information and class schedules for her yoga practice. It was designed to be friendly, informal, and uses “in-situ” photography of Sarah doing yoga as a main focal point.

Responsive WordPress theme customisation

I designed the site and customised a theme in WordPress which was used as framework for the content and to make updates easy. I used the theme “Twenty twelve” as a base. It’s a responsive theme created by WordPress’ in-house team and is a great foundation for exploring media queries and getting into designing layouts optimised for mobile, tablet and large screens. It is interesting in that it loads the CSS in the functions.php, rather than in the header.

Sarah Burgess Yoga responsive web design for mobile and tablet

For the full screen background slideshow I used the excellent MaxImage by Aaron Vanderzwan. I found this to be the most reliable and platform agnostic. This meant that I had to add the slideshow code directly to the .php files rather than using a WordPress plugin, which I found either didn’t work very well or slowed the site down too much.

 

]]>
http://grahamtodman.co.uk/blog/2013/02/responsive-web-design-sarahburgessyoga-com/feed/ 0