Use these buttons to find what you're looking for more easily.

My guide to getting into coding.

Links and tips on how to get started with coding and the world of digital.

Making a career change - coming soon.

What I have found so far

screenshot from tutorialzine.com

HTML games

Check out the power of HTML and play some fun games doing it!

screenshot from online-convert.com

Convert formats for all sorts of files, pictures, videos, audio - the whole shebang.

http://www.online-convert.com/

screenshot from responsivegridsystem.com

A super simple, responsive grid system - this page created with this tool.

http://www.responsivegridsystem.com/

screenshot from color-hex.com

Colour Picker site - quickly grab a code, complementary colours, optimised for web.

http://www.color-hex.com/

screenshot from cssmatic.com

Gradient, box shadow and button styler - tell it what you want and borrow the code!


http://www.cssmatic.com/

screenshot from google.com/fonts

The place to go for fonts, free and very helpful tips.


https://www.google.com/fonts

screenshot from compressor.io

Optimise your pictures for web with minimal degradation.


https://compressor.io/

screenshot from ascii.cl

A reference guide for HTML/ASCI characters to use when coding.

http://www.ascii.cl/htmlcodes.htm

screenshot from visme.co

A helpful article/guide to pairing fonts for someone with litttle design knowledge around fonts.

http://blog.visme.co/pairing-fonts/

screenshot from tutorialzine.com

A good website full of useful articles and lists of JS plugins etc.

http://tutorialzine.com/

screenshot from 8bitphotos.com

A fun image converter - 8-bit style!

http://www.8bitphotos.com/

screenshot from cssfontstack

A complete collection of web safe CSS font stacks.

http://www.cssfontstack.com

screenshot from codebeautify.org

Got some messy indentation going on? Fix it fast with a couple of clicks here. I find this very handy with eDMs!

http://codebeautify.org/htmlviewer/

screenshot from am i responsive

I use this for the mock up images that are generated of the site you are testing.

http://ami.responsivedesign.is/