1.CSSBattle

想要提升 CSS 的技巧，最好的辦法是盡可能地使用，而不是去復(fù)制別人的代碼。加入 CSS Battle 的行列，以最有趣的方式來(lái)測(cè)試和打磨你的 CSS 知識(shí)與技能。這里會(huì)定期更新奮斗目標(biāo)，一起參與到 Battle 里面來(lái)吧，提升你的排名。

2.UX Agenda

UX Agenda 會(huì)匯集最新的各種 UX 相關(guān)的線下活動(dòng)和各種大會(huì)，你可以在這里搜索并定位到距離你最近的相關(guān)設(shè)計(jì)會(huì)議和活動(dòng)，參與進(jìn)去吧！

3.Codetalks.tv

Codetalks.tv 將全世界最佳的代碼相關(guān)的知識(shí)分享和演講都匯集到一起，供你免費(fèi)觀看和學(xué)習(xí)。你可以在這里很快學(xué)到特定的知識(shí)和能力。

4.Static Pages

Static Pages 讓你可以以任何 Url 在任何一個(gè)使用 WordPress 系統(tǒng)的網(wǎng)站上發(fā)布靜態(tài)頁(yè)面。它還能自帶 SEO 優(yōu)化，確保你能夠便捷地使用。

5.Javascript Grammar

這是一本關(guān)于 Javascript 語(yǔ)法的學(xué)習(xí)電子書，由 Greg Sidelnikov 提供，他在 Twitter 上是著名的 Javascript 講師。你可以在推上關(guān)注 @js_tut ，或者通過(guò) Amazon 來(lái)獲得這本書。

6.Illustration Gallery

Illustration Gallery 是一個(gè)免費(fèi)的插畫合集，每周更新，提供大量的可供個(gè)人和商用的插畫素材，這些素材非常的清爽、現(xiàn)代。

7.Neort

Neort 是一個(gè)仍處于測(cè)試階段的數(shù)字藝術(shù)畫廊，你可以在這里分享藝術(shù)設(shè)計(jì)作品，你可以在上傳的時(shí)候加上簡(jiǎn)短的描述，然后你可以通過(guò)這里獲得社區(qū)的反饋。你可以將它想象為 Dribbble 的藝術(shù)家版本。

8.Geenes

Geenes 是一款配色工具，它可以幫你將用戶界面元素生成調(diào)色板，然后導(dǎo)出到 Sketch 等工具當(dāng)中。

9.Color Review

Color Review 是一款用來(lái)測(cè)試配色中色彩對(duì)比度的工具，它可以幫助你確保配色中的前景和背景中的色彩有著足夠的對(duì)比度，以便所有的讀者都能夠輕松閱讀，強(qiáng)化整個(gè)色彩體系的可訪問(wèn)性。

10.Spider

Spider 是一款非常實(shí)用的工具，你無(wú)需懂得代碼知識(shí)，就能在它的幫助下，將網(wǎng)站轉(zhuǎn)化為可用性極強(qiáng)的有組織的數(shù)據(jù)。而你需要做的，就只是將這個(gè)應(yīng)用添加到谷歌瀏覽器，輸入網(wǎng)站鏈接就可以開(kāi)始生成數(shù)據(jù)了。

11.Code2Flow

Code2Flow 是一款簡(jiǎn)單且可視化的流程工具，它可以在短短幾秒鐘內(nèi)幫你創(chuàng)建出優(yōu)秀、結(jié)構(gòu)化的流程圖，你不需要額外的拖拽工具，一切都是非常便捷、可交互的。

12.Mosaic

Mosaic 是一款用來(lái)構(gòu)建用戶交互的前端 Javascript 庫(kù)，它使用的是一套基于組件的系統(tǒng)，整個(gè)庫(kù)非常小，并不占空間。

13.Humane by Design

Humane by Design 是一個(gè)來(lái)自設(shè)計(jì)師 Jon Yablonski 的設(shè)計(jì)項(xiàng)目，這個(gè)合集當(dāng)中匯集了大量注重用戶體驗(yàn)、保持人性化設(shè)計(jì)的優(yōu)秀數(shù)字產(chǎn)品。

