Paul Spelman Emoji
Paul Spelman Emoji
  • Projects
  • —
  • About Me

Coding projects

I learnt how to code so I could build things myself and get them out into the world. Sometimes I'll create a useful tool, other times just something fun to play around with or something to help me practice a technique that I'm learning. I've really enjoyed approaching problem solving with a developer's mindset - systematic, logical, and breaking big problems down into smaller ones. I'm still a beginner, but I do have a solid foundation in HTML, CSS, and Vanilla JavaScript.

Day Rate by the Second

Most freelance jobs are awesome, but very occasionally you'll find yourself at a gig where you need some extra motivation to keep working hard. This tool shows you second-to-second how much money you've earned that day. If the work isn't very inspiring, this is a reminder that you're getting paid, so keep doing the work! This project was a chance to practice Javascript functions and events, and styling forms.

Have a play with it here.

Screenshot of the Day Rate by the Second site

Stay Focused Chrome Extension

This Chrome Extension helps you focus on the task at hand when working or studying. Whenever you open a new tab on Chrome to look up something online and probably get distracted, the extension displays a quote to remind you to stay on task. It provides a quick moment to consider whether what you're about to do is a good use of time, or if you should really get back to work. This project gave me a chance to play around with SVG animation, design in Sketch, and Javascript to handle the quotes and the different colored SVG backgrounds.

Click here to add the extension to Chrome or get a preview of it here.

First screenshot of the Focus Chrome Extension
Second screenshot of the Focus Chrome Extension
Third screenshot of the Focus Chrome Extension

Ideal Browser Width

This was a silly little thing that I put together when learning how media queries work in responsive design.

Discover the ideal browser width here (desktop only).

Screenshot of the Ideal Browser Width site

CodePen

If you're into code snippets and experiments, check out my CodePen here.

CodePen logo
Previous Project — Home