从六十天用手工CSS复活僵尸中学到的教训
在讨论我学到的经验教训时，我会链接到各个Pen，但如果您想了解整个项目，请查看不死学院的60天动画。我开始这个项目是为了在2020年8月1日结束，恰逢我写的一本书出版，书中包含CSS动画、幽默和僵尸——因为，很明显，如果你不展示你的网络技能并阻止世界末日，僵尸就会毁灭世界。没有什么比移动的HTML元素更能伤害僵尸群了！
文章标签
5篇文章
查看精灵图中所有SVG的代码片段
我认为SVG精灵图是这样的
<svg display="none">
<symbol id="icon-one"> ... </symbol><symbol>
</symbol><symbol id="icon-two"> ... </symbol><symbol>
</symbol><symbol id="icon-three"> ... </symbol><symbol>
</symbol></svg>我一直很喜欢这种图标系统的方法（根据需要使用<use></use>），……
关于HTTP/2和捆绑的思考
HTTP/2一直是我关注的领域之一。事实上，在过去的一年里，我已经写了几篇关于它的文章。在其中一篇文章中，我做出了以下未经检验的断言
…**如果用户使用HTTP/2：**您将
基本的链接悬停作为CSS精灵图
a {
background: url(sprite.png) no-repeat;
display: block;
height: 30px;
width: 250px;
}
a:hover {
background-position: 0 -30px;
}设置的高度和宽度确保只显示sprite.png图形的一部分。悬停会改变…的位置