1. Skip to primary content
  2. Skip to secondary content

Sam Rayner

Portfolio

Web Development and Design Work

When I’m not snowed under with school work I try to take on small freelance projects or do some front-end design and development for Made Media. Below are some of the things I’ve managed to roll out over the past couple of years. If you have any questions or would like to get in touch about a project, feel free to drop me an email at sam@samrayner.com.

Old Carey Cross Country Club

Old Carey Cross Country Club

Created for Old Carey Cross Country Club, based in Melbourne, Australia. The site contains information for existing and potential runners as well as photographs scraped from an external Flickr account and an embedded Google Calendar.

r3new

r3new

My first standards compliant website. Before its creation I had only dabbled in the dark arts of table based layouts and spacer GIFs. The site acted as a small portfolio of my web design work and photography.

ShaDoW Design

ShaDoW Design

A portfolio site created for Merlijn Van Holder, an amateur game artist specializing in level design. Fluid width design with résumé page pimped out with microformats and an alternate printable stylesheet.

Swing Theory

Swing Theory

A site created for a 9-piece swing band I played rhythm guitar in. The band has since disbanded but there are still some photos and demo tracks up there for you to have a good laugh at.

Tudor Rose School of Motoring

Tudor Rose School of Motoring

A redesign of the website for Tudor Rose School of Motoring, a professional driving school run by Terry Jeffries that has operated throughout Sutton Coldfield and the surrounding areas in the West Midlands since 1995. Includes Google Maps integration for key areas covered in lessons.

Search, Information and Asides

About (More…)

Sam Rayner

Sam Rayner is an 18 year old web developer from Birmingham, UK. When he’s not pushing pixels or grumbling about IE Sam enjoys , sport, photography and writing about himself in third person. You can reach him at .

Flickr

  • Ted with his Sedum Roof
  • Hydrangea petiolata
  • Clouds over Sutton Park
  • Sunset at Bracebridge Pool

Popular Posts

Changing the Boot Camp Drive Icon
A quick guide to customising the icon of your Boot Camp volume (in Leopard) with my alternative available for…
Originally Posted: Mar 1, 08
Category:
Comments: 15
Span-Free Gradient Text Effect
A slightly cleaner method of achieving Nick La’s gradient text effect, removing the need for extra markup whilst unfortunately…
Originally Posted: Jan 17, 08
Category:
Comments: 15
AltFontPrev
The release of AltFontPrev, a JavaScript bookmarklet for previewing any site with the alternative fonts declared in its
Originally Posted: Jul 20, 08
Category:
Comments: 9

Latest Comments

Sam Rayner’s Gravatar Sam Rayner on Blogging with Coda
2 weeks ago
Ah, nice tip Bardiir! Thanks for that. Works a treat.
Bardiir’s Gravatar Bardiir on Blogging with Coda
2 weeks, 1 day ago
If you replace element[removed] = req.responseText; with element[removed] = req.responseText.replace(/\n/g,"<br>"); in the include.js you won’t have to use a pre-Tag…
RaiulBaztepo’s Gravatar RaiulBaztepo on AltFontPrev
3 months ago
Hello! Very Interesting post! Thank you for such interesting resource! PS: Sorry for my bad english, I’v just started to…