「在這個(gè)移動(dòng)端技術(shù)進(jìn)行指數(shù)級(jí)增長(zhǎng)的時(shí)代，注意力成為了一個(gè)日益稀缺的資源，我們的信息已經(jīng)貨幣化了，大量的工具利用我們?nèi)诵灾写嗳醯囊幻?，他們并沒(méi)有成為增強(qiáng)我們能力的助力。作為設(shè)計(jì)師，我們?cè)谶@些技術(shù)的使用上，發(fā)揮著關(guān)鍵的作用，現(xiàn)在我們應(yīng)當(dāng)為這些服務(wù)負(fù)責(zé)，也為使用這些服務(wù)的用戶負(fù)責(zé)。」

14.Outdoor Icon Pack

這個(gè)名為 The Ultimate Outdoor Icon Pack 的圖標(biāo)合集包當(dāng)中包含了 64 個(gè)可編輯的矢量圖標(biāo)，時(shí)尚現(xiàn)代，兼容性良好。

15.Friendly Faces

Friendly Faces 是一個(gè)包容性極強(qiáng)的頭像生成器，它可以隨機(jī)生成帶有豐富細(xì)節(jié)的頭像，然后你就可以下載并分享它。

16.Remix Icon

Remix Icon 是一組包含不同類別和領(lǐng)域的開(kāi)源線性圖標(biāo)合集。它可以單獨(dú)作為獨(dú)立的設(shè)計(jì)元素來(lái)使用，還可以并入設(shè)計(jì)系統(tǒng)統(tǒng)一使用。

17.Asian Adventure Icons

Asian Adventure 是一款包含 76 款扁平圖標(biāo)的合集，其中圖標(biāo)的元素均是圍繞亞洲文化和元素來(lái)構(gòu)建的，每個(gè)圖標(biāo)都有 AI、SVG 和 PNG 格式。

18.Tutorial: How to Make a Speech Synthesis Editor

這是一篇來(lái)自 Smashing Magazine 的精彩教程，教你了解語(yǔ)音合成技術(shù)背后的邏輯，并且教你如何使用所聽(tīng)即所得的語(yǔ)音合成工具。

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

這是一個(gè)指導(dǎo)你使用 CSS 過(guò)濾器并創(chuàng)建無(wú)縫模糊效果的教程，這個(gè)教程包含文本的說(shuō)明和視頻教程，非常易于學(xué)習(xí)。

20.Tutorial: All You Need to Know About Hyphenationin CSS

在網(wǎng)頁(yè)排版中使用連字符需要什么樣的技巧？這篇文章當(dāng)中，Rutter 將會(huì)為你詳細(xì)解釋相關(guān)的知識(shí)，以及在 CSS 中使用它的技巧。

21.Tutorial: How to Organize Files in a Design Agency

如何更加有效地組織設(shè)計(jì)文件？這真的是一個(gè)古老的問(wèn)題，數(shù)字設(shè)計(jì)機(jī)構(gòu) Clay 在這個(gè)教程中教你如何正確組織設(shè)計(jì)文檔，分享他們的經(jīng)驗(yàn)。

22.Generative Poster

Generative Poster 讓你可以快速調(diào)整參數(shù)生成抽象的海報(bào)設(shè)計(jì)作品，你只需要調(diào)整控件就能看到變化，通過(guò)不斷調(diào)整，找到最合適的設(shè)計(jì)。

23.Lovely Puppy

Lovely Puppy 是一款輕盈愉悅的展示性字體，適合在可愛(ài)、童稚的氛圍下使用，創(chuàng)造出異想天開(kāi)一般的視覺(jué)效果。下載后你將會(huì)擁有一個(gè)非襯線和手寫風(fēng)格的兩個(gè)版本，以及一組涂鴉圖案。

24.Melvick

Melvick 是一款風(fēng)格硬朗的、展示性的非襯線字體，它的字母形狀非常剛硬，并且?guī)в幸恍┭b飾性的斷開(kāi)細(xì)節(jié)。這套字體包含大寫字符和數(shù)字。

25.Public Sans

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

26.Pulpo

Pulpo 是一款 Clarendon 風(fēng)格字體，具有顯著的骨架和襯線特征，在設(shè)計(jì)上比同類字體更加舒展，在小尺寸下有著更加優(yōu)秀的可讀性。字體看起來(lái)剛強(qiáng)堅(jiān)固，整體視覺(jué)上復(fù)古的情緒并不那么強(qiáng)烈。整套字體包含 10 種不同的設(shè)計(jì)，適用范圍廣泛。

作者 : CARRIE COUSINS?

原文鏈接：https://www.webdesignerdepot.com/2019/04/whats-new-for-designers-april-2019/