Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

Real-time accessibility checks directly in Nuxt DevTools are now a reality. Check out the Nuxt A11y module. It’s built on axe-core and scans your app as you navigate, highlighting WCAG issues directly on the page with zero production impact. By helping teams catch issues early, this module has the...

github's profile picture

GitHub

2,666,948 subscribers

33,914 Aufrufe • vor 2 Monaten •via X (Twitter)

BildungWissenschaft & Technologie
LIVE

Anya Rossi• Live Now

Private livecam show

0 Kommentare

Keine Kommentare verfügbar

Kommentare vom Original-Post werden hier angezeigt

Ähnliche Videos

I'm delighted to announce the first alpha of `@nuxt/a11y` 🎉 ⚪ new core nuxt module ⚪ integrated in nuxt devtools thanks to Tim Damen 🇳🇱 for his incredible work on this ❤️ you can test it today – we'd love feedback, ideas, issues + PRs 🙏
0:24

I'm delighted to announce the first alpha of `@nuxt/a11y` 🎉 ⚪ new core nuxt module ⚪ integrated in nuxt devtools thanks to Tim Damen 🇳🇱 for his incredible work on this ❤️ you can test it today – we'd love feedback, ideas, issues + PRs 🙏

🦋 @danielroe.dev

13,159 Aufrufe • vor 5 Monaten

Did you know that Nuxt UI v3 is integrated into the Nuxt devtools? 🤯
0:53

Did you know that Nuxt UI v3 is integrated into the Nuxt devtools? 🤯

Sébastien Chopin

18,063 Aufrufe • vor 1 Jahr

A message from the Nuxt core team lead just came in! 🚀 Hear directly from Daniel Roe about the powerful synergy between Nuxt and Vite ⚡, and what relying on Vite as a build tool unlocks for the Vue-based metaframework. Time to meet the Vite community and learn from the experts!
1:06

A message from the Nuxt core team lead just came in! 🚀 Hear directly from Daniel Roe about the powerful synergy between Nuxt and Vite ⚡, and what relying on Vite as a build tool unlocks for the Vue-based metaframework. Time to meet the Vite community and learn from the experts!

ViteConf

10,912 Aufrufe • vor 9 Monaten

So proud of the work by Hugo, Benjamin Canac, and Farnabaz on the refreshed Nuxt website with Nuxt UI & Content v3! 😍
0:38

So proud of the work by Hugo, Benjamin Canac, and Farnabaz on the refreshed Nuxt website with Nuxt UI & Content v3! 😍

Sébastien Chopin

29,494 Aufrufe • vor 1 Jahr

✨ Fresh look for the Nuxt Studio editor! And guess what? Vue component properties are now auto-generated as fully editable forms straight from your defineProps! Works like a charm with Nuxt UI components 💚
0:52

✨ Fresh look for the Nuxt Studio editor! And guess what? Vue component properties are now auto-generated as fully editable forms straight from your defineProps! Works like a charm with Nuxt UI components 💚

Nuxt Studio

11,600 Aufrufe • vor 1 Jahr

Want to know if your website or product is accessible? There’s a tool for that. Here are some of the best accessibility tools to audit your design, find issues, and improve usability: - axe DevTools → A browser extension that scans your site for accessibility issues and provides fixes. - WebAIM Contrast Checker → Quickly checks if your text meets contrast requirements for readability. - Screen Reader Plugins → Test how your site works with screen readers like NVDA, JAWS, or VoiceOver. - WCAG Guidelines → The official accessibility standard, used to assess compliance levels (A, AA, AAA). - Lighthouse Audits → Built into Chrome DevTools, offering accessibility scores alongside performance metrics. - WAVE Browser Extension → Provides visual feedback by adding icons and indicators to your page showing accessibility issues and attributes. Many are free and take just minutes to implement. What’s your go-to accessibility testing tool? PS – We've compiled our favorites here: 🔗 #Accessibility #UXDesign #InclusiveDesign #WebAccessibility #UserExperience
1:05

