There’s a good chance to meet the Chrome Team in Berlin on January 23rd: Project Fugu and PWA, CSS/UI, security, privacy, payments, DevTools, browser automation, and performance. See you there! 😎
https://gdg.community.dev/events/details/google-gdg-berlin-presents-web-in-2023-meet-the-chrome-team/
https://gdg.community.dev/events/details/google-gdg-berlin-presents-web-in-2023-meet-the-chrome-team/
This media is not supported in your browser
VIEW IN TELEGRAM
I rewatched this 20 seconds scene from The Staircase multiple times. So simple, but so tense! It’s just beautifully shot and edited. And the whole series is good, too.
(Alt: One group of people is standing in the elevator, the other just outside. They look at each other in a tense silence while camera picks faces from each group. And then the door closes, but it feels like it closes multiple times, each time with a new face).
(Alt: One group of people is standing in the elevator, the other just outside. They look at each other in a tense silence while camera picks faces from each group. And then the door closes, but it feels like it closes multiple times, each time with a new face).
👍5❤4
When life goes off the rails, I rewatch The Newsroom. It’s the 4th time already. It’s from the good old 2012 and kind, naive, idealistic, and it makes me smile.
https://www.hbo.com/the-newsroom
https://www.hbo.com/the-newsroom
🔥8❤1
I can finally start using 🐘 Mastodon the way I’ve been using Twitter via Tweetbot for many years: with timeline sync, mute filters, and overall convenience. The Ivory client by Tapbots for iOS is now available for everyone!
https://tapbots.com/ivory/
I’ve tried many native or web clients for Mastodon, but they just didn’t work for me the way I wanted. See the full Ivory review on MacStories and give it a try! It’s worth every cent of the 18 €/year subnoscription.
https://www.macstories.net/reviews/ivory-for-mastodon-review-tapbots-reborn/
https://tapbots.com/ivory/
I’ve tried many native or web clients for Mastodon, but they just didn’t work for me the way I wanted. See the full Ivory review on MacStories and give it a try! It’s worth every cent of the 18 €/year subnoscription.
https://www.macstories.net/reviews/ivory-for-mastodon-review-tapbots-reborn/
❤3
There’s finally a decent AirTag holder for a bicycle saddle 😍 It took a while to install, but mostly because I tried to save time by not removing the saddle, lol. I guess it won’t fit every saddle rail, but it worked for the Brooks C15.
https://www.amazon.de/dp/B0B6H4PSQK
https://www.amazon.de/dp/B0B6H4PSQK
👍9🔥3
Remember this old trick that allowed us to load only critical CSS and defer the rest? The one that used media="print" and onload event. I just realized that it doesn’t work in Safari 😳
https://pepelsbey.dev/articles/lazy-loading-safari/
https://pepelsbey.dev/articles/lazy-loading-safari/
👍5
Vadim Makeev
Remember this old trick that allowed us to load only critical CSS and defer the rest? The one that used media="print" and onload event. I just realized that it doesn’t work in Safari 😳 https://pepelsbey.dev/articles/lazy-loading-safari/
Whoa! The next day after the article, there’s already a PR in WebKit fixing the behavior 😊
https://github.com/WebKit/WebKit/pull/9746
https://github.com/WebKit/WebKit/pull/9746
🔥11
Vadim Makeev
Remember this old trick that allowed us to load only critical CSS and defer the rest? The one that used media="print" and onload event. I just realized that it doesn’t work in Safari 😳 https://pepelsbey.dev/articles/lazy-loading-safari/
Right, there’s more to it: apparently, CSS lazy loading is _kinda_ broken in Safari. So I updated the second part of the article: if your page is bigger than 200 characters (or 33 emojis), then you’re safe. No, I’m not kidding 😬
https://pepelsbey.dev/articles/lazy-loading-safari/#full-body
https://pepelsbey.dev/articles/lazy-loading-safari/#full-body
🔥4
TIL: Y is called /ˈiɡ.rɛk/ in many languages because Romans called it “i Greek”. Thank you, Rob!
https://youtu.be/CYqqFqoLnnk
https://youtu.be/CYqqFqoLnnk
YouTube
THE ALPHABET EXPLAINED: The origin of every letter
Every letter of our alphabet has a story to tell. Join me for an A to Z of A to Z.
I'll explain...
𐦃 The Egyptian hieroglyphics that became our letters
🏛 Why W is called "double U"
🇫🇷 Why do the French call Y a "Greek I"?
💤 Is it ZEE or ZED??
✏️ How I and…
I'll explain...
𐦃 The Egyptian hieroglyphics that became our letters
🏛 Why W is called "double U"
🇫🇷 Why do the French call Y a "Greek I"?
💤 Is it ZEE or ZED??
✏️ How I and…
🔥10👍1
Media is too big
VIEW IN TELEGRAM
If you happen to use Chrome Canary with the “viewTransition API for navigations” enabled in chrome://flags (not a chance, I know), you might notice that I progressively enhanced my MPA website to use fancy slide-in transitions for page navigation. No JS!
https://pepelsbey.dev
View Transitions API for SPAs is already available in Chrome Beta. Read more in Jake Archibald’s article I used to copy-paste the effect 😅 https://developer.chrome.com/docs/web-platform/view-transitions/
Here’s the commit: <meta> tag to enable the transition and some CSS to make it look better https://github.com/pepelsbey/pepelsbey.dev/commit/accf0da
https://pepelsbey.dev
View Transitions API for SPAs is already available in Chrome Beta. Read more in Jake Archibald’s article I used to copy-paste the effect 😅 https://developer.chrome.com/docs/web-platform/view-transitions/
Here’s the commit: <meta> tag to enable the transition and some CSS to make it look better https://github.com/pepelsbey/pepelsbey.dev/commit/accf0da
🔥11❤1
I was going to have dinner when I noticed a regression in Safari. Now I’m very hungry, but there’s a bug with a minimal test case!
Parent’s padding affects the width of a positioned image with max-height: 100% 🤔
Bug https://bugs.webkit.org/show_bug.cgi?id=252425
Demo https://codepen.io/pepelsbey/pen/JjadGQv
Parent’s padding affects the width of a positioned image with max-height: 100% 🤔
Bug https://bugs.webkit.org/show_bug.cgi?id=252425
Demo https://codepen.io/pepelsbey/pen/JjadGQv
👍2