I’ve been working on a way of using CSS Grid and a small amount of JavaScript to make Masonry style layouts. I reproduce all the functionality of Masonry whilst remaining flexible and responsive thanks to CSS Grid. Before we dive in to the method, here is a CodePen with the…

Combining D3 and CSS to create a flexible content grid with expandable content and sorting. Spoiler alert: Completed project on Codepen. It’s 2002 again Back in the heady days of Netscape 4, and all the lovely extra edge-case coding it required, I was a HTML developer. And as I hand-coded my artisan HTML…

Mike Bostock’s (@mbostock) D3.js library makes use of SVG, HTML5 and CSS standards to create interactive data visualisations for the web. He has hundreds of examples of amazing visualisations created using this library. I’ve been using the library to make some data visualisations of my own and as part of…

I tried to add my latest Instagram photos to my personal site using my own look and feel despite Instagram not wanting me to do this. It wasn’t pretty but I just about got it done. This is how. Why? My personal website (http://andybarefoot.com/) is like many others. It exists because…