Not impressed with view transitions in Firefox

On Wednesday, I saw that view transitions are now in every browser. I still use Firefox as my browser on my personal computer so I was excited that I would finally see the view transitions I had implemented on my own site. But when I opened the site–no view transitions. I was bummed.

Jeff Bridgforth

@jeffbridgforth

So far, I am very unimpressed with view transitions in Firefox. I am not seeing any difference on sites that I know are using @view-transition {navigation: auto}. Doing some investigating to try to understand why. Such a bummer since this technique is such a easy entry in using view transitions.

Una let me know that they only landed support for same-document view transitions. Cross-document is part of level 2. Bramus has put together a helpful guide to which features of the View Transitions API are supported in what browsers.

JavaScript for Everyone launched

Piccalilli’s new course, JavaScript for Everyone, launched last week. I bought the course last month with the pre-launch discount. I am excited to work through it. I worked through the first four lessons on Friday. I need to start making some time each day to dive in.

• I worked on a HTML email last week. I hate doing these projects a lot less by using MJML. Our developers baked it into our Django CMS so I just have to write the MJML code. It makes it so much easier to build emails that work across the different clients.
• My youngest attended two different concerts last week. She started with Laufey in Nashville on Monday and finished the week with Twenty One Pilots in Birmingham. She went to each concert with a different sibling. And one of the bonuses is that we got to see our son for a bit this weekend.
• I am doing a lot of little improvement tasks right now in my work with Revive Our Hearts. I also did a many project to update one of the colors on the site to improve the color contrast. It became a much bigger task as I found more places that I needed to address the change, especially when testing in dark mode. I had to start over and attack it a different direction which led to less code changes. I still need to test the changes in our other language sites that share the codebase.
• I was able to track down some artwork and found a link to a digital download for an album of a Christian band that played at KU when I was a student. I wanted to use the artwork for my Memory Keeper memory. It was fun to listen to a couple of the songs. I may or may not still have the cassette I bought at the show.

Jeff Bridgforth

@jeffbridgforth

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. ?

https://frontendmasters.com/blog/50-reasons-to-build-a-website/

Articles I read

“But behind every line of code, behind every post about the latest CSS tricks, behind every talk and video tutorial, there’s a real person. A person with a story, with struggles, with a life. And a few of those people are now here at the conference. That’s when you realize: the Web isn’t just a bunch of servers and websites. The Web is the people building it. The Web is community.

“That’s what’s so invaluable about conferences, about in-person events in general. They are like a cheat code, like a magic door – you enter, and suddenly, you find yourself on the inside of the conversation. The faces, the names, the people behind the blog posts – they become real. And you stop feeling like just being an observer of the Web community. You are now a part of it.”

Matthias Ott – The Lifeblood of the Web

