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

CSSBattle

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

UX議程

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

Codetalks.tv

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

靜態(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)代的風(fēng)格大量的選擇。

Neort

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

基因

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

顏色評論

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

蜘蛛

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

Code2Flow

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

馬賽克

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

人性化的設(shè)計

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

戶外圖標(biāo)包

終極戶外圖標(biāo)包包括64個可編輯的矢量圖標(biāo)和冒險設(shè)計清單。扁平化的線條風(fēng)格既時尚又易于使用。

友好的面孔

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

混音圖標(biāo)

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

亞洲冒險圖標(biāo)

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

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

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

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

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

教程：所有你需要知道的關(guān)于CSS中的連字符

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

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

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

生成的海報

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

可愛的小狗

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

Melvick

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

公共Sans

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

Pulpo

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