Загрузка видео...

Не удалось загрузить видео

На главную

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 просмотров • 3 месяцев назад •via X (Twitter)

ОбразованиеНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 0

Нет доступных комментариев

Здесь появятся комментарии из оригинального поста

Похожие видео

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 просмотров • 6 месяцев назад

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 просмотров • 9 месяцев назад

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 просмотров • 1 год назад

✨ 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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 1 год назад

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 просмотров • 2 месяцев назад

🔍 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 просмотров • 3 лет назад

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 просмотров • 6 месяцев назад

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 просмотров • 3 лет назад

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 просмотров • 2 лет назад

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 просмотров • 1 год назад

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,876 просмотров • 8 месяцев назад

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 просмотров • 3 лет назад

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 просмотров • 6 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 10 месяцев назад

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,262 просмотров • 1 год назад