• For All the Noise We Make… (Tim Challies)
• On the Far Side of Obedience (Tim Challies)
• How LEGO’s founder loved his former Nazi enemies (Jordan Raynor)
• The Lifeblood of the Web (Matthias Ott) – I enjoyed this article by Matthias about the value of in-person conferences. I am inspired to write my own article about my in-person conference experiences.
• How Can I Increase My Love for God’s Word? (Kenneth Berding) – An article very relevant to the messages I heard at True Woman conference I worked at several weeks ago.
• Reasoning (Jeremy Keith)
• Oregon Rocketry (Chris Coyier)
• Common misconceptions about screen readers (TetraLogical) – A must read for those who care or should care about accessibility. I also watched one of the videos referenced in the link at the bottom of the article.
• closedBy=any (Adam Argyle) – I have already used this in several of the dialogs I have created recently.
• Speak with a Christian Accent (Trevin Wax on The Gospel Coalition)
• Students un-coupling from the trans train (Stephen McAlpine)
• A verdant digital garden (Chris Ferdinandi)
• For Your Convenience, This CSS Will Self-Destruct (Scott Jehl)
• Adobe Fonts: once more, with feeling! (Elliot Jay Stocks)
• Got Back (Geoff Graham)
• The AI Mandate (Chris Ferdinandi)
• Listening Closely (Matthias Ott)
• View Transitions Feature Explorer (Bramus) – Bramus has put together a helpful guide to which features of the View Transitions API are supported in what browsers. I had been disappointed when I checked my site in Firefox and the cross page transitions didn’t work. I didn’t realize that they were Level 2.
• Studio Notes #54 (Dan Cederholm)
• What is Your Busyness Doing? (O. Alan Noble)
• Say hello to my Magnificent 7 (Andy Clarke) – I like Andy’s use of “ambient animations.” I also liked that he gave me a term to describe a lot of the animations I have done and like.
• How I fixed my Reduced Motion Broke My Layout problem (Andy Clarke) – I am filing this away hoping I remember if I run into a similar problem in the future.
• Two approaches to fallback CSS scroll driven animations (Cyd Stumpel) – I like this example of graceful degradation. I think it is a good example of a use case where it is big win.
• We Keep Reinventing CSS, but Styling Was Never the Problem (Den Odell)
• Have a dialog (Adam Argyle) – I love these creative examples by Adam.
• The world is something that we make (Terminal) – Thought provoking. I will be chewing on this for awhile.
• 50 Reasons to Build a Website (Chris Coyier on Frontend Masters Blog) – I liked number 15. I have my own timeline. I am wondering if the idea came from Chris.
• A Helper Corresponding to Him (Brad Littlejohn) – I enjoyed this read about the need for affirmation and the places we look for it that fall short (AI being the latest).
• Implicit labels aren’t (Chris Ferdinandi)
• Time saving / time wasting (Hidde de Vries) – I just wish more businesses and managers would consider the tradeoffs with using LLMs.
• Transition to the Other Side with Container Query Units (Ryan Mulligan) – I love this example and use case of container query units.
• Henry Ford’s horse problem wasn’t about imagination (Anton Sten) – Great article. “Great products don’t come from avoiding users—they come from understanding them deeply. Not asking what they want, but understanding what they struggle with. What they’re working around. What they’ve accepted as ‘just the way it is.'”

What I watched

• Browsing with a desktop screen reader (YouTube)
• Boards of Canada “Olson” played on a 1959 PDP-1 Computer (YouTube) via Brad Frost
• The Pile Mini Web Machine (Adam Argyle on YouTube)
• How the TRON Music was made (YouTube)
• Watson (Paramount+)
• Matlock (CBS)
• M*A*S*H* (MeTV) – One of the first times I have watched it since my mother-in-law passed away. We use to watch it with her at night after dinner.
• Star Trek: The Wrath of Khan (Paramount+) – This is still my favorite Star Trek movie.
• Strange New Worlds (Paramount+)
• The Voice (NBC)
• The Great British Baking Show Collection 13, Episodes 6 (Netflix)
• Mission: Impossible – The Final Reckoning (Prime)

What I listened to

• Making the web more whimsical with Sara Joy (General Musings with Kevin Powell) – I listened to about half of this episode.
• Shop Talk Show 686: Todd Libby on Deceptive Patterns – I listened to this show on my walk on Saturday.

Books I am reading

• Sunday Matters (Paul David Tripp) – I read one devotional a week.
• Everyday Gospel (Paul David Tripp) – Reading through the Bible this year with this devotional.
• All That Jesus Commanded (John Piper)
• Keep Going (Austin Kleon)
• Telling a Better Story

Walking

• Saturday – 2.95 miles in 56 minutes (It started raining so I walked a shorter distance than I had wanted to.)

What I played

MLB The Show 20 (Twins) – I threw a no-hitter on Sunday with Kenta Maeda. It was only the second time I have accomplished the feat in my 9 years of playing MLB The Show. I “saved” the no hitter in the ninth inning with a diving catch by Bryon Buxton.

I ended up splitting the four game series with the RedSox. They came back in Game 2 and won on a walk-off three run homer. I won the first two games of a series with the Royals so I went 4-2 for the week.

The post Weeknotes 25:42 appeared first on Jeff Bridgforth.