Search

Post types:
Categories:
πŸ”–

There is no HTTP code for censorship (but perhaps there should be)

Read Note

Should there be an HTTP error code for censorship? Quite probably and I agree with Terence that 403 (forbidden) is a misleading response. I really like his various proposals and the format he uses is …

πŸ”–

Web almanac 2019

Read Note

The team behind the HTTP Archive do a fantastic job of analysing the web and 2019 is no exception. From JavaScript to accessibility, if you want to see how well we're doing as a community at standing …

πŸ“–

How to Fix a Broken Embedded Flickr Album

Read Article

I recently had need to embed a Flickr album, as I've done many times before. When I published the article, however, the album was broken and only showed a single image. Odd, sure, but I figured I had …

πŸ“–

Crafty Asset Management

Read Article

Migrating assets to a new CMS can be a complete pain, but working out which files go with each page or article on a website doesn't have to be a nightmare if you start with a solid foundation. For me, that means tightly coupling my folder structure on the server with my content structure on the website, a workflow that Craft is particularly nifty at automating.

πŸ“–

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.

πŸ“–

Adding Search with Algolia (Gatsby, Craft CMS - Part 1)

Read Article

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.

πŸ“–

Sparkbox Notes

Read Article

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).

πŸ”–

Oh, embed!

Read Note

YouTube embeds can be expensive on page load metrics, but what alternative is there? How about loading a thumbnail that hot-swaps itself for an <iframe> when clicked? Sounds great, but wouldn't …

πŸ”–

The layers of the web

Read Note

The three words that spawned the world wide web as we know it; the response from Tim Berners-Lee's supervisor to Tim's initial proposal. Jeremy's talk dives into the history of how the web came to …

πŸ”–

CSS animations within SVG

Read Note

A very neat little trick. Embedding @keyframes within your SVG <style> element makes it animate when it loads, whether rendered as an image or a background (or, I assume, inlined). It can even …

πŸ”–

Netlify redirects and downloads

Read Note

I didn't know that the <a> element had a download attribute, nor that it could rename the file on download for you …

πŸ“–

Animated Content Placeholders

Read Article

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.

πŸ”–

Git push to new repository

Read Note

Super useful walkthrough on taking a branch from one repository and publishing it to another repository entirely (great for creating test repos or stripped-down example repos for bug …

πŸ”–

The modern way of serving images

Read Note

A very thorough overview of how to write a modern, performant, HTML-driven image component that is as optimised to serve the most appropriate image as possible. There are some very neat tricks in …

πŸ”–

Automating the deployment of your static site on your own server

Read Note

Need to self-host your front end away from the "modern" services like Netlify or Vercel? As both continue to get a little sketchier with time, it's definitely something I'm having to …

πŸ”–

Josh's custom CSS reset

Read Note

Josh has added some additional thoughts to Andy's CSS reset. Personally, I like a combination of the two (with a dash of Stephanie's best practices thrown in for good measure), but wanted to capture …