摘要：由于最近做了一些页面的动画效果，之前经验不多，这次做的过程中碰到些问题，加之很早前就阅读过一篇很好介绍动画的博客《关于动画，你需要知道的》，来自十年踪迹，所以就思考了一些关于动画的基本原理的问题，比如本文这个。这个问题要简单也可以非常简单，比如前面提到那篇博客里就有一个比较好的解释，本文提供的是另外一种更详细地方式，希望对有需要的人有所价值。 在客观的物体运动中，以匀速直线运动为例，我们可以同时... 阅读全文

摘要：animation-fill-mode是css3动画的一个属性，它能够控制元素在动画执行前与动画完成后的样式。一个带有延迟，并且按正常方向执行的动画（正常方向是指从0%运行到100%），执行一次的过程可以描述如下： 按照动画的执行时间来划分，一次动画过程可以将元素划分为3个状态：动画等待，动画进行和动画结束状态。默认情况下，只有在动画进行状态，才会应用动画的keyframes所定义的样式；而... 阅读全文

摘要：自从开始做前端开发以来，我发现在开发页面的时候，总是有一个问题十分影响自己的开发效率，这个问题就是css的命名，主要是指css类选择器的命名。这个问题主要体现在：第一，有的内容你压根想不出用什么名字来给它命名，因为一般命名总是考虑语义化，好让其他人看到这个css类的名字就知道它是作用于哪一个内容的，但是由于网页内容的复杂性和多样性，你很难保证每个部分都能起一个合适的名字，即使你最终迫不得已想出了一... 阅读全文

摘要：上一篇文章《圣杯布局小结》总结了几种常见的分栏布局方法，这几个方法都可以实现多栏页面下，所有栏的高度可动态变化，某一栏宽度自适应的布局效果，能满足工作中大部分的布局需求。后来我在搜集更多关于分栏布局的文章时，发现了一个新的问题，这个问题在前面那篇文章中也有朋友在评论里跟我提起，就是如何在实现分栏布局的同时保证每栏的高度相同。我发现这种等高分栏布局的情况，在网站里面其实也很常见，所以本文总结了几种可用的方法来解决这个新的需求。 阅读全文

摘要：圣杯布局，很久之前就听过，但是从来都没深入了解过，最近因为做了一个项目，借鉴了薪人薪事这个公司的产品页面，才第一次用到这种布局方式。于是就花了点时间，测了下它所有分栏布局的代码，每段代码都非常简单，但布局效果很完美，比我以前用的方式好用不少。本文是对它实现方式的一些总结，希望可以把这种技术推荐给跟我之前一样对它比较陌生的开发人员：） 阅读全文