Things that piss me off about the internet vol.1


There are a lot of things that piss me off about the web industry and the internet in general, so I thought I'd start a series of posts where I can rant about them.

(I've realised I'm a very easily annoyed person.)

Sketchnotes from conference talks

What the hell is the point in these? Just scribblings that don't capture anything about a talk, and are essentially a collection of disconnected sentences that barely relate to the subject?

They're basically just a way for people to show everyone else how good they are at drawing. They just give people something else to post on Twitter, and have no use to anyone except the person who drew them.

Cat pictures

Don't get me wrong I think cats are ace, I've got a couple of my own. But who decided that every demo site or placeholder image should be a picture of a kitten?

Have a bit of imagination, there's bloody cats everywhere!


As soon as someone decides to embark on a career in the web industry, they also feel they need to become a bloody coffee connoisseur. Ordering in weird and random kinds of coffee from all over the world. It all stinks as much as each other so it makes no difference.

"Have you tried these new beans from the arse-end of Ecuador? They are so aromatic and just offer a fuller flavour and I could never go back to instant, oh god no."

Piss off and fetch me a brew. And no I don't care what tea bags you use.

AngularJS - ngHide for old IEs


Yeah yeah I know, old IEs are dumb and should be run over by a bus or thrown off a bridge and blah blah blah. But sometimes 20% of your client's users are using IE7, and another 20% on top of that use IE8, so you've got to deal with it.

The trouble is, some pretty basic AngularJS built-in directives don't work in these browsers. In this short post I'll show you how we wrote our own directive to enable us to use ngHide across browsers.

Read this post

Simple Check for Old IEs


On a recent project I needed to be able to detect if a user was browsing using IE8 or 7, and serve different functionality to them if that was true.

After looking around a really easy way to do this is to simply check whether the browsers supports the leadingWhiteSpace feature, using jQuery's $.supports method.

if ($.support.leadingWhitespace == false) {
     var oldIE = true;

Old versions of Internet Explorer don't support this feature, and therefore oldIE will be false on these browsers. You could then apply a conditional class to your body tag to style something differently, or write a quick if statement to check the value of oldIE before executing some script for example.

A Couple of Problems I've Found Using Flexbox


I recently tried using flexbox for laying out products in a grid, and came across a few problems. I think the main issue is down to browser support, but there's also some quirks in the implementation that mean I can't quite use it how I would like.

This post summarises the issues I found.

Read this post