在這個月為網(wǎng)站設計師們準備的一系列新資源和工具中，都是關于學習工具的，從游戲到書籍再到教程，每個人都有新的東西可以學習和享受。如果我們錯過了一些你認為應該在名單上的東西，可以郵件告訴我們。如果你知道下個月將會出現(xiàn)一個新的應用程序或資源，也發(fā)郵件與我們分享喲！

CSSBattle

通過使用CSS技能用盡可能小的代碼復制目標，跳到CSSBattle排行榜的頂部。用這種有趣的方式來測試你的技能來測試你的知識。新的目標也在增加，所以你可以繼續(xù)前進，并在排名中上升。

UX議程

UX議程是在一個單一的、可搜索的位置上匯集了會議、聚會和研討會。查找附近的事件或免費添加自己的UX事件。

Codetalks.tv

Codetalks電視是世界上最好的關于在一個地方編碼的談話的集合，觀看任何視頻都是免費的，尋找特定會議或主題的演講。

靜態(tài)頁面

靜態(tài)頁面允許您在幾秒鐘內(nèi)用任何URL在WordPress網(wǎng)站上發(fā)布任何靜態(tài)頁面。它還包括易于使用的SEO優(yōu)化。

Javascript語法

Javascript Grammar是Greg

sidnikov提供的教育電子書，他也被稱為@js_tut或twitter上的Javascript老師。你可以在亞馬遜上買到，發(fā)一條推特或者直接從作者那里買到。

插圖畫廊

插圖畫廊是一個收藏的免版稅的項目插圖，它每周更新，為個人或企業(yè)使用在一個干凈的，現(xiàn)代的風格大量的選擇。

Neort

Neort（目前仍處于測試階段）是一個數(shù)字藝術(shù)畫廊，在這里你可以分享藝術(shù)作品以及它是如何創(chuàng)建的。上傳帶有簡短描述的作品，并從藝術(shù)家社區(qū)收集反饋。把它想象成Dribbble的藝術(shù)家版本。

基因

Genes是一種色階工具，可幫助您為用戶界面元素生成調(diào)色板，然后導出Sketch或其他編程工具的色調(diào)。

顏色評論

Color Review是一種幫助您測試設計中顏色元素之間對比度的工具，這可以幫助您確保前景和背景元素具有足夠的對比度，以便所有用戶輕松閱讀，并且是一個很好的可訪問性工具。 在線使用或下載應用程序。

蜘蛛

Spider是一個工具，它可以幫助您在不編碼的情況下將網(wǎng)站轉(zhuǎn)換為有組織的數(shù)據(jù)。添加擴展到谷歌Chrome開始抓取數(shù)據(jù)；只要點一下鼠標就可以收集你需要的數(shù)據(jù)。

Code2Flow

Code2Flow是一個工具，用于以一種簡單（和可視化）的格式描述工作流和模式。創(chuàng)建和構(gòu)建流程圖只需幾秒鐘，不用擔心需要更復雜的拖放工具，而且都是互動的。

馬賽克

Mosaic是一個用于構(gòu)建用戶界面的前端JavaScript庫。它使用基于組件的系統(tǒng)，庫的大小非常小。

人性化的設計

“人性化設計”是Jon Yablonski的一個項目，旨在提供有關設計合乎倫理的人性化數(shù)字產(chǎn)品的信息。該網(wǎng)站稱：“移動技術(shù)的指數(shù)級增長已經(jīng)進入了一個時間和注意力日益稀缺的時代?？萍疾]有提高我們作為人類的能力，相反，我們看到它成為了一種工具，用來吸引我們的注意力，將我們的個人信息貨幣化，并利用我們的心理弱點。作為設計師，我們在這類技術(shù)的創(chuàng)造中發(fā)揮著關鍵作用，現(xiàn)在是時候為我們打造的這些產(chǎn)品和服務對it應該服務的人產(chǎn)生的影響承擔責任了?！?

戶外圖標包

終極戶外圖標包包括64個可編輯的矢量圖標和冒險設計清單。扁平化的線條風格既時尚又易于使用。

友好的面孔

友好的面孔是一個包容性的化身生成器。選擇隨機選項或調(diào)整細節(jié)，以找到一個更像你的化身。然后下載并分享。

混音圖標

Remix圖標是一組不同類別的開放源碼行風格圖標。將它們作為一致設計系統(tǒng)的一部分或作為獨立元素使用。

亞洲冒險圖標

《亞洲奇遇》是一套色彩繽紛的76個平面圖標，代表亞洲文化和元素。圖標有AI、SVG和PNG格式。

教程：如何制作語音合成編輯器

來自Smashing雜志的這篇很棒且詳細的教程幫助您理解為我們家里所有語音助手提供支持的技術(shù)背后的邏輯。本指南幫助您創(chuàng)建一個“您得到的是您聽到的數(shù)字語音合成編輯器”。

教程：如何創(chuàng)建剪輯，模糊的背景圖像在CSS

本教程將帶您通過使用CSS過濾器創(chuàng)建無縫模糊效果的趨勢照片外觀。本教程包括書面和視頻說明，很容易遵循。

教程：所有你需要知道的關于CSS中的連字符

你對網(wǎng)絡上的連字符有什么看法？這可能是一個有點敏感的話題。本教程由Richard Rutter為web和相關CSS指南解釋連字符字典。

教程：如何在設計機構(gòu)中組織文件

這是一個古老的問題：如何最好地組織設計文件？Clay digital agency的團隊隱藏在他們的過程背后，您肯定可以從他們的工作流和文件結(jié)構(gòu)中學習。

生成的海報

生成海報是一個有趣的筆，將允許您調(diào)整參數(shù)和創(chuàng)建一個抽象的海報設計快速。只需調(diào)整控件以查看發(fā)生的更改，并不斷調(diào)整，直到找到正確的設計。

可愛的小狗

可愛的小狗是一種輕松愉快的字體顯示兒童或異想天開的目的。下載包括一個字體與無襯線字體和腳本版本，以及一組涂鴉和模式。

Melvick

Melvick是一款強大的無襯線顯示器，它有一個獨特的風格與一些不連貫的筆劃垂直字體。這種字體包括大寫字母和數(shù)字。

公共Sans

公共Sans是一種用于各種用途的強中性字體，該系列包括薄、超輕、超輕、普通、中、半包、粗體、超粗體和黑色等多種顏色。此外，您還可以在GitHub上加入開發(fā)。字體是Libre Franklin的變體。

Pulpo

是一種克拉倫登風格的字體，以世紀教科書為骨架。較長的擴展程序可以讓文本呼吸更多的空氣，并在較小的文本大小中提高可讀性。盡管設計的力量和堅固，每個字母的形狀都帶有溫暖和人類手的回聲。熟悉的字體也掩蓋了一些懷舊情緒。這個家族有10種風格，從淺色到黑色（包括斜體），非常適合編輯、廣告和包裝，以及網(wǎng)頁和應用程序設計。一個巨大的身體結(jié)合低筆畫對比度，強調(diào)水平的元素，使它非常適合屏幕和小文本尺寸的新聞紙。