Jeff Bridgforth
@jeffbridgforth.com
I created my first scroll-driven animation last week using the CSS animation API. @bram.us 's course has been so helpful in learning the API. Lesson 7, was specifically helpful to help me implement my progressively enhanced solution. Links in my article.
jeffbridgforth.com/i-created-my...
jeffbridgforth.com/i-created-my...
I created my first scroll-driven animation in CSS
I created my first scroll-driven animation using the CSS animation API this week! And it was so easy to create. Last month, I started watching Bramus’ course on scroll-driven animation, Unleash the po...
jeffbridgforth.com
November 26, 2025 at 6:21 PM
I created my first scroll-driven animation last week using the CSS animation API. @bram.us 's course has been so helpful in learning the API. Lesson 7, was specifically helpful to help me implement my progressively enhanced solution. Links in my article.
jeffbridgforth.com/i-created-my...
jeffbridgforth.com/i-created-my...
I want to include the baseline support web component in my blog post but I am having trouble finding the correct feature name for the animation-timeline. Help?
November 25, 2025 at 7:50 PM
I want to include the baseline support web component in my blog post but I am having trouble finding the correct feature name for the animation-timeline. Help?
Several songs from Spider-man: No Way Home came up in my playlist this morning. I forget how emotionally powerful the music from this movie is.
November 21, 2025 at 3:01 PM
Several songs from Spider-man: No Way Home came up in my playlist this morning. I forget how emotionally powerful the music from this movie is.
Does anyone know of a way to make scrollbars appear on Mac browsers for scrollable areas on the page? I tried overflow-x: scroll and that is not doing it. Just wondering if there is a way around the Mac settings to force browser to show scrollbar so user knows. @nerdy.dev @kevinpowell.co
November 18, 2025 at 7:14 PM
Does anyone know of a way to make scrollbars appear on Mac browsers for scrollable areas on the page? I tried overflow-x: scroll and that is not doing it. Just wondering if there is a way around the Mac settings to force browser to show scrollbar so user knows. @nerdy.dev @kevinpowell.co
I am glad I got out and took a walk this morning. It has been a while since I walked in the morning. It was quiet. I could hear birds and just a fresh feel to the day. I enjoyed the sunshine and warmer weather. Suppose to turn cold on Monday.
November 8, 2025 at 4:27 PM
I am glad I got out and took a walk this morning. It has been a while since I walked in the morning. It was quiet. I could hear birds and just a fresh feel to the day. I enjoyed the sunshine and warmer weather. Suppose to turn cold on Monday.
"there’s a case to be made that this is a little too clever, in that it could make this code a little more difficult to understand at a glance for anyone that might have to maintain this code after you (or, if you have a memory like mine, for your near-future self)." Good advice from @wil.to
November 4, 2025 at 2:27 PM
"there’s a case to be made that this is a little too clever, in that it could make this code a little more difficult to understand at a glance for anyone that might have to maintain this code after you (or, if you have a memory like mine, for your near-future self)." Good advice from @wil.to
Reposted by Jeff Bridgforth
Happy 34th Birthday HTML tags!
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
October 29, 2025 at 5:47 PM
Happy 34th Birthday HTML tags!
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
On October 29, 1991, the internet pioneer, Tim Berners-Lee, published a document entitled HTML Tags.
#WebDesignHistory
#LazyWeb Anyone have some examples of some good digital annual reports? Most of the ones I am finding are PDFs. I would like some digital examples. I have to build one next month and trying to put together some ideas. I thinking scroll-driven animations (with option to turn off).
October 27, 2025 at 8:24 PM
#LazyWeb Anyone have some examples of some good digital annual reports? Most of the ones I am finding are PDFs. I would like some digital examples. I have to build one next month and trying to put together some ideas. I thinking scroll-driven animations (with option to turn off).
Another site that add delight.
Josh @farrant.me's site has a lovely theme-switcher... that plays music! farrant.me
Home — Josh Farrant
The homepage of Josh Farrant's weblog
farrant.me
October 27, 2025 at 6:31 PM
Another site that add delight.
I love how Andy had added delight to his site.
👉 Can you catch em’ all?
I’d been tinkering with animations last week and wondered what else I could do with my Magnificent 7 characters. I love surprising people with hidden Easter Eggs, so I decided to use them in a little hidden game.
stuffandnonsense.co.uk/blog/can-you...
I’d been tinkering with animations last week and wondered what else I could do with my Magnificent 7 characters. I love surprising people with hidden Easter Eggs, so I decided to use them in a little hidden game.
stuffandnonsense.co.uk/blog/can-you...
Can you catch ’em all?
stuffandnonsense.co.uk
October 27, 2025 at 3:31 PM
I love how Andy had added delight to his site.
I love the comparison of posting on a personal site to the Golden Records sent out on Voyager. And it is nice to know that someone received the message when they reach out, mention it on social media or write a post to add to the conversation. #IndieWeb
✍️ New post – in reply to @adactio.com:
Echoes of Connection
#blogtober #web #indieweb #webmentions #websites
matthiasott.com/notes/echoes...
Echoes of Connection
#blogtober #web #indieweb #webmentions #websites
matthiasott.com/notes/echoes...
Echoes of Connection · Matthias Ott
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
matthiasott.com
October 27, 2025 at 2:55 PM
I love the comparison of posting on a personal site to the Golden Records sent out on Voyager. And it is nice to know that someone received the message when they reach out, mention it on social media or write a post to add to the conversation. #IndieWeb
I launched my personal site 20 years ago. I don't know the exact date but I know that it happened the last week of October. #IndieWeb
jeffbridgforth.com/celebrating-...
jeffbridgforth.com/celebrating-...
Celebrating 20 years | Jeff Bridgforth
This week, my site is twenty years old! I do not know the exact date it launched but I do know it happened this week in 2005. I had started a blog on Blogspot in February. I had learned about blogging...
jeffbridgforth.com
October 27, 2025 at 2:48 PM
I launched my personal site 20 years ago. I don't know the exact date but I know that it happened the last week of October. #IndieWeb
jeffbridgforth.com/celebrating-...
jeffbridgforth.com/celebrating-...
I love @simplebits.com's story about the mailbox. I think you made the wise call Dan.
Interested in the clock like looks like a classic computer that I married into.
simplebits.com/notebook/stu...
Interested in the clock like looks like a classic computer that I married into.
simplebits.com/notebook/stu...
Studio Notes #55
Hello, Amigos. Here's issue #55 of Studio Notes™—quick bits delivered to you each Friday.
🌶️
I like hot sauce. But not if it's too hot. There has to be a good balance of heat, acid, and then the...
simplebits.com
October 24, 2025 at 2:16 PM
I love @simplebits.com's story about the mailbox. I think you made the wise call Dan.
Interested in the clock like looks like a classic computer that I married into.
simplebits.com/notebook/stu...
Interested in the clock like looks like a classic computer that I married into.
simplebits.com/notebook/stu...
I have always enjoyed @davatron5000.bsky.social's creative titles for his articles. This came up in my memory feed today.
alistapart.com/article/mo-p...
alistapart.com/article/mo-p...
Mo’ Pixels Mo’ Problems
Mobile devices are shipping with higher and higher PPI, and desktops and laptops are following the trend as well. There’s no avoiding it: High-pixel-density, or “Retina,” displays are now becoming …
alistapart.com
October 23, 2025 at 5:30 PM
I have always enjoyed @davatron5000.bsky.social's creative titles for his articles. This came up in my memory feed today.
alistapart.com/article/mo-p...
alistapart.com/article/mo-p...
"Asking for feedback is one thing. Being truly open to the answer is another. It requires something uncomfortable: the willingness to challenge your own assumptions about what’s working, what’s good enough, what’s right."
Wow! I want to be open to being challenged and willing to kill my darlings.
Wow! I want to be open to being challenged and willing to kill my darlings.
October 23, 2025 at 3:24 PM
"Asking for feedback is one thing. Being truly open to the answer is another. It requires something uncomfortable: the willingness to challenge your own assumptions about what’s working, what’s good enough, what’s right."
Wow! I want to be open to being challenged and willing to kill my darlings.
Wow! I want to be open to being challenged and willing to kill my darlings.
I highly recommend this article to anyone wanting to play with view transitions. Matthias highlights a very easy way to dip your toes in the water and then gives you some resources for further exploration.
✍️ New post: View Transitions: The Smooth Parts
#blogtober #css #web #platform #ViewTransitions
matthiasott.com/notes/view-t...
#blogtober #css #web #platform #ViewTransitions
matthiasott.com/notes/view-t...
View Transitions: The Smooth Parts · Matthias Ott
Matthias Ott is an independent user experience designer and web design engineer from Stuttgart, Germany. He also teaches Interface Prototyping at the Muthesius Academy of Fine Arts and Design.
matthiasott.com
October 23, 2025 at 2:58 PM
I highly recommend this article to anyone wanting to play with view transitions. Matthias highlights a very easy way to dip your toes in the water and then gives you some resources for further exploration.
I was playing around with some old Codepens in order to practice what I am learning from @bram.us's scroll-driven animation course. Going back to a GSAP powered animation and refactoring with CSS. And then I added GSAP back as fallback per @cydstumpel.nl's recent article.
codepen.io/webcraftsman...
codepen.io/webcraftsman...
Scaling scroll-driven animations using CSS with GSAP fallback
I am recreating scale animations that I was inspired by on https://runway.com/. This is a fork of https://codepen.io/webcraftsman/full/NWJwYxV where ...
codepen.io
October 22, 2025 at 8:42 PM
I was playing around with some old Codepens in order to practice what I am learning from @bram.us's scroll-driven animation course. Going back to a GSAP powered animation and refactoring with CSS. And then I added GSAP back as fallback per @cydstumpel.nl's recent article.
codepen.io/webcraftsman...
codepen.io/webcraftsman...
Reposted by Jeff Bridgforth
i would kindly request that the people trying to kill the web stop making browsers
October 22, 2025 at 3:03 PM
i would kindly request that the people trying to kill the web stop making browsers
Another reason why it would be a good idea to put in controls that allow the user to turn off the scroll animations if they prefer. Motion is definitely something that we need to allow users to opt out of.
Some people are so inexplicably triggered by *any* scroll animation, it feels like a knee jerk reaction tbh. I’m not talking about people who prefer reduced motion, I’m talking about people who reply to all new native css scroll animation news with; “I don’t know any reason why you should do that” 👀
October 22, 2025 at 8:35 PM
Another reason why it would be a good idea to put in controls that allow the user to turn off the scroll animations if they prefer. Motion is definitely something that we need to allow users to opt out of.
Enjoyed evening walk tonight. Listened to a podcast and an favorite album.
October 22, 2025 at 12:19 AM
Enjoyed evening walk tonight. Listened to a podcast and an favorite album.
@sarasoueidan.com I am wondering if you can help. I have an anchor tag around image and no text. What is the recommended way to make accessible. Add title attribute to the anchor or an aria-label? I was thinking title attribute because we should only use aria when HTML solution does not exist.
October 21, 2025 at 12:53 PM
@sarasoueidan.com I am wondering if you can help. I have an anchor tag around image and no text. What is the recommended way to make accessible. Add title attribute to the anchor or an aria-label? I was thinking title attribute because we should only use aria when HTML solution does not exist.
I got to use a variant from the image width solution that @5t3ph.bsky.social suggested earlier this year. This time I needed a form field div and label to match the max-content size of an input.
Here is my summary of that conversation from June:
jeffbridgforth.com/having-figur...
Here is my summary of that conversation from June:
jeffbridgforth.com/having-figur...
Having figure match width of contained image
Earlier this week, I explored a solution to center an image and caption by making the figure take on the width of the image even when the caption was longer than the image. I wanted the caption to wra...
jeffbridgforth.com
October 20, 2025 at 7:00 PM
I got to use a variant from the image width solution that @5t3ph.bsky.social suggested earlier this year. This time I needed a form field div and label to match the max-content size of an input.
Here is my summary of that conversation from June:
jeffbridgforth.com/having-figur...
Here is my summary of that conversation from June:
jeffbridgforth.com/having-figur...
Henry Ford's horse problem wasn't about imagination www.antonsten.com/articles/hen...
Some great insights. We need to ask the right questions to uncover pain points and real problems that we can solve to create better experiences.
Some great insights. We need to ask the right questions to uncover pain points and real problems that we can solve to create better experiences.
Henry Ford's horse problem wasn't about imagination | Anton Sten
The famous "faster horses" quote isn't wrong because users can't imagine solutions—it's wrong because it defends lazy research.
www.antonsten.com
October 19, 2025 at 1:55 AM
Henry Ford's horse problem wasn't about imagination www.antonsten.com/articles/hen...
Some great insights. We need to ask the right questions to uncover pain points and real problems that we can solve to create better experiences.
Some great insights. We need to ask the right questions to uncover pain points and real problems that we can solve to create better experiences.
When I saw the title of @chriscoyier.net's post, I immediately thought of Paul Simon's song, 50 Ways to Leave Your Lover. Maybe Chris can make up a catchy tune to go with his post. 🎶
frontendmasters.com/blog/50-reas...
frontendmasters.com/blog/50-reas...
50 Reasons to Build a Website
Should have done 150.
frontendmasters.com
October 17, 2025 at 7:04 PM
When I saw the title of @chriscoyier.net's post, I immediately thought of Paul Simon's song, 50 Ways to Leave Your Lover. Maybe Chris can make up a catchy tune to go with his post. 🎶
frontendmasters.com/blog/50-reas...
frontendmasters.com/blog/50-reas...