How to guide - CSS and SVG "coding" animation built with Sketch, and no Javascript!
CSS only "Coding" Loading Animation - Step By Step Tutorial
Valentines mobile app for my girlfriend
In the past, my passion for building stuff naturally made its way into my love life. Since meeting my girlfriend 2 and a half years ago I've made her things like a dreamcatcher made from a wine barrel with her…
CSS only "coding" animation
I promised, I delivered (eventually). I shared my SVG coding loading animation a month or two ago on reddit's /r/webdev, and it went down fairly well. In my original post about how I built that animation, I talk about…
January 2018 side-project stock take, and what I'm thinking about moving into a new year
In this post I want to document all my options for the coming year in terms of side income. I want to take a critical look at what I have at my disposal, and what opportunity they present. Maybe there's…
How to generate different device frames in Chrome to show off responsive websites and apps
If you've been following the blog, you'll know that I've been busy building portfolio templates for developers and programmers for the last few months. If you haven't, you can check them out here and here. I've been sharing them on…
A Minimal Web Developer Portfolio | Free Template
Update: I've built a web app that lets you build an awesome developer portfolio in minutes using your GitHub profile. Check it out and let me know what you think: mydevportfol.io In this post I'll discuss (and give away…
An animated SVG loader for mydevportfol.io | step by step how-to guide
In this post, I’ll show you how I went about coding an animated SVG (Scalable Vector Graphic) to convey to users of my web application mydevportfol.io that code is being written/generated for them while the app loads.…
How to convert animated SVG to GIF
Recently I've been having some fun creating animated SVG icons to use as loading "spinners" for my side projects. My most recent one was a "coding" animation for my side project mydevportfol.io, a tool to…
Web developer portfolio generator - early preview
So, if you’ve been following along, you know that I’ve been going a bit crazy lately building free web developer portfolio templates for Redditors. As with everything I do, I’ve been looking at ways to automate it,…
7 tips for building a web developer portfolio that employers and recruiters will love
Update: I've built a web app that lets you build an awesome developer portfolio in minutes using your GitHub profile. Check it out and let me know what you think: mydevportfol.io In this post, I’ll talk about how…
Web Developer Portfolios - free templates for developers and programmers to show off their work with GitHub pages
In this post I discuss three free templates I created for developers and programmers to use to show off their skills and impress recruiters
Micro-Project - A HubSpot friend asked me for a script to parse XML sitemaps, so I built him a web app...
TL;DR The tool I built in 4 hours to extract all URLs from a site’s sitemap.xml file A good friend of mine, Craig Ellis, is a Sales Engineer in HubSpot. I recently built him a project that…
How to pick a colour scheme for your MVP that's a little bit like cheating
In this post, we’ll discover how colour can be used to subconsciously influence how your users feel about your minimum viable product. We’ll see how colour can be used as a short-cut to your user’s brain, gently…
Overhauling my WordPress website from scratch using Bootstrap v4 (alpha)
Update: This post is from the summer of 2016. I have since updated my blog to the premium theme you see now. I’ll keep this post for posterity and to see the process I went through in playing with…
Slack custom slash command - check domain availability with Express.js, Node.js and Heroku
A quick custom slash command tutorial using Nodejs and Express, complete with styling responses