最近，我完全沉迷在了任天堂 Switch 上的《塞尔达传说：荒野之息》里，以至于专栏都快要停更了（罪过罪过）。大概每个塞尔达玩家都会有这个疑问，那就是 这个游戏为什么这么好玩？！ 非常有意思的是，这个问题的答案似乎和「前端为什么这么日新月异」有着微妙的关系，这让我有了一些全新的…

1. 画三角形 然后我们可以通过给任意三边的颜色设置为 transparent 即可分别实现任一方向的三角形。 通过设置某条边的宽度比其它边宽，来调整三角形的高度。 通过设置某条边的宽度比其它边窄，来调整三角形的宽度。 2. 画梯形 梯形也是基于 border 来绘制的，只不过…

为了提高 前端开发 效率, 笔者先后写了上百个前端工具, 有些是给公司内部使用的, 有些单纯是因为自己太“懒”, 不想写代码, 所以才“被迫”做的. 接下来介绍的一款工具——css三角形生成器也是因为之前想要解放设计师的生产力, 自己又懒得切图或者写css代码, 所以想来想去还…

不管是 CSS in JS 还是 JS in CSS，总之都想整合 JS 和 CSS 的能力，梳理一个新的模板规范。。。

手撕轮播图可能是很多前端初学者的噩梦，很多公司为了考察考生的基础知识掌握情况，通常会出一道手撕轮播图的题。虽然很多人看不起这道面试题，但是却很多人都无法写出正确的代码，甚至是已经工作一段时间的开

解决flex文件溢出问题： 1. 容器设置 `overflow: hidden` 2. 容器设置 `width: 0` 3. 容器设置 `min-width: 0`

这个插件自动帮我们将选中的匹配标签高亮显示，再也不用费劲查找了。 图片预览。鼠标移动到图片 url 上的时候，会自动显示图片的预览和图片尺寸。

在你十八岁的夏天，有没有一场让你难以忘怀的暴雨？你有没有渴望再经历一遍当年的雨？用js实现逼真雨景，炫酷！

布局和样式，是每个前端的必修课。在日常的工作中，也会碰到一些特定场景的布局需求，配合上样式，就能实现一些神奇的效果。我搜罗了一些日常开发中遇到的布局，以及浏览各大网站时碰巧发现的神奇特效写法，在此做个分享。 由于篇幅原因，会分为 2 篇。今天，会先介绍一些有趣而又实用的布局的写…