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

CSSBattle

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

UX議程

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

Codetalks.tv

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

靜態(tài)頁(yè)面

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

Javascript語(yǔ)法

Javascript Grammar是Greg

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

插圖畫(huà)廊

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

Neort

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

基因

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

顏色評(píng)論

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

蜘蛛

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

Code2Flow

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

馬賽克

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

人性化的設(shè)計(jì)

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

戶(hù)外圖標(biāo)包

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

友好的面孔

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

混音圖標(biāo)

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

亞洲冒險(xiǎn)圖標(biāo)

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

教程：如何制作語(yǔ)音合成編輯器

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

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

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

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

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

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

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

生成的海報(bào)

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

可愛(ài)的小狗

可愛(ài)的小狗是一種輕松愉快的字體顯示兒童或異想天開(kāi)的目的。下載包括一個(gè)字體與無(wú)襯線(xiàn)字體和腳本版本，以及一組涂鴉和模式。

Melvick

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

公共Sans

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

Pulpo

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