在我们的日常开发中，为了给我们的产品塑造更好的形象，产出更好的用户体验，动画🖼 是不可或缺的一环。一个好的动画可以让交互更加的简洁，让用户更好理解我们的意图。所以如何添加动画，添加怎样的动画一直都是俺们程序员的难题🔧 ，其实在我之前的有关绘制的博客、有关贝塞尔曲线的博客中已…

我们在编辑一个版面，通常都会用到水平居中和垂直居中来设计，而水平居中很好处理，不外乎就是设定margin:0 auto；或是text-align:center；，就可以轻松解决掉水平居中的问题，但一直以来最麻烦对齐问题，都是“垂直居中”这个讨人厌的设定，以下将介绍七种单纯利用C…

作为一名Web开发者，CSS是必备技能之一，我一直以为自己对CSS的掌握已经够用了，直到读Lea Verou的《CSS揭秘》时，我发现自己充其量就算个会打CS的选手，书中针对我们常见的网页设计难题从不同的角度提出了多种实用又优雅的解决方案，在这里强烈的推荐给每一位从事前端相关的…

最近在做响应式系统设计的时候遇到需要对标题进行多行文字截取的效果，如下图： 看似十分简单的标题截断效果，但是竟然没有一个统一 CSS 属性实现标准，需要用到一些奇淫妙计来实现，

简洁清晰原则：去形式化做减法，突出内容尽可能去掉不必要的装饰和形式，用清晰简洁的设计形式来表达功能、交互及内容。

表单是产品设计中最重要的组件之一。本文重点介绍了表单设计的一般规则。请记住，这些都是一般准则，每个规则都有例外。

这是这个指南的第二部分，在此之前，你需要阅读第一部分。 我们正在讨论可以让你不需要去上美术学院就可以设计简洁 UI 的规则。 光线来自天空。（查看第 1 部分 首选白色和黑色。（查看第 1 部分 添加更多的空白。（查看第 1 部分 学习如何在图片上添加文字。 令文本层次分明。 …

Web设计中，很多人会模糊于规范，迷糊与入手，其实确实它是一个难点，哪怕是工作一些年头的设计师，也会有难以突破的瓶颈，这就需要不断地积累和探索，总结，分析思考。

实际开发过程中会遇到一些需要用CSS小技巧处理的布局问题，现在分享几个个人工作中遇到的小问题和解决方案。 这里要介绍一个神器font-size:0。 我们为了页面代码的整洁可读性，往往会设置一些适当的缩进、换行，但当元素的display为inline或者inline-block…