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. […]

What makes good front-end code?

Recently I started teaching the Front-end Web Development course at General Assembly. It’s the first time I’ve turned my hand to teaching, and it’s hugely challenging and great fun. Even though I’ve been making websites for 17 years, the students often ask me things that I’ve never thought about, or things which I take for […]

The non-breaking space is your friend

Do you remember the non-breaking space? They’ve been trying to help you out, but you’ve been ignoring them. You owe them an apology. I’m guilty of this just as much as you, and I’ll show you why. This is my sentence that goes over three lines this is the final word. How much does it […]

Calm above the water, and paddling like hell underneath

This week I took another step in overcoming my greatest fear, by presenting at the Respond 2014 conference in Sydney. It was only 15 minutes, but those 15 minutes have taken decades to prepare for. There are two moments in my life where I remember, with vivid clarity, not being able to speak in public. […]

How the HTML5 game “Ready to Roll” was built for iPhone

In mid February I successfully got my second game, Ready To Roll, into the App Store. The game is a little bit like a cross between a marble labyrinth game and a puzzle game, I think this blend makes it a little different to other games available. In this post, I’ll show you what I […]

Finding time to make games

As long as things go according to plan I’ll have a new game ready for the App Store within 2 weeks. Go me! Here’s the gist of this post, if you want to save reading through my ramblings: Don’t be afraid to abandon a project as long as you learn from it. If you’re trying […]

Responding to Responsive Design – how my workflow is changing

“We’ll just make it responsive” – this is something I hear more and more, and when I hear it, I shudder slightly because I don’t really know what it means. I’ve read lots of articles, used the approaches that are recommended. Implemented pages and sites that use the approach. But I still have this niggling […]

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. http://www.yuiblog.com/blog/2012/02/23/video-stephen-woods-html5-touch 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 […]