小红花·文摘
  • 首页
  • AI Tokens🪙
  • 排行榜🏆
  • 直播
  • FAQ
如何使用Shadcn UI在React中创建可扩展的KYC入职流程

本文介绍如何用Shadcn UI构建B2B SaaS产品的KYC验证流程,包含三步:账户类型选择(单选组)、文件上传(拖拽区)、验证状态(提示框),并配有步骤指示器。文章强调组件代码、状态管理、验证逻辑及无障碍设计,如使用fieldset分组、aria-label等,确保流程简洁、用户友好。

如何使用Shadcn UI在React中创建可扩展的KYC入职流程

freeCodeCamp.org freeCodeCamp.org · 2026-08-13T18:10:52Z
开源ui-skills解决AI网页设计痛点:功能全对,审美全废

ui-skills是一个为AI编程代理提供设计规则的技能库,旨在解决AI生成网页时的审美问题。它将设计师的隐性经验转化为AI可理解的规则,避免生成界面出现廉价感和设计错误,同时关注无障碍设计,确保代码符合用户需求。通过ui-skills,AI能够更好地遵循设计标准,提高产品质量,减少开发者的重复审查工作。

开源ui-skills解决AI网页设计痛点:功能全对,审美全废

极道 极道 · 2026-07-16T00:23:00Z
从意识到工程化无障碍设计在开源中的应用

Merge Forward Neurodiversity小组致力于支持神经多样性开源贡献者,推动无障碍设计的系统性转变。通过KubeCon等会议,强调减少认知摩擦的重要性,未来将聚焦于实践指导和社区支持,以实现真正的包容性。

从意识到工程化无障碍设计在开源中的应用

Cloud Native Computing Foundation Cloud Native Computing Foundation · 2026-06-24T11:32:00Z

苹果设计大奖公布了2026年获奖名单,涵盖乐趣、多元、创新、互动、社会影响和视觉六大类。获奖作品包括《grug》、《Is This Seat Taken?》、《Guitar Wiz》等,强调用户体验与无障碍设计,特别关注Vision Pro应用,展现开发者的创意与技术成就。

2026 Apple 设计奖正式揭晓,细数 12 款 App 的特别之处

少数派 少数派 · 2026-06-06T02:20:44Z
大型语言模型在一个无障碍性差的网站上进行训练——AudioEye数据表明,人工智能仍在构建一个无障碍性差的网站

开发者在使用大型语言模型(LLM)工具时,常忽视无障碍设计,导致网站可访问性问题严重。报告显示,95.9%的主页存在可访问性失败,许多企业因未满足无障碍标准而面临诉讼。解决方案包括在开发过程中进行无障碍检查,使用合适的工具和库,并持续监测网站可访问性。通过教育和技术支持,开发者可以改善无障碍设计,降低法律风险。

大型语言模型在一个无障碍性差的网站上进行训练——AudioEye数据表明,人工智能仍在构建一个无障碍性差的网站

The New Stack The New Stack · 2026-05-20T13:00:00Z
为流媒体内容设计稳定的用户界面

本文探讨了流媒体用户界面的设计挑战,包括滚动行为、布局稳定性和渲染频率。作者提出了保持用户控制滚动、批量更新和处理中断流的解决方案,以提升用户体验。同时,强调无障碍设计的重要性,确保屏幕阅读器和键盘导航的兼容性。这些方法有助于提高流媒体界面的稳定性和易用性。

为流媒体内容设计稳定的用户界面

Articles on Smashing Magazine — For Web Designers And Developers Articles on Smashing Magazine — For Web Designers And Developers · 2026-05-01T08:00:00Z
为流媒体内容设计稳定的用户界面

本文探讨了流媒体用户界面的设计挑战,包括滚动行为、布局稳定性和渲染频率。作者提出通过合理的用户体验设计解决这些问题,如在用户滚动时停止自动滚动、保持布局稳定和批量渲染更新内容。同时强调无障碍设计的重要性,以满足不同用户的需求。