Want to know if your website or product is accessible? There’s a tool for that. Here are some of the best accessibility tools to audit your design, find issues, and improve usability: - axe DevTools → A browser extension that scans your site for accessibility issues and provides fixes. - WebAIM Contrast Checker → Quickly checks if your text meets contrast requirements for readability. - Screen Reader Plugins → Test how your site works with screen readers like NVDA, JAWS, or VoiceOver. - WCAG Guidelines → The official accessibility standard, used to assess compliance levels (A, AA, AAA). - Lighthouse Audits → Built into Chrome DevTools, offering accessibility scores alongside performance metrics. - WAVE Browser Extension → Provides visual feedback by adding icons and indicators to your page showing accessibility issues and attributes. Many are free and take just minutes to implement. What’s your go-to accessibility testing tool? PS – We've compiled our favorites here: 🔗 #Accessibility #UXDesign #InclusiveDesign #WebAccessibility #UserExperience

G I Ξ G Ξ Ɍ

23,738 Aufrufe • vor 1 Jahr

Add a custom font to your app with just a font-family declaration ✨ We handle the performance optimisation 🚀 Bonus: View your custom fonts right in Nuxt DevTools.
0:35

Add a custom font to your app with just a font-family declaration ✨ We handle the performance optimisation 🚀 Bonus: View your custom fonts right in Nuxt DevTools.

Nuxt

68,862 Aufrufe • vor 1 Jahr

We’re honored to present the story behind the code of Nuxt, a web framework to build performant and production-grade apps and websites with Vue 🔥
12:27

We’re honored to present the story behind the code of Nuxt, a web framework to build performant and production-grade apps and websites with Vue 🔥

Supabase

78,659 Aufrufe • vor 1 Jahr

MCP Apps are live in nuxt-mcp-toolkit Write Vue components that become interactive widgets inside ChatGPT or Claude. Your users spend hours there daily. Bring your features to them. Let them interact without switching tabs. Nuxt makes it effortless.
0:28

MCP Apps are live in nuxt-mcp-toolkit Write Vue components that become interactive widgets inside ChatGPT or Claude. Your users spend hours there daily. Bring your features to them. Let them interact without switching tabs. Nuxt makes it effortless.

Hugo

17,044 Aufrufe • vor 2 Monaten

🔍 Now in the latest Nuxt DevTools, you are able to inspect the elements, open the corresponding source right inside the embedded VS Code, and edit them with HMR! FULL FEEDBACK LOOP - make changes without the need to learn project structure - or even leave the browser! 🤯
0:20

🔍 Now in the latest Nuxt DevTools, you are able to inspect the elements, open the corresponding source right inside the embedded VS Code, and edit them with HMR! FULL FEEDBACK LOOP - make changes without the need to learn project structure - or even leave the browser! 🤯

Anthony Fu 🦋 @antfu.me

196,905 Aufrufe • vor 3 Jahren

We updated the Nuxt UI Theme Picker 🔥 Inspired by shadcn create, you can now pick fonts, icon sets, and export everything to your main.css and app.config.ts.
0:28

We updated the Nuxt UI Theme Picker 🔥 Inspired by shadcn create, you can now pick fonts, icon sets, and export everything to your main.css and app.config.ts.

Benjamin Canac

21,088 Aufrufe • vor 6 Monaten

The upcoming Picture-in-Picture API that Chrome is pushing is soo promising! 🤩 Nuxt DevTools will be able to pop up as a separate window soon!
0:20

The upcoming Picture-in-Picture API that Chrome is pushing is soo promising! 🤩 Nuxt DevTools will be able to pop up as a separate window soon!

Anthony Fu 🦋 @antfu.me

316,390 Aufrufe • vor 3 Jahren

Announcing 🍿 Movies: - a learning app built in many JavaScript frameworks! Next.js 13+, Nuxt, Angular, Qwik, Astro, Enhance, Solid & more!
1:28

Announcing 🍿 Movies: - a learning app built in many JavaScript frameworks! Next.js 13+, Nuxt, Angular, Qwik, Astro, Enhance, Solid & more!

Addy Osmani

112,538 Aufrufe • vor 2 Jahren

It's finally here! ✨ Vue.js support for Nuxt UI Pro is now available with the beta version! Check out the demo with Vue + Vite ⚡:
0:55

It's finally here! ✨ Vue.js support for Nuxt UI Pro is now available with the beta version! Check out the demo with Vue + Vite ⚡:

Sébastien Chopin

34,041 Aufrufe • vor 1 Jahr

The upcoming self-hosted version of Nuxt Studio is 🤯 All you need is to create a GitHub OAuth app.
0:32

The upcoming self-hosted version of Nuxt Studio is 🤯 All you need is to create a GitHub OAuth app.

