The rules of margin collapse
Read NoteA brilliant overview of all the weird edge-cases that exist with the CSS margin attribute. Honestly, having used CSS for over a decade I'm not sure I've run into any of them before (maybe parent …
theAdhocracy
A brilliant overview of all the weird edge-cases that exist with the CSS margin attribute. Honestly, having used CSS for over a decade I'm not sure I've run into any of them before (maybe parent …
I mostly use my iPad for watching YouTube. So what do I do now that Google has locked my device out of the YouTube app because it's too old? Why is it possible for a company to effectively remove features from my device that worked yesterday?
Static sites don't make search functionality easy, but luckily there are some excellent services that do. I've been messing around with Algolia and finally have it working with Craft and Gatsby the way I want it... on the backend, at least.
Notes from the fully remote React Summit 2020 (or at least the talks I tuned in for). Lots covered, from static-site generators and the Jamstack through to React state management and accessibility. What a fun day!
Notes from my second fully remote conference, this time Sparkbox's UnConference. Being able to freely access talks from the US is a rare bonus of everything going on right now, and this did not disappoint. Musical cameos, great talks on UX, accessibility, design systems, and amazing speakers. Great event (despite the time difference).
The Sigma 150-600 Contemporary has been on my shortlist as the wildlife lens to get for some time. Today, it left that shortlist... and entered my camera bag! Whilst I can't go out and test it on actual wildlife right now, I have been taking some test shots around the house.
I love Heydon's breakdown of why "accessible" =/= "good". To paraphrase: accessibility is about removing barriers that would prevent people from using your site, but if the content is crap or the …
The search page is live, the index is populated, but it all looked a bit rubbish and it didn't quite work as well as I wanted. Now it's using custom-styled components, queries are tracked/stored via the URL for persistence, and you can filter results based on category.
Notes from the 2020 Jamstack Conf. Some interesting dives in the Jamstack community and various applications of Jamstack technologies, with tweet threads as usual.
A fun list of the all the irritating edge cases that can crop up once you start dealing with dates and timezones. I'm a particular fan of the more obscure information on the Hebrew Calendar, with …
What do you do when a website has loaded but the content is still being fetched from an API? One answer is to fill the page with animated placeholders, creating a skeleton of what the user can expect, with a dash of CSS animation to let them know that something's still going on behind the scenes.
IWC London was one year ago today. When it came to an end, I felt like I finally understood the IndieWeb. I was wrong.
Is an album's tracklist better suited for a table or a list? The answer may surprise you! (But it probably won't).
People joke about Safari being the new IE6 a lot, but I've never seen as succinct and well-reasoned a take on just how true this is becoming than what Tim has written. Their argument breaks down into …
Craft CMS can be a very enjoyable mobile authoring experience, but it can be improved with some clever plugins and a few relatively new core features.
Starling Bank frustrates and impresses me in equal measure. Their technical solutions are magical – when they work – but their service is steeped in a privileged bias that makes them hard to truly recommend.
The tale of my (possibly brief) foray into the world of tech reviews and market influencers.
A solution for an annoying bug in Lightroom where keyword searches stopped indexing new tags.
With half the year now firmly in the past, how are my 2022 goals coming along?
A halfway solution to a design pattern that I see often, but have yet to find an easy way to implement: text that wraps so it is always fattest in the middle, and thinnest at either end.
Animating a grid element provides a lot of potential for fancy UIs and interesting interactions, but it's not immediately obvious when searching online how it needs to work and what the limitations are.
I read the entirety of the EAA – including all supporting documentation – so you don't have to.
Josh may have written the perfect article on Tailwind. As someone who has also spent quite a lot of time (both professionally and personally) working with Tailwind, I couldn't agree more, …
A few careful thoughts about the utility of "web marginalia", in this case for discovery; things like blogrolls, feed lists, and webrings. John wonders if their demise is in part due to the loss of …
Specifically, the 6th (and 7th) of August, 2023; the day we tied the proverbial knot.
2023 was another BIG year in terms of, well, everything. We travelled all over the world. We attended scores of major events. And we got married. It's taken a while to write up, as a result!
Or how I spent four days trying to debug a local Astro environment that refused to load any CSS.
Creating a border along half of a circular element using CSS gradients and background images.
Astro and Netlify largely play well together, but I've found a few aspects of redirects and URL design that contain the odd foot-gun I had to work around.