Justin Frank
@justinfrank.bsky.social
Loving my family, Star Wars fan, and leading the Design System team at Passare.
Reposted by Justin Frank
this dude helping his bro pick up his stick should be highlight of the night but our bloodthirsty sports media only feeds us conflict
November 13, 2025 at 5:34 AM
this dude helping his bro pick up his stick should be highlight of the night but our bloodthirsty sports media only feeds us conflict
Reposted by Justin Frank
Reposted by Justin Frank
The German company that makes the mechanical ladder used in the Louvre heist has used the image to advertise, with the text 'When you need to move fast'
10/10 response, no notes
10/10 response, no notes
October 24, 2025 at 8:27 AM
The German company that makes the mechanical ladder used in the Louvre heist has used the image to advertise, with the text 'When you need to move fast'
10/10 response, no notes
10/10 response, no notes
Reposted by Justin Frank
It's starting to feel like our current generation of "smart" products need to replace "smart" with "vulnerable". The recent AWS downtime hits that home more than ever.
Call me bonkers, but I like my coffee mugs, shirts and beds dumb.
Call me bonkers, but I like my coffee mugs, shirts and beds dumb.
October 22, 2025 at 12:11 AM
It's starting to feel like our current generation of "smart" products need to replace "smart" with "vulnerable". The recent AWS downtime hits that home more than ever.
Call me bonkers, but I like my coffee mugs, shirts and beds dumb.
Call me bonkers, but I like my coffee mugs, shirts and beds dumb.
Reposted by Justin Frank
This new option (in iOS 26.1 beta 4) is dramatically better for everything and should be the default.
October 21, 2025 at 3:33 AM
This new option (in iOS 26.1 beta 4) is dramatically better for everything and should be the default.
Reposted by Justin Frank
lol yikes
"...the team describes how it performed a broad scan of IP traffic on 39 GEO satellites across 25 distinct longitudes and found that half of the signals they picked up contained cleartext [not encrypted] IP traffic."
Including military data 🙃
www.theregister.com/2025/10/14/u...
"...the team describes how it performed a broad scan of IP traffic on 39 GEO satellites across 25 distinct longitudes and found that half of the signals they picked up contained cleartext [not encrypted] IP traffic."
Including military data 🙃
www.theregister.com/2025/10/14/u...
Study reveals satellites comms spilling unencrypted data
Updated: University team picks up voice calls, texts, and corporate data from orbit with off-the-shelf kit
www.theregister.com
October 16, 2025 at 1:39 PM
lol yikes
"...the team describes how it performed a broad scan of IP traffic on 39 GEO satellites across 25 distinct longitudes and found that half of the signals they picked up contained cleartext [not encrypted] IP traffic."
Including military data 🙃
www.theregister.com/2025/10/14/u...
"...the team describes how it performed a broad scan of IP traffic on 39 GEO satellites across 25 distinct longitudes and found that half of the signals they picked up contained cleartext [not encrypted] IP traffic."
Including military data 🙃
www.theregister.com/2025/10/14/u...
Reposted by Justin Frank
🚨Jim Carrey’s fresh out of fucks, and we are here for it!
October 16, 2025 at 12:56 AM
🚨Jim Carrey’s fresh out of fucks, and we are here for it!
Reposted by Justin Frank
My take codepen.io/thebabydino/...
Changes:
✨ `grid` + `position: sticky` instead of `position: absolute` to position lateral sideways links
✨ `writing-mode` instead of `transform` for these links to simplify positioning
✨ `clamp()` values instead of MQs ⇒ smooth changes instead of abrupt
#CSS
Changes:
✨ `grid` + `position: sticky` instead of `position: absolute` to position lateral sideways links
✨ `writing-mode` instead of `transform` for these links to simplify positioning
✨ `clamp()` values instead of MQs ⇒ smooth changes instead of abrupt
#CSS
October 16, 2025 at 4:33 PM
My take codepen.io/thebabydino/...
Changes:
✨ `grid` + `position: sticky` instead of `position: absolute` to position lateral sideways links
✨ `writing-mode` instead of `transform` for these links to simplify positioning
✨ `clamp()` values instead of MQs ⇒ smooth changes instead of abrupt
#CSS
Changes:
✨ `grid` + `position: sticky` instead of `position: absolute` to position lateral sideways links
✨ `writing-mode` instead of `transform` for these links to simplify positioning
✨ `clamp()` values instead of MQs ⇒ smooth changes instead of abrupt
#CSS
Reposted by Justin Frank
I dug into progressive image rendering and found a bunch of common assumptions aren't quite true.
➡️ JPEG & WebP progressive-renders worse in Safari
➡️ AVIF _does_ support progressive
➡️ But JPEG XL in Safari doesn't
➡️ JPEG XL decodes much slower than AVIF
⬇️ and more
jakearchibald.com/2025/present...
➡️ JPEG & WebP progressive-renders worse in Safari
➡️ AVIF _does_ support progressive
➡️ But JPEG XL in Safari doesn't
➡️ JPEG XL decodes much slower than AVIF
⬇️ and more
jakearchibald.com/2025/present...
The present and potential future of progressive image rendering
Exploring progressive image rendering across JPEG, PNG, WebP, AVIF, and JPEG XL.
jakearchibald.com
October 16, 2025 at 10:16 AM
I dug into progressive image rendering and found a bunch of common assumptions aren't quite true.
➡️ JPEG & WebP progressive-renders worse in Safari
➡️ AVIF _does_ support progressive
➡️ But JPEG XL in Safari doesn't
➡️ JPEG XL decodes much slower than AVIF
⬇️ and more
jakearchibald.com/2025/present...
➡️ JPEG & WebP progressive-renders worse in Safari
➡️ AVIF _does_ support progressive
➡️ But JPEG XL in Safari doesn't
➡️ JPEG XL decodes much slower than AVIF
⬇️ and more
jakearchibald.com/2025/present...
Reposted by Justin Frank
progressive css-only pagination indicators w/ anchor positioning 👨🍳
nav::before { position-anchor: --h; }
nav::before { left: anchor(left); }
a:hover { anchor-name: --h; }
use the nav pseudoelements, ::before for intent, ::after for current 🤙
nav::before { position-anchor: --h; }
nav::before { left: anchor(left); }
a:hover { anchor-name: --h; }
use the nav pseudoelements, ::before for intent, ::after for current 🤙
October 16, 2025 at 11:05 AM
progressive css-only pagination indicators w/ anchor positioning 👨🍳
nav::before { position-anchor: --h; }
nav::before { left: anchor(left); }
a:hover { anchor-name: --h; }
use the nav pseudoelements, ::before for intent, ::after for current 🤙
nav::before { position-anchor: --h; }
nav::before { left: anchor(left); }
a:hover { anchor-name: --h; }
use the nav pseudoelements, ::before for intent, ::after for current 🤙
Reposted by Justin Frank
“we do not accept paper tickets anymore so you MUST download our app”
I
DO
NOT
WANT
ANOTHER
APP
SIPHONING
MY
DATA
I
WANT
TO
LIVE
A
NORMAL
LIFE
I
DO
NOT
WANT
ANOTHER
APP
SIPHONING
MY
DATA
I
WANT
TO
LIVE
A
NORMAL
LIFE
October 16, 2025 at 11:36 AM
“we do not accept paper tickets anymore so you MUST download our app”
I
DO
NOT
WANT
ANOTHER
APP
SIPHONING
MY
DATA
I
WANT
TO
LIVE
A
NORMAL
LIFE
I
DO
NOT
WANT
ANOTHER
APP
SIPHONING
MY
DATA
I
WANT
TO
LIVE
A
NORMAL
LIFE
Reposted by Justin Frank
TIL: the scroll-margin CSS property.
If you have a sticky header and are annoyed that when you click an anchor it goes under the header, you want a scroll-margin. Setting, e.g., scroll-margin-top: 150px will scroll to 150px below where it would have.
developer.mozilla.org/en-US/docs/W...
If you have a sticky header and are annoyed that when you click an anchor it goes under the header, you want a scroll-margin. Setting, e.g., scroll-margin-top: 150px will scroll to 150px below where it would have.
developer.mozilla.org/en-US/docs/W...
scroll-margin - CSS | MDN
The scroll-margin shorthand property sets all of the scroll margins of an element at once, assigning values much like the margin property does for margins of an element.
developer.mozilla.org
October 16, 2025 at 12:50 PM
TIL: the scroll-margin CSS property.
If you have a sticky header and are annoyed that when you click an anchor it goes under the header, you want a scroll-margin. Setting, e.g., scroll-margin-top: 150px will scroll to 150px below where it would have.
developer.mozilla.org/en-US/docs/W...
If you have a sticky header and are annoyed that when you click an anchor it goes under the header, you want a scroll-margin. Setting, e.g., scroll-margin-top: 150px will scroll to 150px below where it would have.
developer.mozilla.org/en-US/docs/W...
Reposted by Justin Frank
📝 As President of #webcomponents it's my duty to publicly comment on every web component library.
Today I'm looking at @cory.laviska.com's new @quietui.org
daverupert.com/2025/10/quie...
Today I'm looking at @cory.laviska.com's new @quietui.org
daverupert.com/2025/10/quie...
Lots to shout about in Quiet UI
The personal blog of Dave Rupert, web developer and podcaster from Austin, TX.
daverupert.com
October 16, 2025 at 1:43 PM
📝 As President of #webcomponents it's my duty to publicly comment on every web component library.
Today I'm looking at @cory.laviska.com's new @quietui.org
daverupert.com/2025/10/quie...
Today I'm looking at @cory.laviska.com's new @quietui.org
daverupert.com/2025/10/quie...
Reposted by Justin Frank
fun fact: when you rebuild a website you don’t need to rebuild it in the same way
you can do different fun things
you can do different fun things
October 16, 2025 at 3:52 PM
fun fact: when you rebuild a website you don’t need to rebuild it in the same way
you can do different fun things
you can do different fun things
Reposted by Justin Frank
Okay I might be going in a completely different direction now, how fun is this?!
🏗️ WIP
Created with CSS scroll driven animations, special shout out to color-mix too, that function has given me so much joy working with dynamic colors 🫶
🏗️ WIP
Created with CSS scroll driven animations, special shout out to color-mix too, that function has given me so much joy working with dynamic colors 🫶
October 8, 2025 at 11:48 AM
Okay I might be going in a completely different direction now, how fun is this?!
🏗️ WIP
Created with CSS scroll driven animations, special shout out to color-mix too, that function has given me so much joy working with dynamic colors 🫶
🏗️ WIP
Created with CSS scroll driven animations, special shout out to color-mix too, that function has given me so much joy working with dynamic colors 🫶
Reposted by Justin Frank
Hahaha. All conference speakers need this.
I'm in Dordrecht for @fronteers.bsky.social Dark Mode conf tomorrow, and they left a little gift pack of speaker goodies in my hotel room including this, and I think it's absolutely delightful. ❤️
October 3, 2025 at 11:02 AM
Hahaha. All conference speakers need this.
Reposted by Justin Frank
Fuck apps - build websites.
New from 404 Media: Google removed an ICE-spotting app too. Called Red Dot, an immigration support group on the ground in Chicago told me it was using it. Google now removed, just like Apple did with ICEBlock after DOJ pressure. Google calls ICE vulnerable group
www.404media.co/google-calls...
www.404media.co/google-calls...
Google Calls ICE Agents a Vulnerable Group, Removes ICE-Spotting App ‘Red Dot’
The move comes as Apple removed ICEBlock after direct pressure from U.S. Department of Justice officials and signals a broader crackdown on ICE-spotting apps.
www.404media.co
October 3, 2025 at 4:52 PM
Fuck apps - build websites.
Reposted by Justin Frank
October 3, 2025 at 5:22 PM
Reposted by Justin Frank
Reposted by Justin Frank
We are enterprise-ready!
🛡️ SOC2 Type II compliant
🎛️ AI Control Center for org-wide settings
🏪 Private Extension Store for custom workflows
⚙️ Admin panel to manage everything
👥 SAML and SCIM
Want to bring it to your company? Let's talk.
👉 enterprise@raycast.com
🛡️ SOC2 Type II compliant
🎛️ AI Control Center for org-wide settings
🏪 Private Extension Store for custom workflows
⚙️ Admin panel to manage everything
👥 SAML and SCIM
Want to bring it to your company? Let's talk.
👉 enterprise@raycast.com
October 1, 2025 at 2:56 PM
We are enterprise-ready!
🛡️ SOC2 Type II compliant
🎛️ AI Control Center for org-wide settings
🏪 Private Extension Store for custom workflows
⚙️ Admin panel to manage everything
👥 SAML and SCIM
Want to bring it to your company? Let's talk.
👉 enterprise@raycast.com
🛡️ SOC2 Type II compliant
🎛️ AI Control Center for org-wide settings
🏪 Private Extension Store for custom workflows
⚙️ Admin panel to manage everything
👥 SAML and SCIM
Want to bring it to your company? Let's talk.
👉 enterprise@raycast.com
Reposted by Justin Frank
Introducing… Retro !Camera
a RETRO x !BORING collaboration to combine human-powered photography with the human-powered friends app. No feed. No slop. Just real moments with real friends.
+ Special Edition Retro Colorway (Chrome!)
+ New Retro Warm LUT
notbor.ing/retro-camera
a RETRO x !BORING collaboration to combine human-powered photography with the human-powered friends app. No feed. No slop. Just real moments with real friends.
+ Special Edition Retro Colorway (Chrome!)
+ New Retro Warm LUT
notbor.ing/retro-camera
October 1, 2025 at 4:11 PM
Introducing… Retro !Camera
a RETRO x !BORING collaboration to combine human-powered photography with the human-powered friends app. No feed. No slop. Just real moments with real friends.
+ Special Edition Retro Colorway (Chrome!)
+ New Retro Warm LUT
notbor.ing/retro-camera
a RETRO x !BORING collaboration to combine human-powered photography with the human-powered friends app. No feed. No slop. Just real moments with real friends.
+ Special Edition Retro Colorway (Chrome!)
+ New Retro Warm LUT
notbor.ing/retro-camera
Reposted by Justin Frank
Reposted by Justin Frank
Reposted by Justin Frank
Well don't I feel stupid
September 26, 2025 at 11:02 PM
Well don't I feel stupid
Reposted by Justin Frank
It's truly crazy what you can do with just CSS now
🚧 WIP 🚧
🚧 WIP 🚧
September 27, 2025 at 2:31 PM
It's truly crazy what you can do with just CSS now
🚧 WIP 🚧
🚧 WIP 🚧