Sébastien Chopin

18,812 Aufrufe • vor 8 Monaten

Nuxt DevTools is really impressive and cool ! It deeply moved and inspired me, why can't Vue have a similarly cool tool? We can create a Vite ⚡ plugin and integrates with the strong Vite ecosystem. So, vite-plugin-vue-devtools is out ~🎉 enjoy it ~
1:08

Nuxt DevTools is really impressive and cool ! It deeply moved and inspired me, why can't Vue have a similarly cool tool? We can create a Vite ⚡ plugin and integrates with the strong Vite ecosystem. So, vite-plugin-vue-devtools is out ~🎉 enjoy it ~

Arlo

97,637 Aufrufe • vor 3 Jahren

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →
1:01

Connect your agents directly to Chrome DevTools. 🛠️ The new Chrome DevTools MCP server allows agents to inspect the DOM and debug console errors in real-time using Gemini CLI or any compatible agent. Check out the documentation on GitHub →

Google for Developers

22,793 Aufrufe • vor 6 Monaten

someone built a tool that puts ANY FACE on your webcam in REAL TIME called DOT - deepfake offensive toolkit, open source, works right now dot injects a real-time deepfake into your virtual camera zoom, google meet, teams, any video call app sees the fake face as your real webcam it ships with multiple deepfake engines (FOMM, SimSwap, SimSwapHQ), you pick the model based on your GPU and how real you need it to look built by sensity ai for red teams to test if your identity verification actually holds up against deepfakes
0:31

someone built a tool that puts ANY FACE on your webcam in REAL TIME called DOT - deepfake offensive toolkit, open source, works right now dot injects a real-time deepfake into your virtual camera zoom, google meet, teams, any video call app sees the fake face as your real webcam it ships with multiple deepfake engines (FOMM, SimSwap, SimSwapHQ), you pick the model based on your GPU and how real you need it to look built by sensity ai for red teams to test if your identity verification actually holds up against deepfakes

chiefofautism

37,088 Aufrufe • vor 4 Monaten

Did you know you can claim your rewards directly from the Codatta Web App? Check out our step-by-step guide in the video. It’s time to annotate → earn → claim your rewards in-app.
0:26

Did you know you can claim your rewards directly from the Codatta Web App? Check out our step-by-step guide in the video. It’s time to annotate → earn → claim your rewards in-app.

Codatta ✈️ KBW 🇰🇷

14,368 Aufrufe • vor 10 Monaten

Write 100x better code using AI (for free!) Install the Codacy extension (VSCode, Cursor, WindSurf). This will install an MCP Server locally on your computer. Your coding copilot will use this server with the Codacy CLI to check every line of code it generates. The way this works is pretty awesome (assuming you are using Cursor): 1. You ask Cursor to generate some code 2. Cursor writes the code 3. Cursor then calls Codacy's MCP Server to check it 4. The MCP Server will use the Codacy CLI to find any issues 5. Cursor will fix the issues and call the MCP server again 6. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Codacy has been doing this for a long, long time, and their Guardrails MCP Server checks for a lot of potential issues: • Security issues • Quality standards • Pattern violations • Linting issues You can see more information about the extension here: I recorded a quick video to show you how it works. Thanks to the Codacy team for helping me set up everything, answering my 1,000 questions, and collaborating with me on this post.
5:21

Write 100x better code using AI (for free!) Install the Codacy extension (VSCode, Cursor, WindSurf). This will install an MCP Server locally on your computer. Your coding copilot will use this server with the Codacy CLI to check every line of code it generates. The way this works is pretty awesome (assuming you are using Cursor): 1. You ask Cursor to generate some code 2. Cursor writes the code 3. Cursor then calls Codacy's MCP Server to check it 4. The MCP Server will use the Codacy CLI to find any issues 5. Cursor will fix the issues and call the MCP server again 6. When the code passes all checks, you are done Level of effort on your side: literally zero! Code quality and security because of this: 100x better! Codacy has been doing this for a long, long time, and their Guardrails MCP Server checks for a lot of potential issues: • Security issues • Quality standards • Pattern violations • Linting issues You can see more information about the extension here: I recorded a quick video to show you how it works. Thanks to the Codacy team for helping me set up everything, answering my 1,000 questions, and collaborating with me on this post.

Santiago

63,240 Aufrufe • vor 1 Jahr