Over the past weekend, I tried something I’ve not done before: a CSS drawing.
I’ve seen lots of these types of art around, in particular in the CodePen newsletter The Spark (which I highly recommend signing up to). I’ve been wanting to produce something similar myself for a while, but I struggle to find inspiration for what to build. While looking after my niece recently, we put the animated TV show Hey Duggee! on for her, and I thought Duggee (and his friends) looked like a great candidate for a CSS drawing.
Here’s the finished piece:
See the Pen CSS Duggee by Samantha Miller (@sambulance) on CodePen.
I’m really pleased with how this turned out. I’m particularly happy with the ears, in particular the curve as the ear meets his head. I feel like I cheated a bit here as it uses a mask rather than a shape, but the end result works perfectly.
I’ve made a conscious point to not go back an refactor the code. I know there are mistakes and some parts could be leaner/more clever, but I sometimes get hung up on things being “perfect”, and I don’t want to get caught up with this. All in all this took about 4 hours to make, I don’t want to spend another 4 hours perfecting it.
This was a lot of fun to build and didn’t take much time at all. Maybe I’ll build some friends for Duggee too.
I just found myself in a situation where I needed to convert 30+ PHP files in to HTML files. Rather than do this manually, I had a look to see if I could do this using command line.
Continue reading “Changing file extensions in bulk using Git Bash”
A couple of weeks ago, I set up a new live site for a client on a fresh domain. This is a routine task I do on a regular basis, and is one of those things you do on autopilot.
Continue reading “Domain A records: Why is my wildcard working?”
I feel like it might be quite cathartic for me to write about why I don’t like writing. Perhaps it will help me shed some demons or something. Who knows. Let’s find out.
Continue reading “Why I don’t like writing”
Today I encountered a situation where I needed to change the background image of a page based on the Gravity Form page the user was on. Gravity Forms does not add classes outside of it’s own wrapper element, so I needed to find a way to add the current page number as a body class.
Continue reading “Adding a body class based on the current Gravity Form page”
Last weekend I embarked on my first public speaking experience at WordCamp Manchester 2014. It was one of the most nerve-racking things I’ve done in my life.
Continue reading “Talking for the first time: WordCamp Manchester 2014”