Animation
MKBHD logo animation | Step by step SVG and CSS tutorial
Step-by-step tutorial - MKBHD animated loading animation with SVG and CSS
Chris Dermody
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 subscribe now. Anyways, after recently hitting
Animation
CSS only "Coding" Loading Animation - Step By Step Tutorial
How to guide - CSS and SVG "coding" animation built with Sketch, and no Javascript!
Product Building
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 birthstone in the middle, and a little wooden
Animation
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 how support for SVG animations is being deprecated
Product Building
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 a project I need to revive, and maybe
technical
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
free templates
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 the code for) my latest portfolio
Animation
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. I’ve really liked SVG icons for a while, and
Animation
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 help developers and programmers build awesome portfolios from
Product Building
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, and since I love building things anyways, I’ve decided
Design
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 to build web development portfolio that lands you
