Web 每周第156期 (#博客文章)
💡
原文英文，约1600词，阅读约需6分钟。
📝
内容提要
本期Web Weekly讨论了可样式选择元素、Chrome图像加载优先级、Masonry布局进展及无代码开发。WebAIM报告指出95%网页存在可访问性问题，强调HTML基础的重要性。新Safari版本支持多项功能，并推荐了一些实用工具。
🎯
关键要点
- 本期Web Weekly讨论了可样式选择元素、Chrome图像加载优先级、Masonry布局进展及无代码开发。
- WebAIM报告指出95%网页存在可访问性问题，强调HTML基础的重要性。
- 新Safari版本支持多项功能，包括::details-content和新的CSS属性。
- Chrome现在支持可样式选择元素，带有新的伪元素。
- Masonry布局有进展，Webkit提出了新的item-*属性以支持网格和弹性布局。
- 无代码开发正在兴起，Apple尝试简化推送通知的注册过程。
- 关于浏览器选择的讨论，Chrome根据图像的视觉位置调整加载优先级。
- JavaScript代码库中容易出现循环依赖，Madge工具可以帮助识别这些问题。
- CSS Naked Day即将到来，鼓励检查HTML标记的正确性。
- Sean的博客讨论了编码的理解比代码本身更重要。
❓
延伸问答
Chrome如何优先加载图像？
Chrome根据图像的视觉位置和大小调整加载优先级。
WebAIM报告中提到的网页可访问性问题有哪些？
报告指出95%的网页存在可访问性问题，主要包括低对比度、缺少图像alt文本、缺少表单标签等。
Masonry布局的最新进展是什么？
Webkit提出了新的item-*属性，以支持网格和弹性布局，从而推动Masonry布局的发展。
无代码开发的趋势是什么？
无代码开发正在兴起，Apple尝试简化推送通知的注册过程，以降低开发复杂性。
新Safari版本支持哪些新功能？
新Safari版本支持::details-content、offset-path、clip-path等新功能。
如何检查HTML标记的正确性？
可以参与CSS Naked Day，通过去除CSS来检查HTML标记的正确性。
➡️
