重拾CSS的乐趣

最近不是快国庆了么，相信大家遇到的需求跟我一样，都是一些庆国庆的活动🎉，不少公司也都要把页面的主题换成国庆主题，我们公司也不例外。就在几个月前的7月1日大家应该都记得吧！那是我们党的生日……

最近项目优化的时候发现了一个巨大的累赘：一个78kb的gif动态图： 这个动图是干嘛用的呢？就是在请求一些大面积数据等情况时显示一个我们网站的镂空Logo，然后会出现一些金黄色的液体像水漫金山...

在很多场景下我们需要展示一串数字，这串数字可以是写死固定在页面上的，也可以是动态刷新实时请求的，还有一些是根据用户的交互产生变化的数字。之前我们网站在数字发生变化时是用 anime.js 做的类似于…

有一天开会，产品经理问：大家都升鸿蒙系统了么？紧接着一群人答：我们都用iPhone… 当然哈，我自己用的是安卓，不过也不是华为(留下了没钱的泪水)… 听了他这么一问我还以为这是要让我们开发鸿蒙应用了呢

这有点类似于手风琴效果，但不一样的是很多手风琴效果是同一时间内只能有一个展开，而这个是各个部分独立的，你展不展开完全不会影响我的展开与否。其实这种效果简直再普遍不过了，网上随便一搜就出来一大堆。但不一样的是，我在接到这个需求的时候突然想起来很久以前看过张鑫旭大佬的一篇文章，模糊…

对比一下发现哪里不同了么，普通版的是一开始完全透明，随着窗口的滚动而慢慢显示出来，靠的是控制opacity透明度属性来实现的。 而小黑盒那版是一开始就有一个渐变色，渐变到接近半透明，这种方式看起来更加的优雅，但看起来只是一开始进入页面还没滚动的时候带着很漂亮的渐变色，一滚动的时…

据不完全统计(其实就统计了自己身边的朋友和同事)，在刨除抖音或快手这一类短视频 APP 后，每天在手机上花费时间最长的就是刷微博和逛朋友圈。 它有一个高大上的名字：九宫格。 顾名思义，九宫格通常为如图这种三行三列的布局。 它在移动端的运用十分的广泛，而且不仅仅是在移动端的运用，…

由于移动互联网的飞速发展，现在基本没有哪个前端说自己只开发 PC 端，移动端什么的我不管。 布局可不仅仅只是把数据整齐的罗列在页面上这么简单，一个合适的布局可以令用户的操作非常顺畅。同时在不同的场景下也应选择不同的布局，如果选错布局的话很可能会导致用户对页面的操作不那么的丝滑，…

在数据日益增长的今天，数据可视化的需求也越来越大。 随便打开一个招聘软件，稍微好一点的岗位十个里面至少有三个以上都要求最好有数据可视化的经验。 我就曾经遇到过这么一个需求：青岛银行希望把自己往智慧银行