Search

Post types:
Categories:
🔖

Duotone SVG filters

Read Note

A very clever technique for turning any image into a duotone version – based on whatever colours you want – using SVG filters from within CSS. There's an additional faux-3D film effect applied …

Published:
Categories:
  • HTML & CSS
Tags:
🔖

Smarter SVG filters

Read Note

An in-depth guide to SVG filters, including colour manipulation, contrast, brightness, sharpening, blur, blend modes, and distortion. Very useful when trying to work out which combination of filters …

🔖

A filterable, indie search engine

Read Note

Another attempt at a privacy-focused, simplified search engine, with some interesting filter options – called "optics" – which let you customise your results. Only want to search personal sites? …

🔖

Camera comparison & feature search

Read Note

DPReview is one of my go-to sites for photography reviews or news, but every time I start thinking about a new camera I forget about their excellent hardware searching functionality. You can sort my …

📖

Testing the Sigma 150-600 Contemporary

Read Article

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.

🔖

Array functions and the rule of least power

Read Note

The various array methods in JavaScript can be thought of on a scale of power, or really flexibility. At the top end you've got the for loop, at the bottom the highly-specific functions …

📖

The Weak Link

Read Article

I enjoyed reading this article, written by Ethan Marcotte. It makes some interesting points, aligns with my own cognitive bubble and provides some deeper insight into areas of stuff that I …

📖

The Poetry of Spam [#30]

Read Article

I get a fair amount of spam posted to theAdhocracy. For the most part, it's easy to spot and formulaic (though admittedly increasingly intelligent). Spam comments either thank me for helping solve a …

📖

The Marvel-ous Collection: A Beginning

Read Article

I'm a pretty big fan of the Marvel Cinematic Universe, so it felt a bit ridiculous when I was given Guardians of the Galaxy: Volume 2 for Christmas. To be clear, the gift wasn't ridiculous; …

📖

Editing Commit History in Git/GitHub

Read Article

I was recently given a new laptop at work (🥳), but failed to realise that my Git author details weren't syncing correctly with GitHub for almost a month... 🤦 Rather than simply accept those white squares, I decided to rewrite the repository history. The process turns out to be quite simple, but I still hit several snags so figured it could be useful to document my fixes and errors.

🔖

Inversion of Control

Read Note

I have a tendency to prefer the kind of "inside-out" control that Kent is advocating in this piece, though I've never head it called "inversion of control" before. The idea of giving your users the …

📖

Classy Microformats

Read Article

In which I begin by questioning why microformats are defined on the class attribute, instead of somewhere more bespoke, and end up concluding that I don't understand what microformats are actually for... and I'm not sure anyone else does, either.

📖

Adding Search: Refining The Frontend (Algolia, Gatsby, Craft CMS - Part 3)

Read Article

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.

🔖

New Zealand bird identification

Read Note

A frankly excellent website for identifying bird species, particularly useful if you're like me and trying to do so years after having seen them 😁 It's a really neat interface that makes narrowing …

📖

Grid-ish Flexbox or Flexible Grid?

Read Article

The new dominant layout methods in CSS – grid and flexbox – have solved a lot of issues. Still, sometimes the ideal layout is somewhere in the middle: a flexible grid-like mashup. With a bit of outside-the-box thinking, you can there from either angle.

🔖

Excited about the indie web

Read Note

Tracy has written a really solid article that covers a lot of what I consider the positives of the IndieWeb movement. With her mentioning of digital gardens and personal filing systems, she's clearly …

🔖

That's not how 2FA works

Read Note

A succinct and to-the-point teardown of why 2FA (two-factor authentication) is beneficial for user verification by businesses, but terrible for preventing things like phishing attacks (because the …

🔖

Colour safe

Read Note

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 …