本篇章主讲双栏布局和三栏布局的一些较为古老及实用的原理及实现。说它古老主要也是因为我们不会涉及 flex 这一类魔法一般的布局方式，虽然我也知道用 flex 就能轻松实现很多布局。 做这个文章，一方面也是自己做个学习记录，当做温习一番。另一方面，也希望能够帮助看到这篇文章的新手…

一般人之所以不使用 css来绘制仪表盘，基本都是因为这个原因，canvas简简单单通过设置一个 ctx.lineCap = 'round'就能解决的问题。似乎 css无解了

在我们的日常开发工作中，文本溢出截断省略是很常见的一种需考虑的业务场景细节。看上去 “稀松平常” ，但在实现上却有不同的区分，是单行截断还是多行截断？多行的截断判断是基于行数还是基于高度？这些问题之下，都有哪些实现方案？他们之间的差异性和场景适应性又是如何？凡事就怕较真，较真必…

写本文的起因是，一天在群里有同学说误打误撞下，使用负的 outline-offset 实现了加号。嗯？好奇的我马上也动手尝试了下，到底是如何使用负的 outline-offset 实现加号呢？ 修改 outline-offset 到一个合适的负值 ，那么在恰当的时候，outli…

当我们遇到一种与自己认知不同的方案或者观点的时候，情感上的喜欢和不喜欢肯定是冲在我们前面的，这是我们的本能无可厚非。你不喜欢一个人，你就很难注意到他身上的优点，你喜欢一个人你本能会忽略这个人身上的缺点。 像最开始我不喜欢 BEM 一样，我觉得它让我的 CSS 名称又长又臭。当我…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

2.20号 在某个微信群里关注到第2点的代码会影响页面内部的scroll，用之前的项目测试了一下，确实如此。 但如果去掉第2点的代码，虽然内部的scroll可以正常使用了，但橡皮筋的效果出现了。 做项目做到一半，测试按钮点击态的时候，在PC和安卓机测试上都没有问题，但到ios移…

以往做一些 H5 的运营项目，都是动画设计师使用 Animate cc（原来的 Flash）先设计好动画原型，然后交给我们 UI 开发来实现。做过动画开发的童鞋都知道动画开发都是比较耗费时间精力的，而且还要高质量的还原动画设计师设计好的动画，来回沟通成本也非常高。 那有没有一种高效的方法来改善这种流程，提高开发效率的同时还能完成高品质的动画呢？

在工作中我也攒下了不少常用css, 我把他们封装成了mixin, 挑选了✋5个分享给大家, 希望大家喜欢. 参过参数可以只是单/多行. 移动端由于像素密度比的问题, 实际的1px边框看起来比较粗, 如果想要更"细"可以使用下面的代码. 不同像素密度比的设备都可以兼容(pc/手机…