本文深入探讨了 ARIA（可访问富互联网应用程序）在网页可访问性中的作用，并揭示了一些常见的误区。ARIA 并非万能药，它旨在补充原生 HTML 元素的不足，为屏幕阅读器等辅助技术提供更多信息，从而增强交互性、目的性和状态的可理解性。文章强调了 ARIA 的历史背景、使用规则、语法结构（角色、状态和属性），以及实际应用中的诸多挑战，例如辅助技术支持的差异性、ARIA 属性的误用等。作者建议开发者优先使用语义化 HTML，仅在必要时才使用 ARIA，并强调了手动测试的重要性，以确保 ARIA 的正确性和有效性。最终，文章将 ARIA 的使用与对残障人士的关怀联系起来，呼吁开发者重视可访问性，构建更包容的 Web 世界。
阅读更多
Firefox 62 版本正式支持 CSS Shapes，允许网页内容环绕非矩形形状流动。这篇文章介绍了如何使用图像、渐变和基本形状创建各种形状，并利用 Firefox DevTools 中的新工具简化形状编辑。你可以用图片的透明区域、渐变的透明区域，甚至预设形状（圆形、椭圆形、多边形）来控制文本的环绕方式，并使用 `shape-margin` 属性调整文本与形状的间距。文章还讲解了如何使用 `shape-image-threshold` 属性处理半透明图像，以及如何结合 `clip-path` 属性裁剪形状。
阅读更多
Smashing Magazine对Svelte创造者Rich Harris的访谈揭示了Svelte 5的重大更新和未来方向。Svelte 5是一个从底层重写的版本，引入了更明确的状态管理机制。Harris强调Svelte的目标并非单纯的市场份额，而是构建高质量、健壮易用的应用，并致力于改善整体软件质量，解决软件普遍存在的缺陷问题。未来，Svelte将专注于完善周边生态，例如SvelteKit，目标是成为JavaScript领域的Rails或Laravel，简化全栈应用开发。
阅读更多
本文介绍了如何使用现代 CSS 功能（如 Grid 和 Flexbox）创建灵活且可复用的布局，而无需依赖外部框架。文章详细讲解了四种 CSS 工具类的构建方法，包括“重复网格”、“重复弹性布局”、“流动网格”和“流动弹性布局”，并解释了如何使用 CSS 变量、容器查询和 Subgrid 等技术来自定义布局、实现响应式设计以及增强布局的控制能力。
阅读更多
在本文中，作者认为用户界面框架并不是网站设计中必不可少的，并且提出了无需框架即可创建现代、可维护且易于访问的网站的解决方案。作者提供了替代方法，例如使用组件库、样式指南和设计系统，并强调了灵活性、可扩展性和开发人员自由度的重要性。本文为网站设计提供了有价值的见解，鼓励设计师摆脱框架的束缚，探索替代方案。
阅读更多