前端工程师一般都喜欢去哪些网站逛？

刚刚看了一圈Youtube，对于前端大神用到的那些小众的神奇网站十分颠覆和震惊，做了一个列表发给我司的工程师借鉴（毕竟我的设计还要跪求他们落地，给他们找几个称心如意的工具实在是我的本分），也同步到这里给更多爱好前端探索的小伙伴看看：

Gur Img :- Free Unlimited Image Hosting - Direct Link - Share Image Across Devices

这个太给力了！以前经常用Codepen来尝试动效，但是最大的缺点是网上没有合适的图片来引用，自己设计/处理出来的图片又没法共享给Codepen这种在线工具。两难之时，就可以用这个工具把图片传到免费的Hosting上，Codepen这样的在线平台上的代码就可以轻松调用了。

特别强大的一个不仅可以画各色纹路，还能制作动效的轻量CSS库，这个library看起来虽然稀松平常，但各路大神的运用真的让我顶礼膜拜

这个叫Yuan Chuan的我把他主页分享一下

All elements made with CSS and HTML炫酷的网页元素组件库。设计系统大家都很熟悉了，只可惜大同小异。但如果是做C端的页面需要加入一些创意呢，不如从这里抄些代码动效状态都非常全面丰富也令人耳目一新，比如说按钮，卡片，Toggle开关等。

KUTE.js | JavaScript Animation Engine动效库，可以让两个SVG图之间丝滑切换。

先写这么多了，未完待续

————-

五月来更新了，又看到两个给力网站：

Clippy - CSS clip-path maker

不会用CSS画形状吗？不是你的问题，有些形状CSS根本就画不出来，不如直接用这个clip-path maker来创建，拖动点就可以调节相关多边形的数值，轻松用在开发产品上，设计师做多刁钻的图形都难不倒了。

clip-path:polygon(50% 0%,61% 35%,98% 35%,66% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);

3D Typography for the Web

这个js包可以生成各种3D字体，和设计师直接导出的图不同的是，它还可以任意旋转哦！交互效果完全提升了一个档次！

---------

写完才发现，开发的世界真的如此丰富多彩！。。。喂，你们怎么只收藏不点赞啊，周末辛辛苦苦写的，码字不易把我压箱底的收藏都翻出来了，求点赞啊求赞赞！