还在用 img 标签？使用 picture 标签支持更灵活的图片
图片，是前端开发中经常接触的对象，也是重要的信息传递方式。如何更好、更灵活地展示图片，是前端开发需要重点考虑的。本文讨论了 picture 和 img 标签之间的区别，以及 picture 标签比 img 标签更好用的原因所在。
标签：picture
更多推荐文章
使用 Github Actions 实现前端自动化发布
说起自动化，无论是公司项目还是个人项目，都会用到或者编写一些工具来帮助我们去处理琐碎重复的工作，以节约时间、提升效率。随着前端工程化越来越明显，做前端开发会涉及诸如构建、部署、单元测试等这些开发工作流中重复的事项，本篇文章将介绍如何利用 GitHub 官方提供的 Actions 来完成前端的自动化发布。
SVG 元素 viewbox 属性详解
SVG 元素的 viewBox 属性允许指定一个给定的一组图形伸展以适应特定的容器元素。它包含4个参数的列表 min-x, min-y, width 和 height，以空格或者逗号分隔开。
一文搞懂什么是 PostCSS
PostCSS 提供了一种通过 JavaScript 代码的方式来处理 CSS。它负责把 CSS 代码解析成抽象语法树结构 AST，再交由插件来进行处理。PostCSS 的强大之处在于其不断发展的插件体系。
如何设计一个 JavaScript 插件系统
不管是 jQuery、 Vue 还是 React，它们都支持插件。插件是库和框架中很常见的功能，插件能够使你的项目具有更高的价值，而且也不会增加太多额外的维护负担。本文详细介绍了使用 JavaScript 构建插件系统的方法和流程，以及相关注意事项。
CSS 在网页打印中的最佳实践
本文将为你介绍打印 HTML 页面时用到的相关 CSS 知识和一些重要属性，如 page-break-before、page-break-after、page-break-inside 以及 @page 指令。这些属性可放心使用，它们均得到现代浏览器的支持。