Make your own progressively enhanced share buttons

Ah, social buttons… they’re just like modern day hit counters… At their worst they slow your site down and show how little your pages are shared on social media, at their best they make it easier for people to promote your pages to their friends and followers. When faced with the task of implementing share buttons […]

Confidently removing CSS selectors with Google Analytics

As time goes by CSS builds up as we add features, but more often than not we don’t remove the CSS that’s no longer needed. The reason we leave things lying around could be: Cleaning up old CSS is not seen as important as adding new features. We are never 100% confident that the CSS […]

Game built with CSS and no JavaScript

Based on the previous carousel code I wrote, I had an idea on how a form could be used to drive the classic game of “Pick up Sticks”, so I spent a few hours seeing if it could be done:

Animating a SVG image for the first time

Last week I made the smallest website I’ve ever developed. Draw Inspiration is a single page website that allows users to print a random phrase for them draw. Phrases such as “icy pear”, “jealous butter” and “creepy popcorn”. In making this website, part of the challenge was to keep it free of JavaScript but still […]

CSS Keyframe animation example

An experiment using CSS keyframes, -webkit-mask and a little bit of easing on the keyframes. The browser you’re using may affect what you see. For example, Firefox doesn’t support the masking effect that’s used. Take a look at how it’s built for your self.

Setting up a CRM with a baby, a puppy and 48 hours

I enjoy being a front-end developer, it exposes me to lots of other roles and gives me the chance to see what other people do from day to day. Eventually those roles start to rub off a bit and sometimes, given the right opportunity, I get to break away from being a front-end developer completely. […]

Advice for creating a highly responsive UI on mobile

Quite an interesting video about Flickr’s experience in making the UI responsive in their lightbox. Take away points are: Provide continuous feedback Don’t do anything complicated whilst you’re doing lots for work in the UI (eg don’t load something whilst transforming a large element) Keep the DOM lean, and clean up transforms when you’re […]