✍🏻 A newsletter is just an indie tweet

It's been a really long while since I published a newsletter. So I hope you don't mind this out of the blue reboot.

My latest blog post is about using Display-P3 colour space on my website. It's only possible in Safari, but the colours are certainly brighter.

Using Display-P3 colour

I wanted really bright colours on my site, but in order to do that I needed to delve into a rabbit hole of using Display-P3 colour in CSS. Here’s how I did it.

David DarnesWebKit

Over the weekend people seemed to go wild on Twitter for my little tabs UI demo. It was a component I did for work where a small overlapping shadow appears at each end of the list of tabs if there's content overflowing.

Here's the actual component I built for work:

Tab Group | Nord Design System

Tab Group allows multiple panels to be contained within a single window,using tabs as a navigational element.

Nord Design SystemNordhealth

People might also find some of the code snippets I post as GitHub gists useful. I tend to put them up there to save for later, send to people or when things didn't work out but it was kinda useful. Such as this trick to compiling your CSS in an Eleventy project using Parcel CSS:

Compile CSS with Parcel CSS

Compile CSS with Parcel CSS. GitHub Gist: instantly share code, notes, and snippets.

Gist262588213843476

…or this one for skipping slow building files in Eleventy when developing locally:

Skip template files in development if they’re too large

Skip template files in development if they’re too large - skip-eleventy-files-dev.js

Gist262588213843476

Last one we used at work as we have a lot of pages that need to be searchable, but we don't need to build that file unless we're working on the search feature of the docs specifically.

That's all for now! I want to keep these short so I don't get bogged down in making them all pro like. These should be very quick roundups.

Laters ✌🏻