View Transitions Toolkit: A collection of utility functions to more easily work with View Transitions.

Bramus just shipped a bunch of utility functions to make working with view transitions easier. 🎉

And while browsing the GitHub docs I learned that you can pause view transitions? 👏

https://chrome.dev/view-

Also, I read this post too and found the way to measure CSS rendering time clever! Unfortunately I don’t think it’s possible with a Vue app as we don’t handle how styles are applied! We can’t just « wrap » stylesheets with scripts…

Indeed I was trying to see if applying those styles to off canvas navigation would make the initial page rendering faster, but it might not be the right approach. How would you do it? Capture only the open/close events for instance? Thanks.

Nice! Tried on my app but it's hard to test if it's really effective. Using Chrome performances traces don't give consistent results run after run. How do you make sure changes are related to new styles? Thanks

Wowowow epic talk by @kubekhrm.bsky.social about building liquid glass with SVG and CSS #ReactParis

Check out his post about it!
kube.io/blog/liquid-...

And a library coming soon 🎉

code of the solution copied from the linked article

Nice solution to app refresh by @paulau.dev with Vue & Vite! Exactly what we were looking for 👏 paulau.dev/blog/handle-... (+ I learned the term "version skew")

Est-ce que le prix du baril de pétrole dans vos graphiques prend en compte l'inflation ? Si non, 100$ en 2008 est bien plus important qu'en 2026 (où ça équivaudrait à 146$ d'après mes recherches).

Smooth gradient animation using @property I recently stumbled upon a small CSS challenge: we needed a pulsing ring of color, something subtle...

Just wrote about `@property` 👀 dev.to/nicooprat/sm...

Happy to finally play with this powerful new syntax!

One more custom <select> demo, with a bunch of CSS transforms and animations.
I can't get enough of this. So cool.

Et si on s'en fiche de la rentabilité, est-ce qu'il existe des investissements "verts" ou "durables" qui seraient simples et/ou peu risqués ?

I agree but it's definitely comfortable to be able to use our usual SVG icons right inside the input 😇

For the record we use Radix (Reka for Vue) and we had an accessibility audit last year: there was no issues with checkboxes.

Really addictive 🤤

How to write reviewer-friendly pull requests Reviewing someone else's work is often challenging and time-consuming. It can easily lead to...

Just wrote about reviewer-friendly pull requests, hope you can find some ideas to improve your daily workflow in it! dev.to/nicooprat/ho...

Totally missed this ESlint feature from April, let's you handle new rule errors more easily in a large codebase. It creates a file with current errors so you can ignore them for now and fix them one at a time! eslint.org/blog/2025/04...

Moar

Whimsical Animations subscription process is top notch 😍 whimsy.joshwcomeau.com

Launching the first ever State of Devs survey One more survey… but this one is different!

Why I launched a new, different kind of survey: dev.to/sachagreif/l...

(take the survey here! survey.devographics.com/en-US/survey... )

Also if you press CMD while doing it, it will be opened in a new editor group

What we learned by running an accessibility audit of our app We recently underwent an accessibility audit (thanks to Access42) for our app due to compliance...

Just published "What we learned by running an accessibility audit of our app" dev.to/365talents/w... (spoiler: alert lot of things) Talking about Axe, Storybook, Cypress, ESLint... #a11y #accessibility #webdev #vuejs

...Compiling shaders... 😴

screenshot of the calendar when the input type week is open on Firefox

TIL there's a native `<input type="week" />` element 😮 developer.mozilla.org/en-US/docs/W...

Hard*

It can make selectors are to find too, reminds me of « grepabillty » morizbuesing.com/blog/greppab...

Hâte de revenir ! Quelle est la raison pour laquelle les billets ont été séparés en pro / perso avec des tarifs différents cette année ? 🤔

isolation - CSS: Cascading Style Sheets | MDN The isolation CSS property determines whether an element must create a new stacking context.

Finally used `isolation: isolate;` for the first time and it's very useful! No more junky relative position everywhere... 😌 developer.mozilla.org/en-US/docs/W...

difference of colors between syntax highlighting enabled or disabled in VSCode

screenshot of token inspector in VSCode

Example of VSCode configuration to customize tokens

Screenshot of example code with custom highlighting for TypeScript code

Just published a blog post about customizing VSCode theme to highlight TypeScript parts: dev.to/365talents/c...

Can be useful for new comers to TS, or to learn a bit how syntax highlighting works with tokens in VSCode!

Automated in Lokalise when uploading to them (merge on dev), automated in our backend when deployed and downloading through Lokalise API (merge on master). Of course we can also do it manually when fixing something for instance.

Doing a little research: how do you handle translations in your web apps? Simple json files for each language or some 3rd party service? If json, how do you organise the files? Additionally, which tools/packages do you use for i18n?

Reposts appreciated, answers even more 🙂

We commit a single YAML file for reference in english, upload it to Lokalise when merged in dev, have auto translation for most part, then each server download the generated JSON for each language when app is deployed (merge in master). We use vue-i18n but the technique could apply to anything else.

Hey that's the guy from Silicon Valley in their video 👀 😄