Hey, my name’s Chris,and I’m ravenous for CSS.I’m Chris Burnell, a Canadian Front End Developer hailing from Halifax, Nova Scotia now living in London, England. Right now I’m contracting for Squiz, helping organise London Web Standards and State of the Browser, and I’m perpetually rabbit-hole deep-diving. This is where I think, write, and share my passion for the web.Newest Posts permalinkOver the last couple of months I’ve made some small improvements and additions to 🐋 Bowhead, which is now at version 0.2.1. Since last posting about it, I’ve cleaned up the documentation, added some minor bits and pieces, and used…published 26 August 2021note🔖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/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 permalink✅ went to SAE Extra: Anti-racism, one line of code at a time on 11 November 2020 SAE invites our web lecturer Dominic Patmore to host a panel event with tech professionals on how we take down racism in tech. Register for free here!published 15 October 2020noteVariables for BothNow that CSS Custom Properties, or CSS Variables, are becoming a solid standard, I'm using a method to map their values to CSS Variables whilst providing a value-as-is fallback using a straightforward syntax in a SCSS function and mixin.published 15 October 2018 · updated 06 May 2021articleAnyone using IntersectionObserver seen intersectionRatio>1? I’ve been rounding this attribute, toFixed(n), to help keep things clean.published 15 October 2017note
Over the last couple of months I’ve made some small improvements and additions to 🐋 Bowhead, which is now at version 0.2.1. Since last posting about it, I’ve cleaned up the documentation, added some minor bits and pieces, and used…published 26 August 2021note
🔖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
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
✅ went to SAE Extra: Anti-racism, one line of code at a time on 11 November 2020 SAE invites our web lecturer Dominic Patmore to host a panel event with tech professionals on how we take down racism in tech. Register for free here!published 15 October 2020note
Variables for BothNow that CSS Custom Properties, or CSS Variables, are becoming a solid standard, I'm using a method to map their values to CSS Variables whilst providing a value-as-is fallback using a straightforward syntax in a SCSS function and mixin.published 15 October 2018 · updated 06 May 2021article
Anyone using IntersectionObserver seen intersectionRatio>1? I’ve been rounding this attribute, toFixed(n), to help keep things clean.published 15 October 2017note