Archives

Bidirectional text in HTML

Today's obscure HTML element: <bdi>. It stands for "bidirectional" and refers to text that can include both RTL and LTR languages (does not appear to care about other [โ€ฆ]

Stripping the web of its humanity

The Arc browser recently added an auto-summarisation feature to its search. The result is a mash of misinformation and content theft, which Ben argues (and I fully agree) will ultimately create an [โ€ฆ]

WikiFlix

A Netflix-inspired UI for public domain films, animations, shorts, and similar media that the Wikimedia project has archived and catalogued in some way. Contains some real classics, including much of [โ€ฆ]

Time to rethink mobile-first CSS?

An interesting look at whether the current mobile-first paradigm is problematic. Ultimately, the title feels a little like click-bait; to me the solution proposed remains mobile-first, but suggests [โ€ฆ]

The chicken-egg problem of movie microformats

Sara proposes some broader microformats support for media consumption, beyond the existing u-watch-of. The existing option does little to differentiate the type of content (YouTube versus [โ€ฆ]

Re-evaluating px vs em in media queries

An overview of the state of media queries and accessible overrides (page zoom, text zoom, min/max font size settings etc.), seeking to determine which of em, rem, or px is the best option. Turns out [โ€ฆ]

Reloading cutting line on DeWalt DCM561P1S strimmer

It's a bit ridiculous, but I keep losing access to the manual for our strimmer, and the instructions aren't that clear even when I do find it again. Plus, to make matters worse, there are several [โ€ฆ]

The Fediverse is already dead

A wonderfully well-written look at the state of the "Fediverse", and whether or not that term has any value left in it. There's a lot of interesting history and some slightly spicy takes in here, but [โ€ฆ]

The origin of the lady code troll

I've followed Jenn for some time, but somehow missed this absolutely perfect talk they gave in 2016 at XOXO Conf. The humour is fantastic; the overview of the satire Jenn has put out is super [โ€ฆ]

A Local Data Store in Astro

A quick (and dirty) way to fetch local data from a JSON file and modify the look of a page in Astro, completely natively.

Partial Diamond Justification

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.

Actual CSS breakpoints you need to know

An excellent overview of why the typical "listicle" style tweet purporting to show you the "only breakpoints you'll ever need! ๐Ÿ˜Ž๐Ÿ‘‡๐Ÿงต" is not just silly, but actively missing the [โ€ฆ]

GSAP video export

A handy little tool for exporting GreenSock animations as videos, with a wealth of customisation options. Perfect for sharing animation work on social media or dropping examples into case studies [โ€ฆ]

White liberal performative art

An inciteful, well written, and intensely interesting (and important) look at media trends within modern white, liberal culture, focused around Bo Burnham's Inside but touching on a much [โ€ฆ]

We are not astronomers

I've chopped out the middle here, but I really like this sentiment from Seth on the nature of media, control, and the illusion of [โ€ฆ]

Designing for the unexpected

Cathy has produced an exceptional overview of modern responsive/intrinsic design best practices. From fluid units, to content-led design, to subgrid, pretty much every current or on-the-horizon [โ€ฆ]

Time to update your theme-color meta tag

I have mixed feelings about the inclusion of Safari's new editable browser chrome, but love it or hate it, more and more iOS and OSX users will end up seeing it. Andy hasn't touched on any of the [โ€ฆ]

Colour safe

Another excellent tool for checking colour accessibility, but with the added bonus of creating viable palettes for you. These can then be filtered based on various criteria such as minimum WCAG [โ€ฆ]

Ad hoc search powered by

Made By Me, But Made Possible By:

CMS:

Build: Gatsby

Deployment: GitHub

Hosting: Netlify

Connect With Me:

Twitter Twitter

Instagram Instragram

500px 500px

GitHub GitHub

Keep Up To Date:

All Posts RSS feed.

Articles RSS feed.

Journal RSS feed.

Notes RSS feed.