一般人没事的时候刷刷朋友圈、微博、电视剧、知乎，而有些人是没事的时候刷刷 GitHub ，看看最近有哪些流行的项目。 久而久之，这差距就越来越大，因此总会有开源信息的不对称，有哪些优秀的前端开源项目值得学习的也不知道。 初步前端与高级前端之间，最大的差距可能就是信息差造成的。 …

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 1、交错动画 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。那么如何将

大家好，我是 Steven。 本来想只用 HTML 和 CSS 去制作，但最后都要运用到 JavaScript，那我们立即开始吧。 打开 CodePen 编辑器，首先建立 HTML 结构。新增一个 <div>，class 是 card，里面新增图片，图片来源使用 Un…

大家好，我是 Steven。 我们试试用最少的 JavaScript，尽量使用 CSS 以及最简单的 HTML 结构去实现，那我们就开始啦。 打开 CodePen 编辑器，在 HTML 的部份加入一个 <div>，id 名为 image。 去到 CSS 的部份，新增 …

大家好，我是 Steven，这几天终于感受到冬天真的要来了，我都有些感冒，所以大家要注意保暖喔。 制作的原理和秋季的版本也差不多，那我们今集就将这个冬天的头图实现出来啦。 class 名为 evening，以及窗框积雪效果的图片，class 名为 window-cover。 再…