在我们的日常开发过程中，我们经常需要打开各种网站查阅资料、寻找灵感、摸鱼划水... 今天，我们来给大家分享一些提效/创意的 宝藏网站。这些网站中，有些可以帮助我们提升效率，有些可以让我们的工作过程变得更加快乐。 在日常开发过程中，可能需要用到很多工具的部分功能，电脑装太多软件后…

何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。 每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景…

Three这个流行的库目前突破了56K Star，是创建一个易于使用，轻量级，3D库默认的WebGL渲染器。在示例中，该库还提供了画布2D、SVG和CSS3D渲染器。threejs可以将它理解成three + js，three表示3D的意思，js表示javascript的意思。…

本文阿宝哥会为小伙伴们隆重介绍用于图片处理的十个 「“小帮手”」，他们各个身怀绝技，拥有模糊、压缩、裁剪、旋转、合成、比对等技能。相信认识他们之后，你将能够轻松应对大多数的图片处理场景。 不过在介绍 「“小帮手”」 前，阿宝哥会先介绍一些图片相关的基础知识。此外，为了让小伙伴们…

放轻松，今天不是面试课。有人说欧巴的上一篇文章太难了，入门的话看不懂。 不要慌哈，网络安全的内容比较多，一篇文章写不完，后续会分成几篇文章，带大家手动实现一波，加深理解。 言归正传，今天欧巴要和大家分享一波硬核网站，作为一名前端工程师，不能总依靠UI小姐姐，工作上要为UI小姐姐…

本文是笔者写CSS时常用的套路。不论效果再怎么华丽，万变不离其宗。 有时候，我们需要给多个元素添加同一个动画，播放后，不难发现它们会一起运动，一起结束，这样就会显得很平淡无奇。 那么如何将动画变得稍微有趣一点呢？很简单，既然它们都是同一时刻开始运动的，那么让它们不在同一时刻运动…

一个跨浏览器的动效基础库，是许多基础动效的解决方案。从经典的弹跳动效到独特的扭曲动效，一应俱全。 文件大小：55.2 kB. 和其他的同类工具不同的地方在于，它不仅仅是一个库，而是有这用户可以直接操作的实际功能，它带有一个完整的网页构建器。Bounce.js 是为数不多的可以直…

所谓‘伪元素’，就是本身不存在的页面元素，HTML代码里并没有这样的元素，但在页面显示时，你却能看到这些本来不存在的元素发挥着作用。本文主要探究伪元素beforce和after的常用使用场景。 :before 选择器向选定的元素前插入内容。 使用content 属性来指定要插入…

本文阿宝哥将给大家介绍十个 「“酷炫屌"」 的图像悬停效果，希望阿宝哥精心录制的十个 Gif 动画能让大家眼前一亮，当然更希望这些特效能给大家设计图片悬停效果带来一些 「”灵感“」。 在日常工作中，如果小伙伴们也想实现图片悬停特效，阿宝哥推荐一个 Github 上的一个可扩展的…