为流媒体内容设计稳定的用户界面

Articles on Smashing Magazine — For Web Designers And Developers Articles on Smashing Magazine — For Web Designers And Developers · 2026-04-30T08:00:00Z
网络周刊 #190

文章讨论了CSS的新特性,包括image-set背景图像、可变字体分析工具Wakamai Fondue,以及无障碍设计的最佳实践。强调模态对话框中的聚焦位置和aria-describedby的使用对可访问性的影响。此外,提到现代Web功能在光影DOM中的表现差异,并推荐CSS课程和工具。最后,表达了对行业质量下降的担忧。

网络周刊 #190

Stefan Judis Web Development Stefan Judis Web Development · 2026-04-19T22:00:00Z
社交应用的未来:在线交流正变得比以往任何时候都更具人性化

现代社交平台正在改变在线交流方式,用户可以在共享空间中自然互动,建立紧密的情感联系。无障碍设计提升了沟通的舒适性和包容性,使数字互动更加真实和有意义。

社交应用的未来:在线交流正变得比以往任何时候都更具人性化

实时互动网 实时互动网 · 2026-04-13T03:32:58Z
通过Figma变量测试字体大小以实现无障碍设计

文章讨论了如何在设计中有效融入无障碍原则,特别是通过Figma变量测试字体大小。无障碍设计应视为企业核心价值和法律责任,而非附加功能。通过简化工作流程,团队可以在日常工作中自然整合无障碍设计,提升用户体验。设计师需关注文本可读性,确保用户能够轻松调整字体大小以满足不同需求。

通过Figma变量测试字体大小以实现无障碍设计

Articles on Smashing Magazine — For Web Designers And Developers Articles on Smashing Magazine — For Web Designers And Developers · 2026-03-24T13:00:00Z
网络周刊 #178 (#博客文章)

本文讨论了网页开发的最新动态,包括CSS新属性、响应式图片预加载和无障碍设计的重要性。作者分享了个人音乐喜好,并感谢支持者,同时提到了一些实用工具和项目,鼓励关注网页性能和可访问性。

网络周刊 #178 (#博客文章)

Stefan Judis Web Development Stefan Judis Web Development · 2025-12-07T23:00:00Z
像 CAPTCHA 这样的认证方法的可及性问题

CAPTCHA 认证方法常常使残疾人士无法访问,尽管其目的是防止机器人。图像分类和点击验证等测试缺乏包容性,影响用户体验。应采用多因素认证和无障碍设计等更好的替代方案,以提升网络可及性。

像 CAPTCHA 这样的认证方法的可及性问题

Articles on Smashing Magazine — For Web Designers And Developers Articles on Smashing Magazine — For Web Designers And Developers · 2025-11-27T10:00:00Z
通过GitHub开源注释工具包提升设计与代码的协作

GitHub推出注释工具包,旨在改善设计师与开发者的协作,确保无障碍设计融入工作流程。该工具包通过Figma库记录设计意图和无障碍行为,减少知识差距,提高团队效率。

通过GitHub开源注释工具包提升设计与代码的协作

The GitHub Blog The GitHub Blog · 2025-11-18T18:05:17Z

我为 Hugo 博客重新设计了主题模板,解决了加载慢和布局偏移的问题。新模板采用无衬线字体,改善了无障碍设计,提升了数学公式性能,减少了外部依赖,并支持 Hugo Alert。设计过程不断实践改进,未来将增加更多功能。

Hugo blog 主题模板重构

delphij's Chaos delphij's Chaos · 2025-10-09T03:14:04Z
网络周刊 #169 (#博客文章)

即将推出的角形CSS属性引发讨论,Safari 26发布了新功能,包括CSS锚点定位和滚动驱动动画。文章还提到新表情符号、无障碍设计技巧及JavaScript调查,期待读者反馈以改进内容。

网络周刊 #169 (#博客文章)

