前端性能优化：本文系统性讲述了利用H5 api特性实现图片懒加载的方式，并使用模糊图片占位符来增强用户使用体验。最后使用自定义的 loading 动画来美化界面。

前不久，在网上看到这么一张非常有趣的图： 想必很多同学都看到这张图，是一个开发小哥被一个日间/黑夜模式切换按钮效果逼疯的视频。 其最终效果大致如下： 原完整代码在这里：Night && Day Tog

最近大家刷抖音，是否有刷到拉斯维加斯的新地标 「Sphere」： 场馆内部的视觉效果非常惊人，其中一个效果让我虎躯一震： 我的第一想法就是，这个看起来用 CSS 也可以实现嘛？还有 CSS 不能实现的

说到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋

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

今日周二，在下与诸位同道中人一起来讨论一个话题：当一个前端空闲的时候会做些什么。 🤯是独自深耕论坛，钻研学术？ 👯还是三两闲聊打趣，坐而论道？ 💆‍♂️亦或是闭目养神，神游天地？

上次给大家分享了15张的移动端登录界面,这次给大家带来了20张Web登录界面，真的是辛辛苦苦收集了好久，如果有喜欢的不妨给我点个赞吧，感谢！！！

这是我写的第三篇春节活动文章，实现的是一个抽卡页面，采用卡牌翻转的形式，给用户带来较和谐的视觉感受。

又一个svg页面,一个个交互的小动画十分有意思,对svg感兴趣的可以去看一看,貌似每次进去页面会随机生成一种色彩模式,然而对于svg,博主更喜欢canvas写出来的动画. 典型式的响应式页面,设计的格局十分的大气,色彩依旧是黄黑搭配,一直以来对这两色彩的组合就毫无抵抗力,滚动时…