It's been a weird path, I originally just wanted a cool loading icon for my side project mydevportfol.io, but building loading icons has now evolved into a bit of an addiction for me, and I've gotten quite a few…
Chris Dermody
A collection of 25 posts
The products, tools and technologies I use on a daily basis to get things built
I got the idea for this page from Wes Bos's /uses/ page. I think it's great to share the tools and workflows we use, and I myself often get asked things like what editor I use, what's my tech stack…
How to pick an available domain name for your side project or business in 10 minutes
Techniques for quickly picking a great domain name for your #sideproject, using colours, thesaurus, translations, the animal kingdom and more
Chrome Extension Manager "Custom Chrome" Gets a New Lease Of Life
Back in 2014, myself and Ciaran Maguire set about building a chrome extension that could quickly and easily manage other chrome extensions, turning them on or off quicker and better than the native experience. Our goals were simple, we wanted…
MKBHD logo animation | Step by step SVG and CSS tutorial
Step-by-step tutorial - MKBHD animated loading animation with SVG and CSS
If MKBHD had a loading animation
I've been a subscriber to Marques Brownlee (MKBHD) for a few years now, his tech videos are always on point, free from hype and other nonsense that can plague YouTube recently. If you like tech and don't know him, go…
CSS only "Coding" Loading Animation - Step By Step Tutorial
How to guide - CSS and SVG "coding" animation built with Sketch, and no Javascript!
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
In this post I'll discuss (and give away the code for) my latest portfolio template. This design is based on a portfolio I discovered by Jeremy Thomas, the creator of the Bulma CSS framework (among other things). Jeremy has since…
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,…