Hey, my name’s Chris,and I’m ravenous for CSS.I’m Chris Burnell, a Canadian Front End Developer, Organiser for London Web Standards, Dungeon Master, and rabbit-hole deep-diver living in London, England. This is where I think, write, and share my passion for the web.Newest Posts permalink🔖Lo-Fi PlayerTo me, this is part of what the web is all about. A fun little interactable room that plays lo-fi music!published 04 June 2021https://magenta.github.io/lofi-player/bookmark🔖Why I Love CodingI think I need to read *The Mythical Man-Month*!published 10 May 2021https://henrikwarne.com/2012/06/02/why-i-love-coding/bookmark🔖Hexagonal GridsThis incredible post covers just about everything you'd want to know about implementing a hexagonal grid. Chock-full of useful info!published 08 December 2020https://www.redblobgames.com/grids/hexagons/bookmarkPopular Posts permalinkSassy Lobotomised OwlManaging spacing between elements and components on your page can be a tiring task if undertaken manually. This is where the lobotomised owl comes in: a short, simple snippet of CSS that simplifies this whole process for you. In this article I’ll explain how I make use of it in a more dynamic way using a SCSS mixin.published 14 January 2020 · 15 responses to Sassy Lobotomised Owlarticle🖼 Had the joy of visiting the Bond in Motion at @ldnfilmmuseum a few weeks ago and got to see this bad boy DB5 in all its (blue-tinted) splendor.published 13 September 2018 · 13 responses tonoteTime to Cache UpFor a long time I’ve been searching for a sound solution to storing the entire webmention history of my blog, as packaging it up with the rest of the repository was not cutting it for me. Enter the world of async.published 23 November 2020 · 12 responses to Time to Cache UparticleBrowse the ArchiveOn This Day permalinkUnique Pairs in SassIn creating a from-scratch grid for a redevelopment project, I was using Sass to loop through various bits of data to generate a bunch of repetitive CSS, but I realised I had no DRY way of generating a list of unique pairs of items from a given dataset, so I set out to find out how.published 16 June 2017articleAnnoying Navigation CSSNavigation is crucial to a functional website. It is how your users find the information they're after; get it right, and your users are happy—get it wrong, and they go insane!published 16 June 2013article
🔖Lo-Fi PlayerTo me, this is part of what the web is all about. A fun little interactable room that plays lo-fi music!published 04 June 2021https://magenta.github.io/lofi-player/bookmark
🔖Why I Love CodingI think I need to read *The Mythical Man-Month*!published 10 May 2021https://henrikwarne.com/2012/06/02/why-i-love-coding/bookmark
🔖Hexagonal GridsThis incredible post covers just about everything you'd want to know about implementing a hexagonal grid. Chock-full of useful info!published 08 December 2020https://www.redblobgames.com/grids/hexagons/bookmark
Sassy Lobotomised OwlManaging spacing between elements and components on your page can be a tiring task if undertaken manually. This is where the lobotomised owl comes in: a short, simple snippet of CSS that simplifies this whole process for you. In this article I’ll explain how I make use of it in a more dynamic way using a SCSS mixin.published 14 January 2020 · 15 responses to Sassy Lobotomised Owlarticle
🖼 Had the joy of visiting the Bond in Motion at @ldnfilmmuseum a few weeks ago and got to see this bad boy DB5 in all its (blue-tinted) splendor.published 13 September 2018 · 13 responses tonote
Time to Cache UpFor a long time I’ve been searching for a sound solution to storing the entire webmention history of my blog, as packaging it up with the rest of the repository was not cutting it for me. Enter the world of async.published 23 November 2020 · 12 responses to Time to Cache Uparticle
Unique Pairs in SassIn creating a from-scratch grid for a redevelopment project, I was using Sass to loop through various bits of data to generate a bunch of repetitive CSS, but I realised I had no DRY way of generating a list of unique pairs of items from a given dataset, so I set out to find out how.published 16 June 2017article
Annoying Navigation CSSNavigation is crucial to a functional website. It is how your users find the information they're after; get it right, and your users are happy—get it wrong, and they go insane!published 16 June 2013article