千鋒長沙HTML5培訓(xùn)講師分享超實(shí)用設(shè)計(jì)&前端干貨，這次的干貨合集挑選了不少貼合當(dāng)下需求的設(shè)計(jì)與前端的設(shè)計(jì)素材，尤其是不少適用于Figma和Sketch的設(shè)計(jì)資源，上手即用，非常方便！

       1、AM I FLOCED

       這是一個測試工具，用來幫你確認(rèn)Chrome瀏覽器中最新的「FLoC」跟蹤功能是否被開啟了。根據(jù)Google的說法，這種實(shí)驗(yàn)性的功能會選定0.5%的用戶，在 Google 廣告技術(shù)測試中作為測試對象。根據(jù)Am I FLoCed的設(shè)計(jì)師所說：「FLoC會根據(jù)你過去一周的歷史記錄將你分配到屬性與你相似的群組當(dāng)中，每個小組會收到一個被稱為FLoC ID的標(biāo)簽，用來標(biāo)記你的習(xí)慣、興趣等有意義的信息。這樣可以通過瀏覽器指紋識別你的身份，并且對你進(jìn)行進(jìn)一步的分析?！?/span>

       2、UNCUT

       Uncut是4月份才開始使用的Libre字體目錄，它有著當(dāng)代字體的樣式和風(fēng)格，并且會定期更新。

       3、DASHBLOCK

       Dashblock讓你可以無需編碼就可以構(gòu)建自動化流程。它可以構(gòu)建視覺自動化流程，也可以把流程區(qū)塊轉(zhuǎn)化為具體的用例。這是一個高級工具，提供14天免費(fèi)試用。

       4、INSTANT

       Instant是一個與WooCommerce一起使用的一款快速安全的一鍵式結(jié)帳工具，用戶在購物的時候，只需要填寫一個簡單的表單，加入之后可以開啟無密碼一鍵式結(jié)帳。

       5、TRIANGULA

       Triangula是一款實(shí)用的圖像處理工具，基于算法能夠?qū)D片制作成為低多邊形的效果，這款工具適合尺寸小于3000 px的圖像。

       6、CONTENTAWARE IMAGE RESIZING IN JAVASCRIPT

       這是一款解決圖片尺寸適配問題的工具，它可以幫你對圖片進(jìn)行尺寸上的處理，不過你最好在使用之前閱讀一下教程。

       7、GLOBS DESIGN

       Globs Design使用拖拽和按鈕來幫你創(chuàng)造時髦而有趣的形狀和效果，你可以將它保存為SVG格式，并且應(yīng)用于不同的項(xiàng)目。

       8、ROOT ILLUSTRATIONS

       Root Illustrations是一組史上又簡單的人物場景插畫圖庫，你可以對人物場景進(jìn)行自定義處理，可以在Figma和Sketch中使用，整套包含24個角色，100多種不同的細(xì)節(jié)和各種各樣的功能。

       9、MAKE YOUR PHOTO 16×9

       要讓你的照片按照16×9的比例展示聽起來很簡單，但是實(shí)際操作的時候，會發(fā)現(xiàn)各種不合適，這款工具能夠幫你生成模糊的背景填充，讓整體確?？梢园凑?6 x 9進(jìn)行展示。

       10、DEVBOOK

       Devbook是一款面向開發(fā)人員的搜索引擎，它可以幫助設(shè)計(jì)人員找到他們所需要的資源，并且快速回答一些常見的開發(fā)問題，最重要的是，僅用鍵盤就可以完整控制整個工具。

       11、MADOSEL

       Madosel是一款尚且處于Alpha階段的快速、高級響應(yīng)式的HTML前端框架，用它來創(chuàng)建的網(wǎng)站和APP在任何平臺上看起來都非常不錯，它可讀性良好，靈活且易于定制。

       12、SAY HELLO TO CSS CONTAINER QUERIES

       Say Hello to CSS Container Queries可以幫助你解決媒體查詢和智能堆棧的問題。

       13、FRONTEND TOOLKIT

       Frontend Toolkit是一個可以自定義的儀表盤，可以用來重復(fù)執(zhí)行任務(wù)，包含很多用來加速工作流程的小工具。

       14、FLATFILE

       Flatfile是一款SaaS程序?qū)牍ぞ?，你可以借助它?dǎo)入比如自動化的用戶電子表格，無需手工清理數(shù)據(jù)，不需要CSV解析器就能自動完成很多操作。這款工具還包含一套精美的UI組件，并且可以指引用戶完成操作。

       15、PLASMIC

       Plasmic是一款可以與你的代碼庫一起使用的可視化網(wǎng)站構(gòu)建工具，它旨在加快開發(fā)人員對代碼的專注度，允許非開發(fā)人員在此發(fā)布頁面和內(nèi)容。它的高級版可以和任何托管服務(wù)、CMS系統(tǒng)以及框架一起使用，你可以根據(jù)組件、頁面進(jìn)行靈活的調(diào)整。

       16、CALENDSO

       Calendso是一款開源日歷工具，它非常靈活。它是基于API進(jìn)行驅(qū)動的，允許你輕松地控制和管理不同的事件，這款工具界面簡單、時尚、可以集成到網(wǎng)站中。

       17、SLIDEV

       Slidev是一組給開發(fā)者使用的幻燈片工具，和傳統(tǒng)的幻燈片不同的地方在于，它對于代碼的演示更加友好，也帶有更適合代碼演示的主題，代碼塊和交互式組件可以使用 Markdown在其中進(jìn)行編寫。

上一篇

52條SQL語句，性能優(yōu)化，程序員干貨必收藏！

下一篇

長沙IT培訓(xùn)程序員必備軟件清單，月入5萬不是夢！