Designing in Code


I don’t do interviews very often¬†partly because I tend to go off on tangents quite a lot and rabbit on about things I wasn’t asked. It’s an affliction I’m trying to overcomeūüôā

Over the past few months I have become friendly with Matt Aussaguel from MaterialUp, UpLabs (and many others) and when he asked me for an interview about my process of designing in code I was pretty excited to talk about it.

Designing in code is not a new thing and with the unstoppable resurgence and popularity of SVG it has never been easier to design and build projects almost solely in the browser using some fairly standard tools.

So without wishing to blabber on I invite you to go and read it – I made a very special effort to stick to answering the questions (which was very hard for me!). I hope you enjoy it.

Spin2Win Wheel is finally here!

Spin2Win Wheel


Today I am thrilled to announce my new product called Spin2Win Wheel!

Following months of focused development and customer feedback on my first wheel game, Spin2Win Wheel is not only responsive and beautiful but also chock full of useful (and requested) features.

Here’s some info:

Built using Scalable Vector Graphics Spin2Win Wheel is a responsive, flexible, customisable, resolution independent spin wheel game whose outcomes you control.

Spin results, prizes, win/lose, number of spins and more can be controlled using JSON data. You can also customise the look and feel of Spin2Win Wheel to bring it in line with your brand or color scheme and it even has an anti-cheat mechanism to prevent players placing the wheel on a chosen segment.


  • API for game progress, tracking and results
  • Populated and controlled with JSON for dynamic instances
  • Spin destinations can be set to ensure a specific outcome
  • Anti-cheat mechanism
  • Supports infinite random spins
  • Smooth intuitive spin/throw physics
  • Customizable colors with unique or alternating pattern
  • Customizable size, position and style of the graphics
  • Responsive and scalable
  • Customizable number of wheel segments
  • Use text or images (or both!) as the prize on each segment
  • Supports animated GIFs as segment prize
  • Touch and mouse input
  • Supports desktop and mobile
  • Resolution independent SVG graphics means it Spin2Win Wheel looks beautiful on high density displays
  • Supports tick sound on/off while spinning
  • Supports shadows to add depth
  • Info popups can be styled via CSS
  • Supports emojis


You can read more in the official documentation here.

For those of you who follow my blog you may know that I have been selling items on CodeCanyon for a few years now. I began selling Edge Animate templates and thankfully they have sold, and continue to sell, very well.

You may also know that¬†Edge Animate has now been discontinued and so I have moved my focus onto¬†SVG and JavaScript. So this new product marks a new dawn for me as I move into building items that don’t rely on any third party software.

As I was building it I realised it¬†can actually be used for all sorts of applications – quizzes, games, UI, information points, kiosks, apps and more – and because it’s built with responsive SVG it always looks great.

A lot of blood sweat and tears has gone into this so I hope you like it (and buy it obviouslyūüôā

Check out Spin2Win Wheel


How To Create an Interactive SVG Splat Animation

As a life long learner I find teaching to be one of the¬†best ways to hone and broaden¬†my¬†skills. Not only does it ensure that I’ve¬†really understood the subject but¬†I also get a tremendous sense of karmic balance – I too watch and read many articles, videos and blogs¬†that either teach me something new or¬†help me out of a spot so¬†it’s good to give back to the community.

So today I’ve uploaded a new tutorial. I created the original pen several months ago and I had grand ideas of putting together a pack of UI elements to sell but I just don’t have the time so I¬†made the pen public and made a tutorial on how to make it instead.

I hope you enjoy it and find it useful. Oh and here’s the original pen: