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:
An introduction to @scope in CSS
Style based on proximity and set a lower boundary for a selector.
First Experiments with View Transitions for Multi-page Apps
Experimenting and learning about view transitions for multi-page apps
Create complex animation curves in CSS with the `linear()` easing function
Introducing linear(), an easing function in CSS that interpolates linearly between its points, allow
Introducing the popover API
Learn how to build tooltips, menus, and more with the new popover API.
The Ballad of Text Overflow
The text-overflow property can be used to show visual indication of truncated text. I’m not a fan, a
There are 10 more of these. I thought I'd save you some scrolling, but if you want you can…
Rebuilding a featured news section with modern CSS: Vox news
Rebuilding Vox News featured section with modern CSS.
Crafting the Next.js Website
April 2023
Scoped CSS is back
Several years ago, I made a plea to save scoped CSS. One of the top features on my CSS wishlist was
Faux Absolute Positioning Parallax - Email Experiment
An experiment with faux absolute + parallax as a progressive enhancement.
Speed Needs Design, or: You can’t delight users you’ve annoyed
Grab bag of design tweaks. Like avoiding purple, the slowest color (lie)
Operational excellence: one year on
What we’ve learned from a year of focusing on reliability
The timely benefits of finding The Last Responsible Moment
Zone senior front-end developer Tom Jeatt examines the agile principle of the Last Responsible Momen
Death by Closure (and how Qwik solves it)
In our previous post, we introduced Qwik to the world. In that post, we glanced over many details,..
Making the world’s fastest website, and other mistakes
Crazed developer attempts real ecommerce without front-end JavaScript to prove that y’all playin’
How to find something interesting to share at a conference — and how to pitch it to me
As Programme Chair for both UX in the City: Manchester and Service Design in Government I hear from
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 diva house (K-Klass), escape room (Ashnikko), swedish electropop (Tove Lo), stutter house (Fred again..), alternative dance (Bloc Party) and post-teen pop (Pixie Lott) 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.
.@coopuk are giving away five pairs of @glastonbury Festival tickets! Play their Musical Match-up game for the chance to win! Become a member and play today on the Co-op App. http://bit.ly/BeCoopMember pic.twitter.com/pNpN1Qp47l
One of my most favourite little features of the city is this grid design, made to mirror the windows of the mills surrounding it pic.twitter.com/Z6Zw3PiUve
The @stripe sessions website goes hard. It demonstrates the lengths Stripe is willing to go to when it comes to web design. Here are the details that catch my eye. I'll get the small details out of the way first, before I spend far too long on colour, which is the star here. pic.twitter.com/42TODI9y2t
-----BEGIN PRIVATE KEY----- https://twitter.com/ladygaga/status/266036172122365952 …
So good to see lots of folks loving this carousel and looking to recreate. I built this with vanilla JS + CSS. https://twitter.com/SaaSFrame/status/1646900619406618626 …
There are 4 more of these (!) I thought I'd save you some scrolling, but if you want you can…
I've been playing with React Aria Components this week too, albeit not in anywhere near as polished a way as this! Really pleased to have something as headless and unstyled as Radix, but with the weight of Adobe and the foundation of React Aria's hooks behind the package: https://twitter.com/samselikoff/status/1646589762818433024 …
“You expect [Tokyo] to feel messy. What I experienced, however, was a city that felt like a futuristic village. It is utterly calm, in a way that is actually rather strange. And it took me a little while to realize why. There is simply no traffic noise.” https://heatmap.news/economy/tokyo-anti-car-pedestrian-paradise …
I forgot about CSS Naked Day (https://css-naked-day.github.io) this year, but there's always a link in my personal site's footer to https://wolstenhol-no-css.philgw.workers.dev which is a version of my site with all the CSS removed.
Boost Favourite Permalink to Toot
Pedro Pascal as Easter Eggs. A thread. pic.twitter.com/sSglVZycCC
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…