Friday Issue Nr.139

2025-06-27

back

Safari jumps from v19 to v26, with 67 new features and 107 improvements, and StoryBook 9 is 48% leaner. In the CSS world, great posts about zooming animation, experiments with if() in CSS, scroll-driven letter grid and CSS methodology.

JavaScript News

WebKit in Safari 26 beta

There are loads of updates. Finally, there are improvements in SVG for favicons, alignment with Web Apps, a new element model for 3D interactive elements, support for WebGPU, and several CSS updates.

https://webkit.org/blog/16993/news-from-wwdc25-web-technology-coming-this-fall-in-safari-26-beta/

Using await at the Top Level in ES Modules

https://allthingssmitty.com/2025/06/16/using-await-at-the-top-level-in-es-modules/

Mise-en-place

Mise is a development environment setup tool which looks very promising.

https://mise.jdx.dev/

StoryBook 9

With added tests, 48% leaner, tools to write stories automatically, tag-based organisation and more.

https://storybook.js.org/blog/storybook-9/

Astro 5.10

With new experimental live content collections

https://astro.build/blog/astro-5100/

Next.js

The real lock-in is about developer convenience: Vercel offers a smoother experience, and some features are optimised for their platform, but the open-source nature of Next.js means alternatives and workarounds exist for those willing to invest the effort.

https://omarabid.com/nextjs-vercel

Smooothy - Extensible Slider/Carousel Component

https://github.com/vallafederico/smooothy

Demo: https://smooothy.vercel.app/examples

and more: https://www.siena.film/

Mermaid diagrams

Diagrams made with markdown-style code.

https://www.mermaidchart.com/

HTML & CSS News

Animating zooming using CSS

Transform order is important, but also, what are your default values.

https://jakearchibald.com/2025/animating-zooming/

Scroll Driven letter grid

I think it's not so much about dynamic font changes but the usage, which makes this post really fun to read.

https://frontendmasters.com/blog/scroll-driven-letter-grid/

Scroll-driven animations with just CSS

Post explains nicely about animation-timeline: scroll() and animation-timeline: view()

https://webkit.org/blog/17101/a-guide-to-scroll-driven-animations-with-just-css/

Experiments with if() statement in CSS

Currently, it works only in Chrome.

https://css-tricks.com/lightly-poking-at-the-css-if-function-in-chrome-137/

Colour Everything in CSS

Excellent post on colours, including how they are created and the magic behind colour in CSS.

https://css-tricks.com/color-everything-in-css/

CSS Cascade Layers vs BEM vs Utility Classes

As usual, nothing is clear with CSS, and it all depends on many factors. However, the post presents different approaches side by side to provide a clearer view of what to choose for your next project.

https://www.smashingmagazine.com/2025/06/css-cascade-layers-bem-utility-classes-specificity-control/

Quiz

You are not a front-end developer until you’ve…

https://www.nicchan.me/blog/youre-not-a-front-end-developer-until-youve/

Mixed News

The story behind the CSS logo

https://www.ondrejkonecny.com/blog/kind-of-rebeccapurple/

Why JPEGs still rule the web

https://spectrum.ieee.org/jpeg-image-format-history

A short history of web bots and their detection

https://sinja.io/blog/bot-or-not

Comment on BlueSky or Mastodon

Andris Švarcs

Somehow, I've survived over 15 years as a web developer without losing my interest in the craft. Quite the opposite, with so many great improvements in the Web standards, what was nearly impossible now is easy to make.

My career has been a wild ride through small agencies and big corporations, building everything from finance apps to health dashboards.

I'm that annoying person who needs to understand products beyond just slinging code. I ask questions like 'Why is this feature important?' and 'How will this improve the customer journey?' – you know, the kind of questions that make project managers reach for the pint aspirin. This curiosity has led me down the rabbit holes of design, accessibility, and SEO. Because apparently, making websites pretty, usable, and findable wasn't challenging enough on its own.

P.S. If this bio sounds too polished, blame my evil AI twin. I'm still working on teaching it sarcasm.

Copyright © since 2021, Andris Švarcs. All rights reserved.

Lets connect

bluesky

youtube

linkedin