千锋长沙HTML5培训讲师分享超实用设计&前端干货，这次的干货合集挑选了不少贴合当下需求的设计与前端的设计素材，尤其是不少适用于Figma和Sketch的设计资源，上手即用，非常方便！

       1、AM I FLOCED

       这是一个测试工具，用来帮你确认Chrome浏览器中最新的「FLoC」跟踪功能是否被开启了。根据Google的说法，这种实验性的功能会选定0.5%的用户，在 Google 广告技术测试中作为测试对象。根据Am I FLoCed的设计师所说：「FLoC会根据你过去一周的历史记录将你分配到属性与你相似的群组当中，每个小组会收到一个被称为FLoC ID的标签，用来标记你的习惯、兴趣等有意义的信息。这样可以通过浏览器指纹识别你的身份，并且对你进行进一步的分析。」

       2、UNCUT

       Uncut是4月份才开始使用的Libre字体目录，它有着当代字体的样式和风格，并且会定期更新。

       3、DASHBLOCK

       Dashblock让你可以无需编码就可以构建自动化流程。它可以构建视觉自动化流程，也可以把流程区块转化为具体的用例。这是一个高级工具，提供14天免费试用。

       4、INSTANT

       Instant是一个与WooCommerce一起使用的一款快速安全的一键式结帐工具，用户在购物的时候，只需要填写一个简单的表单，加入之后可以开启无密码一键式结帐。

       5、TRIANGULA

       Triangula是一款实用的图像处理工具，基于算法能够将图片制作成为低多边形的效果，这款工具适合尺寸小于3000 px的图像。

       6、CONTENTAWARE IMAGE RESIZING IN JAVASCRIPT

       这是一款解决图片尺寸适配问题的工具，它可以帮你对图片进行尺寸上的处理，不过你最好在使用之前阅读一下教程。

       7、GLOBS DESIGN

       Globs Design使用拖拽和按钮来帮你创造时髦而有趣的形状和效果，你可以将它保存为SVG格式，并且应用于不同的项目。

       8、ROOT ILLUSTRATIONS

       Root Illustrations是一组史上又简单的人物场景插画图库，你可以对人物场景进行自定义处理，可以在Figma和Sketch中使用，整套包含24个角色，100多种不同的细节和各种各样的功能。

       9、MAKE YOUR PHOTO 16×9

       要让你的照片按照16×9的比例展示听起来很简单，但是实际操作的时候，会发现各种不合适，这款工具能够帮你生成模糊的背景填充，让整体确保可以按照16 x 9进行展示。

       10、DEVBOOK

       Devbook是一款面向开发人员的搜索引擎，它可以帮助设计人员找到他们所需要的资源，并且快速回答一些常见的开发问题，最重要的是，仅用键盘就可以完整控制整个工具。

       11、MADOSEL

       Madosel是一款尚且处于Alpha阶段的快速、高级响应式的HTML前端框架，用它来创建的网站和APP在任何平台上看起来都非常不错，它可读性良好，灵活且易于定制。

       12、SAY HELLO TO CSS CONTAINER QUERIES

       Say Hello to CSS Container Queries可以帮助你解决媒体查询和智能堆栈的问题。

       13、FRONTEND TOOLKIT

       Frontend Toolkit是一个可以自定义的仪表盘，可以用来重复执行任务，包含很多用来加速工作流程的小工具。

       14、FLATFILE

       Flatfile是一款SaaS程序导入工具，你可以借助它导入比如自动化的用户电子表格，无需手工清理数据，不需要CSV解析器就能自动完成很多操作。这款工具还包含一套精美的UI组件，并且可以指引用户完成操作。

       15、PLASMIC

       Plasmic是一款可以与你的代码库一起使用的可视化网站构建工具，它旨在加快开发人员对代码的专注度，允许非开发人员在此发布页面和内容。它的高级版可以和任何托管服务、CMS系统以及框架一起使用，你可以根据组件、页面进行灵活的调整。

       16、CALENDSO

       Calendso是一款开源日历工具，它非常灵活。它是基于API进行驱动的，允许你轻松地控制和管理不同的事件，这款工具界面简单、时尚、可以集成到网站中。

       17、SLIDEV

       Slidev是一组给开发者使用的幻灯片工具，和传统的幻灯片不同的地方在于，它对于代码的演示更加友好，也带有更适合代码演示的主题，代码块和交互式组件可以使用 Markdown在其中进行编写。

上一篇

52条SQL语句，性能优化，程序员干货必收藏！

下一篇

长沙IT培训程序员必备软件清单，月入5万不是梦！