ui设计的元素有时候需要有一些动画效果，可以直接用css动画来实现。 实现一个圆向四周有水波纹的效果 利用定位添加多个圆，给他们加上动画，使得依次从小变大，这样就形成了逐渐外扩的动画效果

携手创作，共同成长！这是我参与「掘金日新计划 · 8 月更文挑战」的第1天 今天分享一下，我们项目当中的一些webpack配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的

Web 页面性能优化，解决了图片相关，问题就解决了大半。本文从 Web 常见的图片格式入手，引出与图片优化相关的有效方案，期望对大家能有一点帮助。 有损压缩：借由将次要的信息数据舍弃，牺牲一些质量来减少数据量、提高压缩比。这个过程是不可逆的。图片常见的有损压缩手段是合并相近的像…

利用 CSS 的 linear-gradient() repeating-linear-gradient() radial-gradient() repeating-radial-gradient() 属性, 可实现各种意想不到的渐变图像。

“你，一个前端，难道不懂 CSS？”。这是大多数人的 “疑问”，是的，我就不懂了。

网速不好，怎么安心学习？怎样高效工作？来本期沸点晒一下你最快的下载速度吧。稀土君在公司下载最快是 8M/s，你的呢？

作者：Andrey Azimov 原文：I learned to code, build a web app and launch it on Product Hunt in 2 months 译者：Garrik 转载请表面出处

昨天把这个博客网站的代码开源放在了 github 上，然后刚好不巧看到百度 EFE 写的文章前端开源项目持续集成三剑客，突然想起好多项目的 ReadMe 文件确实看着很酷炫，有很多的徽章，于是就想着自己博客代码也可以这样做，显得自己高大上 (偷笑)。。于是花了一天，写了些单元测试，跑了一下 CI，检测了下代码，哗啦啦地就把好多个徽章给加到自己的项目中去了

PoPo数据可视化 聚焦于Web数据可视化与可视化交互领域，发现可视化领域有意思的内容。不想错过可视化领域的精彩内容, 就快快关注我们吧 :) 微信号：popodv_com 由于国庆节的原因，累计了2期可视化视频，一并在本期放出，视频就放在文章最顶部吧。 视频1. 鸟的迁徙 N…