Hi.

Here’s a really striking effect – especially on touch-enabled devices as it’s reactive to swipe, drag, and multi-touch.

Canvas and WebGL seem to be at the heart of it, although I’ll need to dig into the source to see exactly what’s going on!

Here’s a nice whistle-stop tour of the the Guardian’s current digital design system. Apart from looking great, some of the terminology is interesting (fronts, kickers and thrashers) and I like the way they have different card types for different types of article, “each having its own flavour and tone”.

Some simple but inspiring work here from Seattle-based web developer Katherine Kato. I really like the use of space, the typography, the colour palette and the use of CSS grid for layout.

Polypane is a browser built specifically for developing responsive websites. It can present typical device resolutions side-by-side (for example iphone SE next to iphone 7 next to iPad) but also has some nice features such as automatically creating views based on your stylesheet’s media query breakpoints.

It’s a subscription service and at the moment I’m happy using a combination of Firefox Nightly and Chrome so I think I’ll wait this one out for the time being but keep my eye on it.

Bram Stein, a software architect at Adobe, wrote the book on Webfonts, so it’s no surprise that his own website showcases some pretty beautiful typography. It’s set in Expo Serif Pro, Expo Sans Pro and Source Code Pro.

webmention.app is a great new project by Remy Sharp. He created it because he noticed that while adding webmentions to your site is relatively straightforward, sending outgoing webmentions is less so.

At the moment this website is Perch-based and I have webmentions enabled, so let’s see what happens when I link to Remy’s explainer article.

I’ve seen a couple of other developers use Unsplash in their demos, and it just came in handy for me recently when needing some free food photography for a website.

It’s choc-full of lovely – and free – photographs and has an API so will be really useful.

A couple of weeks ago I was kindly asked to provide a guest DJ mix for the Vic’s Sunday Soundclash show on Radio Magnetic.

Listen to the show on demand.

Here’s the tracklist for my mix:

1. Black Uhuru - Chill Out
2. Jackie Mittoo - Oboe
3. Joe Higgs - There’s A Reward For Me
4. UBrown - Me Chat You Rock
5. Riddim Tuffa ft OBF - Food Dub Ninja
6. Mosca - Prento
7. The Royals - My Sweat Turns To Blood
8. Tatham/Ranks/Lord/Mensah - Private Life
9. Freddie McGragor w/ Sound Dimension - Africa Here I Come
10. Carlton Patterson w/King Tubby - King At The Controls
11. King Tubby - Herbal Dub
12. Carlton Coffie - Chant Away
13. Fabian - Prophecy
14. Prophecy Dub

I really enjoyed the chance to pull together reggae, dub and dancefloor favourites (old and new) for the mix. Cheers for the invite, Vicky!

You can catch Vic’s Sunday Soundclash on the first Sunday of each month at 2pm on https://www.radiomagnetic.com/

A comprehensive and great-looking reference featuring lots of examples.

While these days I normally reach for MDN Web Docs to keep me right on any given CSS feature, I’ve been thinking that with the recent explosion of new CSS features and syntax it’d be great to do a refresher course by working my way through a structured list of features – just like I did with Eric Meyer’s CSS: The Definitive Guide back in the day – and Codrops’ reference could be the perfect place.

In a similar vein, the CSS-tricks almanac looks good and cssreference.io is worth bookmarking, too.

Sliders (or carousels) are a fairly common practical requirement in web projects. Here, Chris Coyier shows us how far we can get in 2019 with HTML and CSS alone.