Nico Prat

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 👀 😄

Nice! Does the example miss the id param in the path? Or did I miss something?

Using BroadcastChannel API with Vue to sync a ref across multiple tabs We try to save time for everyone in our team, not only developers: some people spend a lot of time...

Just shared a little improvement we did to ease our everyday life configuring our app: dev.to/365talents/u... I didn't even know about BroadcastChannel API until now! #vue #typescript

TypeScript 😬 remembered bad memories about Java at first, now I couldn't code without it!

bolt.new Prompt, run, edit & deploy web apps

Just discovered it thanks to bolt.new which used it 😄 the icons look gorgeous, but maybe a bit too homogenous so it’s hard to distinguish them at quick glance IMO.

Macromedia Dreamweaver 👴

How we migrated from Vue 2 to Vue 3 About one year ago we finally migrated from Vue 2 to Vue 3. It was 6 months before its official end...

New blog post, comments welcome! We migrated to Vue 3 in summer 2023 but I thought it could still be useful to share now! dev.to/365talents/h...

Screenshot of Mac settings to use caps lock key as escape

Map caps lock key to escape to rest your fingers 😌