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

Sam Rayner

The Sandbox

Experiments with CSS, (X)HTML and JavaScript

The Sandbox is where I get my hands dirty with some code in an attempt to solve a problem or improve upon an existing technique in some way. For a detailed explanation of each method, visit one of the related blog posts. As always, I'd love to hear what you think in the comments of those posts.

Better Blocklists

Better Blocklists Preview

A much improved method of increasing the clickable area of a link to encompass multiple elements, cutting it right back to POSH and making use of CSS2.1 selectors.

Related Blog Post

Pure CSS Rounded Corners

Pure CSS Rounded Corners Preview

A method of creating boxes with slightly rounded corners using ultra-clean markup and a bit of CSS trickery; not an image or line of JavaScript in sight.

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 .

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…

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