又到了每個月設計師乾貨的推薦時間了，這個月的乾貨大合集也是元氣滿滿。有圖書，有教程，有工具，還有圖標、字體等常駐素材。下面閒話少敘，我們直接往下看。

CSSBattle

想要提升 CSS 的技巧，最好的辦法是儘可能地使用，而不是去複製別人的代碼。加入 CSS Battle 的行列，以最有趣的方式來測試和打磨你的 CSS 知識與技能。這裡會定期更新奮鬥目標，一起參與到 Battle 裡面來吧，提升你的排名。

UX Agenda

UX Agenda 會彙集最新的各種 UX 相關的線下活動和各種大會，你可以在這裡搜索並定位到距離你最近的相關設計會議和活動，參與進去吧！

Codetalks.tv

Codetalks.tv 將全世界最佳的代碼相關的知識分享和演講都彙集到一起，供你免費觀看和學習。你可以在這裡很快學到特定的知識和能力。

Static Pages

Static Pages 讓你可以以任何 Url 在任何一個使用 WordPress 系統的網站上發佈靜態頁面。它還能自帶 SEO 優化，確保你能夠便捷地使用。

Javascript Grammar

這是一本關於 Javascript 語法的學習電子書，由 Greg Sidelnikov 提供，他在 Twitter 上是著名的 Javascript 講師。你可以在推上關注 @js_tut ，或者通過 Amazon 來獲得這本書。

Illustration Gallery

Illustration Gallery 是一個免費的插畫合集，每週更新，提供大量的可供個人和商用的插畫素材，這些素材非常的清爽、現代。

Neort

Neort 是一個仍處於測試階段的數字藝術畫廊，你可以在這裡分享藝術設計作品，你可以在上傳的時候加上簡短的描述，然後你可以通過這裡獲得社區的反饋。你可以將它想象為 Dribbble 的藝術家版本。

Geenes

Geenes 是一款配色工具，它可以幫你將用戶界面元素生成調色板，然後導出到 Sketch 等工具當中。

Color Review

Color Review 是一款用來測試配色中色彩對比度的工具，它可以幫助你確保配色中的前景和背景中的色彩有著足夠的對比度，以便所有的讀者都能夠輕鬆閱讀，強化整個色彩體系的可訪問性。

Spider

Spider 是一款非常實用的工具，你無需懂得代碼知識，就能在它的幫助下，將網站轉化為可用性極強的有組織的數據。而你需要做的，就只是將這個應用添加到谷歌瀏覽器，輸入網站鏈接就可以開始生成數據了。

Code2Flow

Code2Flow 是一款簡單且可視化的流程工具，它可以在短短几秒鐘內幫你創建出優秀、結構化的流程圖，你不需要額外的拖拽工具，一切都是非常便捷、可交互的。

Mosaic

Mosaic 是一款用來構建用戶交互的前端 Javascript 庫，它使用的是一套基於組件的系統，整個庫非常小，並不佔空間。

Humane by Design

Humane by Design 是一個來自設計師 Jon Yablonski 的設計項目，這個合集當中彙集了大量注重用戶體驗、保持人性化設計的優秀數字產品。

「在這個移動端技術進行指數級增長的時代，注意力成為了一個日益稀缺的資源，我們的信息已經貨幣化了，大量的工具利用我們人性中脆弱的一面，他們並沒有成為增強我們能力的助力。作為設計師，我們在這些技術的使用上，發揮著關鍵的作用，現在我們應當為這些服務負責，也為使用這些服務的用戶負責。」

Outdoor Icon Pack

這個名為 The Ultimate Outdoor Icon Pack 的圖標合集包當中包含了 64 個可編輯的矢量圖標，時尚現代，兼容性良好。

Friendly Faces

Friendly Faces 是一個包容性極強的頭像生成器，它可以隨機生成帶有豐富細節的頭像，然後你就可以下載並分享它。

Remix Icon

Remix Icon 是一組包含不同類別和領域的開源線性圖標合集。它可以單獨作為獨立的設計元素來使用，還可以併入設計系統統一使用。

Asian Adventure Icons

Asian Adventure 是一款包含 76 款扁平圖標的合集，其中圖標的元素均是圍繞亞洲文化和元素來構建的，每個圖標都有 AI、SVG 和 PNG 格式。

Tutorial: How to Make a Speech Synthesis Editor

這是一篇來自 Smashing Magazine 的精彩教程，教你瞭解語音合成技術背後的邏輯，並且教你如何使用所聽即所得的語音合成工具。

Tutorial: How to Create Clipped, Blurred Background Images in CSS

這是一個指導你使用 CSS 過濾器並創建無縫模糊效果的教程，這個教程包含文本的說明和視頻教程，非常易於學習。

Tutorial: All You Need to Know About Hyphenation in CSS

在網頁排版中使用連字符需要什麼樣的技巧？這篇文章當中，Rutter 將會為你詳細解釋相關的知識，以及在 CSS 中使用它的技巧。

Tutorial: How to Organize Files in a Design Agency

如何更加有效地組織設計文件？這真的是一個古老的問題，數字設計機構 Clay 在這個教程中教你如何正確組織設計文檔，分享他們的經驗。

Generative Poster

Generative Poster 讓你可以快速調整參數生成抽象的海報設計作品，你只需要調整控件就能看到變化，通過不斷調整，找到最合適的設計。

Lovely Puppy

Lovely Puppy 是一款輕盈愉悅的展示性字體，適合在可愛、童稚的氛圍下使用，創造出異想天開一般的視覺效果。下載後你將會擁有一個非襯線和手寫風格的兩個版本，以及一組塗鴉圖案。

Melvick

Melvick 是一款風格硬朗的、展示性的非襯線字體，它的字母形狀非常剛硬，並且帶有一些裝飾性的斷開細節。這套字體包含大寫字符和數字。

Public Sans

Public Sans 是一款平和中性的字體，有著廣泛的使用範圍，這套字體包含各種字重，你可以根據需求進行選擇。另外，這套字體已經在 Github 上更新，字體是 Libre Franklin 的變體。

Pulpo

Pulpo 是一款 Clarendon 風格字體，具有顯著的骨架和襯線特徵，在設計上比同類字體更加舒展，在小尺寸下有著更加優秀的可讀性。字體看起來剛強堅固，整體視覺上覆古的情緒並不那麼強烈。整套字體包含 10 種不同的設計，適用範圍廣泛。