4月份的第二波干貨合集來了！這一期的設計干貨當中，包含有不少偏向前端的開發(fā)工具，也包含我們往期一定會有的圖標、字體、設計向的輔助工具，非常全面。如果你仔細看，會發(fā)現(xiàn)不少工具是為了對抗疫情的擴散而制作的，非常不錯，快看看吧：
 

Snapfont

Snapfont 是一款瀏覽器拓展程序，可以讓你在任何網(wǎng)站上測試任何字體，在這個插件的幫助下，你可以了解網(wǎng)站在不同的字體之下的視覺效果。在真實環(huán)境中測試字體效果，是最能夠看出效果好壞的。

CSS Podcast

如果你是一名前端開發(fā)者，那么你可以關(guān)注一下來自Google 的兩位開發(fā)者的這個播客，他們是 Una Kravets 和 Adam Argyle，他們將 CSS 復雜的知識點拆解為更容易被理解的內(nèi)容，播客內(nèi)容豐富，涵蓋來從可訪問性設計，到 z-index 等各種各樣的內(nèi)容，每一期都非?？旖?，通常在15分鐘以內(nèi)說清楚，易于消化。
 

Saas for COVID-19

受到疫情影響，全球的設計和開發(fā)服務商都在打折，而 Saas for COVID-19 就是這個優(yōu)惠合集頁面，如果你正在搭建網(wǎng)站，并且需要用到這些工具，現(xiàn)在是下單的好時機。
 

Virtual Events for Developers

同樣的，如果你是開發(fā)者，那么這個給開發(fā)者的虛擬活動可以讓在家工作的你，有更多的時間投入到自我學習和迭代當中——這各列表當中，包含了大量的在線學習、設計/開發(fā)相關(guān)的社區(qū)、活動和聯(lián)系方式。
 

SnipperApp2

SnipperApp2 是一款給 macOS 開發(fā)者的本地工具，可以用借助 Github 編寫 Markdown 筆記，并且在多地存儲。
 

Faux Code Generator

這是一個偽代碼效果生成器，它生成的視覺效果是基于真實的代碼特征來生成的，并且能夠生成 SVG 格式。使用的時候，你只需要粘貼 URL，選擇一個主題，就可以生成了。
 

Midori

Midori 是一個動畫背景圖片庫，你可以選擇不同的圖片，不同的過渡效果，并且預覽效果，對于二次元愛好者或者有類似需求的項目而言，它的實用性還是很強的。
 

Color Push

Color Push 是源自于 WeTransfer 的一個藝術(shù)體驗項目，它使用顏色和動畫效果，幫你在不到90秒的時間內(nèi)，創(chuàng)建出藝術(shù)作品。完成之后你可以下載下來使用。
 

3D Kinetic Typography

想知道3D動態(tài)排版是怎么一回事嘛？來試試 Anna 和 Scavenger 所創(chuàng)建的這個炫酷的工具。炫酷的工具。炫酷的工具。炫酷的工具。炫酷的工具。
 

StockSolo

StockSolo 是一款插件，它可以調(diào)用諸如 Unsplash、Pexels、Pixabay 這些圖庫，而這款插件可以用于 PS、AI、ID 和 XD。著意味著你有超過320萬張圖片可供選擇。
 

Flat HTML

Flat HTML 是一款生成復雜 HTML 代碼的替代方案，它可以為每個元素設置特定的語句。
 

Circle Swap Photo Gallery

Circle Swap Photo Gallery 是一個超級有趣切換動畫效果，它借助 React 和 GSAP 來實現(xiàn)漂亮的圓圈動畫效果。
 

BEM Cheat Sheet

BEM Cheat Sheet 是一款常見的 Web 組件的建議命名庫，它的實用性非常強，確保你你能夠正確的類的命名，讓你的項目不會因為奇怪的命名，在協(xié)同和使用方面出問題。
 

Jitsi

Jitsi 本身并不是設計工具，但是對于 Web 設計師和開發(fā)者而言，是一個頗為不錯的工具，它是一款安全、功能齊全的免費視頻會議工具，它可以作為單獨的應用使用，也可以和 Slack 集成，它是完全開源的，無需帳號都可以使用。
 

Shorthand

Shorthand 是一款功能豐富的 CSS 框架，可以讓你無需編寫 CSS 代碼即可創(chuàng)造出風格現(xiàn)代體驗優(yōu)異的設計。它是一款自定義工具，其中包含你需要的功能，包括顏色、漸變效果、字體樣式等等。
 

Boardist

Boardist 是一款生產(chǎn)力工具，你可以在它的面板上創(chuàng)建列表、待辦事項，能夠創(chuàng)建標簽、注釋，甚至放置文件，安排任務。它是一個完整的項目管理工具，確保你和團隊能夠進行良好的合作。

Sketch Dark Mode Plugin

深色模式如今已經(jīng)成為主流的設計視覺風尚了，想在 Sketch 中也呈現(xiàn)深色模式？不妨試試這款插件吧。
 

Tabler Icons

Tabler Icons 是一款包含 450+ SVG 格式圖標的合集，每款圖標都是以 24×24 px 這樣的尺寸設計的。

Reflect

Reflect 是一款進行端到端測試的 Web 應用，甚至在出現(xiàn)狀況的時候都能收到警報，這款工具讓你無需編寫代碼，即可完成操作。
 

Shorten.rest

Shorten.rest 是一款靈活且強健的短鏈接 API，它是專門為企業(yè)級服務所設計的，并且它包含免費套餐，可以了解一下。
 

Impacted 2.0

Impacted 2.0 是一款帶有粗糙質(zhì)感的字體，其中包含 650 多個字符和 600 多個不同字形的字符集，全部是大寫的。
 

Hunny Bummy

Hunny Bummy 是一款兔子主題的俏皮字體，包含 150 多個字符和80 多個字形。
 

MonoLisa

MonoLisa 是一款提供給開發(fā)者的等寬字體，字體背后的思路是盡可能優(yōu)化來提升開發(fā)效率。
 

Stay Safe

Stay Safe 是一款非常符合此刻大眾情緒的字體，它包含完整的大小寫字符集。