Meanwhile, elsewhere on the internet…
Tweets from Twitter, blog posts from DEV/Medium, talks from YouTube and beyond, photos from Instagram, music from Spotify, and nice places from Foursquare (lol, I know, but I've built the API integration now so Foursquare lives on on this website!).
Words
Blog posts I've posted on DEV Community or Medium (one day I'll build my own blog, I promise…)
Reading
Some things I've been reading recently and some random items from the vaults:
From Async Code Reviews to Co-Creation Patterns
This article dives into the throughput and quality of the async code review process, which are very
Get off the main thread with an inline web worker: an example
So here’s the situation: our user initiates an action via a click. JavaScript kicks in. And it’s tak
Fun CSS-only scrolling effects for Matterday
A walk-through of the CSS parallax scrolling techniques used for Netlify’s Matterday project at matt
Dynamic LCP Priority: Learning from Past Visits
Earlier this year, Chrome shipped the new Priority Hints API, which lets developers inform the brows
Storybook and Mock Service Worker, a match made in heaven
Storybook is an awesome tool for UI development. And as you’ll know if you read my blog post about i
There are 10 more of these. I thought I'd save you some scrolling, but if you want you can…
Concepts behind modern frameworks
Many beginners ask “which framework should I learn?” and “How much JS or TS do I need to learn befor
Making the Web Faster with Service Workers and Performance Research
TLDR; We have conducted web performance research at the University of Hamburg since 2010. We came up
How to write performant React code: rules, patterns, do's and don'ts
Performance and React! Such a fun topic with so many controversial opinions and so many best...
The “dark yellow problem” in design system color palettes
When defining a proper color palette for the design system I was working on, I came across the “Dark
Component-level Design Tokens: are they worth it?
There are lots of resources for learning what design tokens are, how to use them, and their benefits
Resumable JavaScript with Qwik
When Misko Hevery (creator of AngularJS) approaches you to look at his new framework, well, you stop
How to write performant React apps with Context
It’s impossible to have a conversation on how to write performant React code without having an...
Operational excellence: one year on
What we’ve learned from a year of focusing on reliability
Speaking
Talks I've given at conferences or other events. I'll link to slides or videos where they are available.
According to the Spotify API, I've been listening to a bit of post-teen pop (WILLOW), alternative metal (The Offspring), easycore (New Found Glory), australian psych (Tame Impala), post-hardcore (Senses Fail) and house (Fred again..) over the last few weeks (their genre names, not mine!)
You can click the cards above to play a little preview of the artist, courtesy of the Spotify API. I also use the Spotify API to get the tempo/BPM of the preview song, and I use this to influence the speed that a card bops at while its playing.
Press the pause icon or the esc key on your keyboard to stop the previews.
Tweets and toots*
Tweets and toots by me, @philw_ and/or philw_@hachyderm.io.
This looks nice for if your static site's templates/build processes don't already have these optimisations. Just point it at a `/dist` directory and it'll go through the HTML files and optimise images etc: https://twitter.com/georges_gomes/status/1616123297401274368 …
‘Stop building client side forms’ by @tvararu https://blog.vararu.org/stop-building-client-side-forms … And may I also add, stop building most things client side 🙈
CSS Tip! 🔮 Use scroll-linked animations to create list animations ✨ li { view-timeline: --i inline; } .card { scale: 0.8; animation-timeline: --i; animation: s; animation-delay:cover 40%; animation-end-delay:cover 60%; } keyframes s { 50% { scale:1; }} @CodePen link below!👇 pic.twitter.com/mXTiJZ0cUt
We passed it a couple days ago, but it has been 10 years since "On Fire", the strip I did that became the meme "this is fine". https://gunshowcomic.com/648 pic.twitter.com/STFYX4XS9B
After a lot of analysis we’ve published “Our top Core Web Vitals recommendations for 2023” - the 9 things (3 per CWV) that sites can do to most impact their website performance in 2023. https://web.dev/top-cwv-2023/
There are 4 more of these (!) I thought I'd save you some scrolling, but if you want you can…
Elk 0.4.0 is out! 🧡
And we now feel Elk, our Mastodon web client, is ready to move into Open Alpha! The Elk repo is now public, and we're also opening the official deployment, maintained by the team, to everyone.
Sign in at https://elk.zone :elk:
We hope you enjoy the app, and we invite you to collaborate with us to implement what's missing and improve our social UX together 🙏
Boost 169 Favourite 19 Permalink to Tweet
JavaScript, Community
Boost 84 Favourite 11 Permalink to Tweet
Hi everybody, I’m ready to unveil my year-end-holiday-hack project:
Meet Searchtodon: ***Private*** Timeline Search for Mastodon
It fills a gap that I have been missing over on Twitter as well: “I remember seeing this THING, where was that again?”
It is built with privacy and consent in mind (pls see the FAQ), but is also *an experiment* to see if something like this is accepted by the larger Mastodon community.
Here goes: https://searchtodon.social
Boost 406 Favourite 42 Permalink to Tweet
1/ The Phoenix Project #ebook is *free* today (Dec 19) on @amazon & other bookseller sites. If there’s someone you think should read it, now’s your chance. Retweet + tag your friends, colleagues, bosses. Link: http://itrevolution.com/free-the-phoenix-project-for-24-hours … (A Thread) @RealGeneKim @kevinbehr @gspaff pic.twitter.com/M8EP9RkwaX
Places
A randomised asortment of places I've liked on Foursquare at one point - it could be somewhere from a holiday, or it could be a random bar in Manchester that closed three years ago…