Stefan Judis Web Development Stefan Judis Web Development · 2025-10-04T22:00:00Z
以人为本的数据可视化方法

麻省理工学院的阿尔文·萨提亚纳扬教授致力于开发可供盲人和低视力者使用的可视化工具,确保他们能够自主解读数据。他的团队专注于无障碍设计,强调人机交互的重要性,推动社会责任感。

以人为本的数据可视化方法

MIT News - Computer Science and Artificial Intelligence Laboratory (CSAIL) MIT News - Computer Science and Artificial Intelligence Laboratory (CSAIL) · 2025-09-05T04:00:00Z
拨号上网尘封往事:当三个聋哑人,向巨头发起革命

美国在线(AOL)宣布将于9月底停止拨号上网服务,标志着拨号上网时代的结束。拨号上网的历史与聋哑人技术创新密切相关,罗伯特·维特布莱希特开发的声学耦合器为调制解调器奠定基础,帮助聋人实现文字通信。这提醒我们关注无障碍设计的重要性。

拨号上网尘封往事:当三个聋哑人,向巨头发起革命

爱范儿 爱范儿 · 2025-08-31T03:18:01Z
我希望有人在我学习ARIA时告诉我的事

ARIA(可访问富互联网应用)是提升网页可访问性的工具,为屏幕阅读器提供额外信息。文章强调理解ARIA的重要性,介绍其历史、使用规则及常见误区,提醒开发者谨慎使用,以确保无障碍设计。

我希望有人在我学习ARIA时告诉我的事

Articles on Smashing Magazine — For Web Designers And Developers Articles on Smashing Magazine — For Web Designers And Developers · 2025-06-16T13:00:00Z
无障碍优先的网页设计标准:架起桥梁,而非筑起墙壁

随着数字化进程加快,无障碍设计变得至关重要。它能扩大受众、提升用户体验、满足法律要求、增强品牌形象,并使代码更易维护。无障碍设计应从开发初期融入,以确保所有用户顺畅使用网站。

无障碍优先的网页设计标准:架起桥梁,而非筑起墙壁

DEV Community DEV Community · 2025-05-21T05:29:42Z
🔥 Stripe与Jony Ive的炉边谈话、LLMs后的UI设计与CSS中的DOOM

本文介绍了设计与开发领域的最新趋势,包括用户体验、性能优化和无障碍设计,探讨了心理学原理对用户行为的影响,并推荐了即将举行的相关会议。

🔥 Stripe与Jony Ive的炉边谈话、LLMs后的UI设计与CSS中的DOOM

DEV Community DEV Community · 2025-05-13T23:00:00Z
  • <<
  • <
  • 1 (current)
  • 2
  • 3
  • >
  • >>
👤 个人中心
在公众号发送验证码完成验证
登录验证
在本设备完成一次验证即可继续使用

完成下面两步后,将自动完成登录并继续当前操作。

1 关注公众号
小红花技术领袖公众号二维码
小红花技术领袖
如果当前 App 无法识别二维码,请在微信搜索并关注该公众号
2 发送验证码
在公众号对话中发送下面 4 位验证码
友情链接: MOGE.AI 九胧科技 1tok 菜鸟教程 Remio.AI DeekSeek连连 53AI 神龙海外代理IP IPIPGO全球代理IP 东波哥的博客 匡优考试在线考试系统 开源服务指南 蓝莺IM Solo 独立开发者社区 AI酷站导航 极客Fun 我爱水煮鱼 周报生成器 He3.app 简单简历 白鲸出海 T沙龙 职友集 TechParty 蟒周刊 Best AI Music Generator 模力方舟 Gitee AI

小红花技术领袖俱乐部
小红花·文摘:汇聚分发优质内容
小红花技术领袖俱乐部
Copyright © 2021-
粤ICP备2022094092号-1
公众号 小红花技术领袖俱乐部公众号二维码
视频号 小红花技术领袖俱乐部视频号二维码