Virginie Vachet
@virginievachet.bsky.social
Développeuse FrontEnd
Mes principaux sujets: #accessibilite #vuejs #vuetify #nuxt #typescript
Mes principaux sujets: #accessibilite #vuejs #vuetify #nuxt #typescript
Reposted by Virginie Vachet
C’est parti pour 24 jours de web !
Notre calendrier de l’avent revient pour sa 13e édition : www.24joursdeweb.fr
Un grand merci à Susy Rose, qui a réalisé une belle illustration pleine de références.
Notre calendrier de l’avent revient pour sa 13e édition : www.24joursdeweb.fr
Un grand merci à Susy Rose, qui a réalisé une belle illustration pleine de références.
December 1, 2025 at 7:23 AM
C’est parti pour 24 jours de web !
Notre calendrier de l’avent revient pour sa 13e édition : www.24joursdeweb.fr
Un grand merci à Susy Rose, qui a réalisé une belle illustration pleine de références.
Notre calendrier de l’avent revient pour sa 13e édition : www.24joursdeweb.fr
Un grand merci à Susy Rose, qui a réalisé une belle illustration pleine de références.
Reposted by Virginie Vachet
[ #VeilleESR ] Créez un site officiel avec le Système de Design de l'État (DSFR) et accessible (RGAA), en autonomie
Via https://mastodon.social/@pouyllau/115145125516975967
Via https://mastodon.social/@pouyllau/115145125516975967
Créez un site officiel avec le Système de Design de l'État (DSFR) et accessible (RGAA), en autonomie
Publiez un site internet conforme aux standards de l’État, avec le Système de Design de l'État (DSFR), et accessible, facilement.
Sites Faciles est un outil de gestion de sites internet (CMS) proposé par la Direction Interministérielle du Numérique (DINUM) aux administrations.
sites.beta.gouv.fr
September 4, 2025 at 11:00 AM
[ #VeilleESR ] Créez un site officiel avec le Système de Design de l'État (DSFR) et accessible (RGAA), en autonomie
Via https://mastodon.social/@pouyllau/115145125516975967
Via https://mastodon.social/@pouyllau/115145125516975967
Reposted by Virginie Vachet
Vous avez déjà entendu parler de la norme européenne sur l'accessibilité numérique et vous voulez en savoir plus sur le sujet ? @dnauroy.bsky.social et Alain Vagner vous expliquent tout, dans cette présentation réalisée à l'occasion des Voxxed Days Luxembourg en 2025.
gd.lu/81PgJ0
#a11y #luxembourg
gd.lu/81PgJ0
#a11y #luxembourg
Démystifions la norme européenne sur l’accessibilité numérique - Alain Vagner, Dominique Nauroy
YouTube video by Voxxed Days Luxembourg
www.youtube.com
July 31, 2025 at 10:11 AM
Vous avez déjà entendu parler de la norme européenne sur l'accessibilité numérique et vous voulez en savoir plus sur le sujet ? @dnauroy.bsky.social et Alain Vagner vous expliquent tout, dans cette présentation réalisée à l'occasion des Voxxed Days Luxembourg en 2025.
gd.lu/81PgJ0
#a11y #luxembourg
gd.lu/81PgJ0
#a11y #luxembourg
Reposted by Virginie Vachet
#RGAA : suffisant pour auditer l'accessibilité ? 🤔
Le RGAA n'intègre pas encore les critères de la norme européenne EN 301 549, mais le RAWeb, oui.
Conçu par @accessibilite.public.lu avec Access42, découvrez l'intérêt de ce référentiel pour les audits.
a42.fr/itw-raweb
#a11y #RAWeb #EN301549 #EAA
Le RGAA n'intègre pas encore les critères de la norme européenne EN 301 549, mais le RAWeb, oui.
Conçu par @accessibilite.public.lu avec Access42, découvrez l'intérêt de ce référentiel pour les audits.
a42.fr/itw-raweb
#a11y #RAWeb #EN301549 #EAA
RAWeb : création du référentiel d’accessibilité web luxembourgeois
Alain Vagner et Dominique Nauroy du SIP du Grand-Duché de Luxembourg reviennent sur la création du RAWeb, le nouveau référentiel d’accessibilité luxembourgeois.
a42.fr
November 4, 2025 at 8:42 AM
#RGAA : suffisant pour auditer l'accessibilité ? 🤔
Le RGAA n'intègre pas encore les critères de la norme européenne EN 301 549, mais le RAWeb, oui.
Conçu par @accessibilite.public.lu avec Access42, découvrez l'intérêt de ce référentiel pour les audits.
a42.fr/itw-raweb
#a11y #RAWeb #EN301549 #EAA
Le RGAA n'intègre pas encore les critères de la norme européenne EN 301 549, mais le RAWeb, oui.
Conçu par @accessibilite.public.lu avec Access42, découvrez l'intérêt de ce référentiel pour les audits.
a42.fr/itw-raweb
#a11y #RAWeb #EN301549 #EAA
Reposted by Virginie Vachet
📕 Composable Design Patterns in Vue
👉🏻 In this article, @michaelthiessen.bsky.social covers seven different patterns on writing better composables in @vuejs.org.
https://michaelnthiessen.com/composable-patterns-in-vue
👉🏻 In this article, @michaelthiessen.bsky.social covers seven different patterns on writing better composables in @vuejs.org.
https://michaelnthiessen.com/composable-patterns-in-vue
Composable Design Patterns in Vue
Learn how to write better composables in Vue. Use these seven patterns to manage state, logic, configuration, and input flexibility.
michaelnthiessen.com
December 16, 2024 at 5:00 PM
📕 Composable Design Patterns in Vue
👉🏻 In this article, @michaelthiessen.bsky.social covers seven different patterns on writing better composables in @vuejs.org.
https://michaelnthiessen.com/composable-patterns-in-vue
👉🏻 In this article, @michaelthiessen.bsky.social covers seven different patterns on writing better composables in @vuejs.org.
https://michaelnthiessen.com/composable-patterns-in-vue
Reposted by Virginie Vachet
📕 10 Tips to Write Cleaner Vue.js Code
👉🏻 In this article, @jacobandrewsky.bsky.social lists his best practices to write cleaner code in your @vuejs.org projects.
https://dev.to/jacobandrewsky/10-tips-to-write-cleaner-vuejs-code-1dp6
👉🏻 In this article, @jacobandrewsky.bsky.social lists his best practices to write cleaner code in your @vuejs.org projects.
https://dev.to/jacobandrewsky/10-tips-to-write-cleaner-vuejs-code-1dp6
10 Tips to Write Cleaner Vue.js Code
When transitioning from one project to another (for example when changing jobs) there is always this... Tagged with vue, cleancode, beginners, javascript.
dev.to
December 17, 2024 at 5:00 PM
📕 10 Tips to Write Cleaner Vue.js Code
👉🏻 In this article, @jacobandrewsky.bsky.social lists his best practices to write cleaner code in your @vuejs.org projects.
https://dev.to/jacobandrewsky/10-tips-to-write-cleaner-vuejs-code-1dp6
👉🏻 In this article, @jacobandrewsky.bsky.social lists his best practices to write cleaner code in your @vuejs.org projects.
https://dev.to/jacobandrewsky/10-tips-to-write-cleaner-vuejs-code-1dp6
💡 Vue.js : Optimisation de la réactivité avec effectScope et getCurrentScope ⚙️
Saviez-vous que Vue.js vous permet de contrôler précisément le cycle de vie des effets réactifs ? Avec effectScope, dites adieu aux fuites de mémoire ! 🔍
🧵 Thread avancé sur un sujet puissant :
Saviez-vous que Vue.js vous permet de contrôler précisément le cycle de vie des effets réactifs ? Avec effectScope, dites adieu aux fuites de mémoire ! 🔍
🧵 Thread avancé sur un sujet puissant :
December 17, 2024 at 5:05 PM
💡 Vue.js : Optimisation de la réactivité avec effectScope et getCurrentScope ⚙️
Saviez-vous que Vue.js vous permet de contrôler précisément le cycle de vie des effets réactifs ? Avec effectScope, dites adieu aux fuites de mémoire ! 🔍
🧵 Thread avancé sur un sujet puissant :
Saviez-vous que Vue.js vous permet de contrôler précisément le cycle de vie des effets réactifs ? Avec effectScope, dites adieu aux fuites de mémoire ! 🔍
🧵 Thread avancé sur un sujet puissant :
Reposted by Virginie Vachet
Learn about web font optimization using new open-source tools like fontaine and unifont, and how @nuxt.com Fonts works with these for better performance.
By the one and only @danielroe.dev. 💫
https://youtu.be/D3F683UViBY
By the one and only @danielroe.dev. 💫
https://youtu.be/D3F683UViBY
Nuxt Nation 2024: Daniel Roe - Magically Optimising your fonts
Daniel Roe, a leader in the Nuxt community, presents innovative ways to optimize fonts in web applications:• Font Optimization Techniques: Discover strategie...
youtu.be
December 15, 2024 at 10:59 PM
Learn about web font optimization using new open-source tools like fontaine and unifont, and how @nuxt.com Fonts works with these for better performance.
By the one and only @danielroe.dev. 💫
https://youtu.be/D3F683UViBY
By the one and only @danielroe.dev. 💫
https://youtu.be/D3F683UViBY
💡 Vue.js : Exploitez la puissance de Suspense pour le rendu différé 💻
Besoin de gérer des composants asynchrones de manière élégante dans Vue.js ? Suspense est là pour vous permettre d'attendre des promesses avant d'afficher un contenu. 🔄
🧵 Petit thread :
Besoin de gérer des composants asynchrones de manière élégante dans Vue.js ? Suspense est là pour vous permettre d'attendre des promesses avant d'afficher un contenu. 🔄
🧵 Petit thread :
December 15, 2024 at 11:32 AM
💡 Vue.js : Exploitez la puissance de Suspense pour le rendu différé 💻
Besoin de gérer des composants asynchrones de manière élégante dans Vue.js ? Suspense est là pour vous permettre d'attendre des promesses avant d'afficher un contenu. 🔄
🧵 Petit thread :
Besoin de gérer des composants asynchrones de manière élégante dans Vue.js ? Suspense est là pour vous permettre d'attendre des promesses avant d'afficher un contenu. 🔄
🧵 Petit thread :
Reposted by Virginie Vachet
#VueJsNation25 brings hot topics on all your favorite technology!
Join our FREE online conference and learn about
🔥 Vue Vapor Mode
🔥 Preview of @vuejs.org 3.6
🔥 Bundling
🔥 Vue.js & AI, and so much more!
What are you excited about the most?
https://youtu.be/GcWhbqy8wcg
Join our FREE online conference and learn about
🔥 Vue Vapor Mode
🔥 Preview of @vuejs.org 3.6
🔥 Bundling
🔥 Vue.js & AI, and so much more!
What are you excited about the most?
https://youtu.be/GcWhbqy8wcg
Vue.js Nation is back! 🤘
Get ready for Vue.js Nation 2025, happening on January 29th and 30th! 📅This FREE event promises two days of learning with Vue.js pioneers like Evan You, Edu...
youtu.be
December 13, 2024 at 2:34 PM
#VueJsNation25 brings hot topics on all your favorite technology!
Join our FREE online conference and learn about
🔥 Vue Vapor Mode
🔥 Preview of @vuejs.org 3.6
🔥 Bundling
🔥 Vue.js & AI, and so much more!
What are you excited about the most?
https://youtu.be/GcWhbqy8wcg
Join our FREE online conference and learn about
🔥 Vue Vapor Mode
🔥 Preview of @vuejs.org 3.6
🔥 Bundling
🔥 Vue.js & AI, and so much more!
What are you excited about the most?
https://youtu.be/GcWhbqy8wcg
Reposted by Virginie Vachet
🎄 Advent of Blog: Day 14
I upgraded the social links on my blog! When users visit a blog post, they now turn in content-sharing links. I wrote a short post about it:
https://laurentcazanove.com/blog/share-intent-links
#blogvent
I upgraded the social links on my blog! When users visit a blog post, they now turn in content-sharing links. I wrote a short post about it:
https://laurentcazanove.com/blog/share-intent-links
#blogvent
Simple UX: transforming social links into sharing buttons
A Vue.js component that transforms links to social into sharing intent when reading a blog post.
laurentcazanove.com
December 14, 2024 at 2:05 PM
🎄 Advent of Blog: Day 14
I upgraded the social links on my blog! When users visit a blog post, they now turn in content-sharing links. I wrote a short post about it:
https://laurentcazanove.com/blog/share-intent-links
#blogvent
I upgraded the social links on my blog! When users visit a blog post, they now turn in content-sharing links. I wrote a short post about it:
https://laurentcazanove.com/blog/share-intent-links
#blogvent
Reposted by Virginie Vachet
TIL I learned about Variance annotations in TS: https://www.typescriptlang.org/docs/handbook/2/generics.html#variance-annotations
It's the kind of thing most people will use between 0 and 5 times in their whole life 😅
It's the kind of thing most people will use between 0 and 5 times in their whole life 😅
Documentation - Generics
Types which take parameters
www.typescriptlang.org
December 14, 2024 at 2:13 PM
TIL I learned about Variance annotations in TS: https://www.typescriptlang.org/docs/handbook/2/generics.html#variance-annotations
It's the kind of thing most people will use between 0 and 5 times in their whole life 😅
It's the kind of thing most people will use between 0 and 5 times in their whole life 😅
💡 Vue.js : Optimiser les performances avec v-memo et defineComponent 💻
Quand votre application Vue.js commence à devenir complexe, l'optimisation des performances du rendu devient essentielle. Focus sur v-memo et les optimisations via defineComponent.
🧵 Petit thread :
Quand votre application Vue.js commence à devenir complexe, l'optimisation des performances du rendu devient essentielle. Focus sur v-memo et les optimisations via defineComponent.
🧵 Petit thread :
December 14, 2024 at 5:05 PM
💡 Vue.js : Optimiser les performances avec v-memo et defineComponent 💻
Quand votre application Vue.js commence à devenir complexe, l'optimisation des performances du rendu devient essentielle. Focus sur v-memo et les optimisations via defineComponent.
🧵 Petit thread :
Quand votre application Vue.js commence à devenir complexe, l'optimisation des performances du rendu devient essentielle. Focus sur v-memo et les optimisations via defineComponent.
🧵 Petit thread :
Reposted by Virginie Vachet
Reposted by Virginie Vachet
C’est parti pour le premier talk de @soubiran.dev
Vous en avez rêvé ? Créez des applications full-stack avec Nuxt !
Vous en avez rêvé ? Créez des applications full-stack avec Nuxt !
December 4, 2024 at 6:40 PM
C’est parti pour le premier talk de @soubiran.dev
Vous en avez rêvé ? Créez des applications full-stack avec Nuxt !
Vous en avez rêvé ? Créez des applications full-stack avec Nuxt !
Reposted by Virginie Vachet
My slides for my talk at @vuejsparis.bsky.social are now live! 🎉
Check them out here:
soubiran.dev/talks
Also, I finally got to meet @esm.dev—and came away with some awesome goodies! 🫶
Check them out here:
soubiran.dev/talks
Also, I finally got to meet @esm.dev—and came away with some awesome goodies! 🫶
December 5, 2024 at 8:07 PM
My slides for my talk at @vuejsparis.bsky.social are now live! 🎉
Check them out here:
soubiran.dev/talks
Also, I finally got to meet @esm.dev—and came away with some awesome goodies! 🫶
Check them out here:
soubiran.dev/talks
Also, I finally got to meet @esm.dev—and came away with some awesome goodies! 🫶
💡 Vue.js : Comprendre la différence entre utils et composables 💻
Dans un projet Vue.js, on entend souvent parler de utils et composables, mais quelle est la différence ? Et quand les utiliser ? 🤔
🧵 Petit thread :
Dans un projet Vue.js, on entend souvent parler de utils et composables, mais quelle est la différence ? Et quand les utiliser ? 🤔
🧵 Petit thread :
December 14, 2024 at 3:49 AM
💡 Vue.js : Comprendre la différence entre utils et composables 💻
Dans un projet Vue.js, on entend souvent parler de utils et composables, mais quelle est la différence ? Et quand les utiliser ? 🤔
🧵 Petit thread :
Dans un projet Vue.js, on entend souvent parler de utils et composables, mais quelle est la différence ? Et quand les utiliser ? 🤔
🧵 Petit thread :
Reposted by Virginie Vachet
🌋 This week we cover a hot topic in the community! Auto imports in @vuejs.org @nuxt.com and @nitro.build
Not only pros & cons, but also how to disable them, how to add them in plain Vue projects and what the future holds for them.
Of course, I also share my own opinion & recommendation!
Out now!
Not only pros & cons, but also how to disable them, how to add them in plain Vue projects and what the future holds for them.
Of course, I also share my own opinion & recommendation!
Out now!
Auto Imports in Vue and Nuxt - The Good and the Bad
YouTube video by Alexander Lichter
youtu.be
December 13, 2024 at 1:57 PM
🌋 This week we cover a hot topic in the community! Auto imports in @vuejs.org @nuxt.com and @nitro.build
Not only pros & cons, but also how to disable them, how to add them in plain Vue projects and what the future holds for them.
Of course, I also share my own opinion & recommendation!
Out now!
Not only pros & cons, but also how to disable them, how to add them in plain Vue projects and what the future holds for them.
Of course, I also share my own opinion & recommendation!
Out now!
Reposted by Virginie Vachet
📕 How to Create a Draggable Item in Vue Without Using Any Packages
👉🏻 In this concise guide, you’ll explore the art of making an item draggable in @vuejs.org without any packages.
https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
👉🏻 In this concise guide, you’ll explore the art of making an item draggable in @vuejs.org without any packages.
https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
How to Create a Draggable Item in Vue Without Using Any Packages
Vue.js stands out as a powerhouse for crafting interactive and seamless user experiences. Its ability to effortlessly bind events, simplify DOM manipulation, and seamlessly integrate native code…
medium.com
December 11, 2024 at 7:00 PM
📕 How to Create a Draggable Item in Vue Without Using Any Packages
👉🏻 In this concise guide, you’ll explore the art of making an item draggable in @vuejs.org without any packages.
https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
👉🏻 In this concise guide, you’ll explore the art of making an item draggable in @vuejs.org without any packages.
https://medium.com/@alemrandev/how-to-create-a-draggable-item-in-vue-without-using-any-packages-871a132b083b
Reposted by Virginie Vachet
📕 Using Generics in Vue components
👉🏻 This article introduces you to Generics in @vuejs.org so that you can start using it in your projects.
https://dev.to/jacobandrewsky/using-generics-in-vue-components-1lnn
👉🏻 This article introduces you to Generics in @vuejs.org so that you can start using it in your projects.
https://dev.to/jacobandrewsky/using-generics-in-vue-components-1lnn
Using Generics in Vue components
I recently learned about a feature of Vue framework that was added already some time ago but I have... Tagged with vue, typescript, productivity, programming.
dev.to
December 12, 2024 at 5:00 PM
📕 Using Generics in Vue components
👉🏻 This article introduces you to Generics in @vuejs.org so that you can start using it in your projects.
https://dev.to/jacobandrewsky/using-generics-in-vue-components-1lnn
👉🏻 This article introduces you to Generics in @vuejs.org so that you can start using it in your projects.
https://dev.to/jacobandrewsky/using-generics-in-vue-components-1lnn
Reposted by Virginie Vachet
📹 Make your Vue & Nuxt apps MORE SECURE!
👉🏻 @vuejs.org has a lot of safeguards in place - but there are situations where these won't help either.
https://www.youtube.com/watch?v=Hr4apFSYZW0
👉🏻 @vuejs.org has a lot of safeguards in place - but there are situations where these won't help either.
https://www.youtube.com/watch?v=Hr4apFSYZW0
Auf YouTube findest du die angesagtesten Videos und Tracks. Außerdem kannst du eigene Inhalte hochladen und mit Freunden oder gleich der ganzen Welt teilen.
www.youtube.com
December 12, 2024 at 7:00 PM
📹 Make your Vue & Nuxt apps MORE SECURE!
👉🏻 @vuejs.org has a lot of safeguards in place - but there are situations where these won't help either.
https://www.youtube.com/watch?v=Hr4apFSYZW0
👉🏻 @vuejs.org has a lot of safeguards in place - but there are situations where these won't help either.
https://www.youtube.com/watch?v=Hr4apFSYZW0
Reposted by Virginie Vachet
🎄 Advent of Blog: Day 13
Vue composables are powerful, but without careful design, they can lead to complex, untestable code.
Here's how to leverage the repository pattern with Vue composables in Nuxt 3:
https://laurentcazanove.com/blog/repository-pattern-in-composables
#blogvent
Vue composables are powerful, but without careful design, they can lead to complex, untestable code.
Here's how to leverage the repository pattern with Vue composables in Nuxt 3:
https://laurentcazanove.com/blog/repository-pattern-in-composables
#blogvent
Implementing repository pattern with Vue composables
Learn how to implement the repository pattern in Nuxt 3 using Vue composables.
laurentcazanove.com
December 13, 2024 at 4:04 PM
🎄 Advent of Blog: Day 13
Vue composables are powerful, but without careful design, they can lead to complex, untestable code.
Here's how to leverage the repository pattern with Vue composables in Nuxt 3:
https://laurentcazanove.com/blog/repository-pattern-in-composables
#blogvent
Vue composables are powerful, but without careful design, they can lead to complex, untestable code.
Here's how to leverage the repository pattern with Vue composables in Nuxt 3:
https://laurentcazanove.com/blog/repository-pattern-in-composables
#blogvent
Reposted by Virginie Vachet
New course alert! Component Design Patterns ⚙
🤔 Why Patterns Matter
🌴 Branching Component Pattern
🎰 Slots and Template Prop Pattern
☑️ List Patterns
All lessons include practical examples. 👇
https://vueschool.io/courses/vue-component-design-2
More to come next week!
#VueSchool #VueJs
🤔 Why Patterns Matter
🌴 Branching Component Pattern
🎰 Slots and Template Prop Pattern
☑️ List Patterns
All lessons include practical examples. 👇
https://vueschool.io/courses/vue-component-design-2
More to come next week!
#VueSchool #VueJs
December 13, 2024 at 12:23 PM
New course alert! Component Design Patterns ⚙
🤔 Why Patterns Matter
🌴 Branching Component Pattern
🎰 Slots and Template Prop Pattern
☑️ List Patterns
All lessons include practical examples. 👇
https://vueschool.io/courses/vue-component-design-2
More to come next week!
#VueSchool #VueJs
🤔 Why Patterns Matter
🌴 Branching Component Pattern
🎰 Slots and Template Prop Pattern
☑️ List Patterns
All lessons include practical examples. 👇
https://vueschool.io/courses/vue-component-design-2
More to come next week!
#VueSchool #VueJs
Reposted by Virginie Vachet
December 2, 2024 at 3:54 PM