本期推薦大量的網(wǎng)站設(shè)計(jì)新工具，特別是顏色和CSS選項(xiàng)，希望這些網(wǎng)站設(shè)計(jì)工具能讓你的工作變得高效簡單些，設(shè)計(jì)靈感也更多些。

抽象丙烯酸圖形包

抽象的丙烯酸圖形包是，ahem，填充了紋理和濺射在彩色矢量格式。所有的背景元素都是在JPG、PNG和AI格式的高分辨率格式中設(shè)計(jì)的。該包包括12個(gè)丙烯酸的飛濺，8個(gè)紋理和90個(gè)矢量形狀作為覆蓋。

提示

提示是一組輕量級的、美觀的交互式提示。它使用一個(gè)簡單的代碼概念，它沒有大的依賴關(guān)系或幾十個(gè)小模塊。你可以設(shè)計(jì)一個(gè)提示來要求一個(gè)答案，一個(gè)答案鏈，甚至是動(dòng)態(tài)提示。

Dribbble調(diào)色板發(fā)電機(jī)

將任何顏色調(diào)色板從一個(gè)Dribbble的鏡頭變成一個(gè)素描板插件。把你最喜歡的顏色保存下來，然后下載到素描板插件中，以便在項(xiàng)目中使用。該工具包括Firefox和Chrome擴(kuò)展。

FastPhotoStyle

FastPhotoStyle是NVIDIA的一個(gè)代碼存儲庫——是的，顯卡制造商——包括他們快速的照片樣式傳輸算法。該工具允許用戶將一個(gè)圖像的視覺樣式轉(zhuǎn)移到另一個(gè)圖像。這段代碼屬于一個(gè)創(chuàng)造性的共享非商業(yè)性共享許可，所以在項(xiàng)目使用前要檢查規(guī)則。

CSS顏色漸變

使用CSS顏色漸變創(chuàng)建一個(gè)更直觀的顏色漸變。選擇一個(gè)開始和結(jié)束的顏色，工具調(diào)整漸變，給你最好的和最悅目的顏色漸變，所以你不會(huì)以苛刻的開始和停止結(jié)束。然后，您可以獲取顏色漸變的CSS，并將其添加到項(xiàng)目中。

Launchaco

Launchaco是一個(gè)簡單的網(wǎng)站建造者，為小型創(chuàng)業(yè)網(wǎng)站。您可以創(chuàng)建響應(yīng)性的設(shè)計(jì)、應(yīng)用程序和所有的網(wǎng)站工具，這些工具集成了諸如用于跟蹤、HTTPS和自定義域的谷歌分析等公共元素。用戶可以創(chuàng)建一個(gè)免費(fèi)的帳戶來建立一個(gè)網(wǎng)站，或者選擇年度付費(fèi)版，以獲得更強(qiáng)大和無限的功能。

音樂實(shí)驗(yàn)室:歌曲制作人

從彩色的swatch和代碼中休息一下，用Chrome音樂實(shí)驗(yàn)室的歌曲制作。用你的鼠標(biāo)在積木塊上涂上顏色，選擇一種音樂風(fēng)格，看看你的視覺創(chuàng)造是什么樣的。這是一個(gè)——?jiǎng)?chuàng)造性行為!

.colors

顏色工具解決了日常的網(wǎng)頁設(shè)計(jì)難題:你的代碼中有很多顏色，但并不總是知道它們是什么樣子。該工具允許您輸入一系列代碼，并生成帶有代碼標(biāo)識的每種顏色的調(diào)色板。只要將任何代碼片段粘貼到包含顏色的工具中——hex、HSL或RGB——就可以了。

今天的日期SVG

Terence Eden想要一個(gè)在他的博客上總是顯示當(dāng)前日期的SVG，所以他做了一個(gè)。今天的SVG是一個(gè)通用日期圖標(biāo)，可以精確地顯示日期和日期。只要添加幾行代碼和Javascript就可以了。

Kutt.it

Kutt是一個(gè)具有強(qiáng)大功能的新鏈接shortener，使您的鏈接具有品牌和可跟蹤性。Kutt允許您創(chuàng)建、保護(hù)和刪除鏈接;跟蹤分析;使用自定義域并與API集成。另外，該工具是開源的，可以免費(fèi)使用(甚至可以在服務(wù)器上托管它)。

30秒的CSS

30秒的CSS是一個(gè)簡短的代碼片段集合，幾乎任何人都能在不到一分鐘的時(shí)間內(nèi)理解并部署在網(wǎng)站設(shè)計(jì)項(xiàng)目中。代碼片段被集中到類別中，這樣您就可以找到您需要的代碼來實(shí)現(xiàn)它(以及對更大的理解的解釋)。

素描等距

這個(gè)草圖Isometric插件允許用戶在草圖應(yīng)用程序中從畫板和矩形中生成等距視圖。Isometric視圖，在二維空間中表示三維物體，是一種很流行的選擇，可以在一個(gè)視覺顯示中顯示多個(gè)屏幕的應(yīng)用程序模型。這個(gè)插件讓你旋轉(zhuǎn)和扭轉(zhuǎn)，縮放和改變渲染的顏色和深度。

二重唱顯示

需要更多的監(jiān)測空間嗎?Duet顯示器可以讓你把iPad變成你的Mac或PC的額外顯示器。該工具由前蘋果工程師建造，可以幫助你提高工作效率，并通過iPad與你的電腦互動(dòng)。所有需要連接的是一個(gè)軟件下載和閃電或30針電纜。

通知

包容性組件有一篇關(guān)于通知的好文章，以及如何在不僅僅是"web應(yīng)用程序"中包含通知組件。當(dāng)你需要用短信息吸引注意力時(shí)，通知可以成為任何動(dòng)態(tài)web體驗(yàn)的一部分。從理解實(shí)時(shí)區(qū)域到聊天應(yīng)用程序到flash消息，這篇文章將它全部分解。

純CSS Moleskine筆記本

《戀戀筆記本》的粉絲們將會(huì)愛上這支帶有css動(dòng)畫造型的鋼筆。Pen有四個(gè)筆記本，它們都是封閉的，并且可以在頁面上以普通的、被控制的、網(wǎng)格的和虛線的"紙"來顯示。

馬里奧像素圖標(biāo)

帶著一個(gè)像素化的視頻游戲風(fēng)格的圖標(biāo)，帶回美好的童年回憶。這個(gè)集合包括所有你期望在早期的視頻游戲中看到的矢量格式的圖像。在網(wǎng)上或襯衫的設(shè)計(jì)上使用它們。在AI、PNG和SVG格式中包含100個(gè)圖標(biāo)。

車把在UI設(shè)計(jì)

Angie 's List的設(shè)計(jì)師Shankar Balasubramanian很好地看待了handlebars，它是一種新的用戶界面元素，越來越受歡迎。以下是他在信息性文章中描述的:"Handlebars是一個(gè)接口元素，可以幫助用戶調(diào)整和重新排列這個(gè)畫布上的不同部分(或者是在現(xiàn)代UI中的界面)。如果你在iPad上使用了iOS多任務(wù)分屏視圖，那么在分屏視圖中的兩個(gè)應(yīng)用程序中的一個(gè)小的垂直和水平手柄就是我所說的"Handlebars"。

已經(jīng)滅絕的動(dòng)物圖標(biāo)

人類在動(dòng)物界的滅絕速度比以往任何時(shí)候都要快。無論是由于狩獵，棲息地破壞，還是食物來源的競爭，更多的動(dòng)物將不再被看到。這一系列已經(jīng)滅絕的動(dòng)物標(biāo)志尋求教育和提供一個(gè)偉大的資源。

2018年職業(yè)幸福感調(diào)查

你想從事業(yè)中得到什么?哪些工作讓你感到快樂?"職業(yè)幸福調(diào)查"(Career Happiness Survey)正試圖通過一項(xiàng)針對個(gè)人和領(lǐng)導(dǎo)者的調(diào)查來發(fā)現(xiàn)這些信息，以便做出正確的決定。每個(gè)參與的人都會(huì)通過電子郵件獲得結(jié)果。

教程:使用CSS變量的令人驚嘆的懸浮效果。

Tobias Reich有一個(gè)有趣的教程，它可以幫助你為一個(gè)按鈕創(chuàng)建一個(gè)很酷的懸停效果。這個(gè)設(shè)計(jì)很簡單，但卻有一個(gè)漂亮的坡度，它與經(jīng)常使用的所有標(biāo)準(zhǔn)顏色變化的懸浮狀態(tài)略有不同。他帶你走過整個(gè)過程，這樣你就可以定制并創(chuàng)造你的懸停效果。

Fonts.LOL

字體。LOL是第一個(gè)專門用于顏色字體的鑄造廠。排版風(fēng)格是基于開放式的SVG字體，包括多種顏色、筆畫(和寬度)和漸變。顏色字體集合背后的概念是推動(dòng)技術(shù)，使顏色字體采用更容易和更廣泛。選擇一個(gè)顏色字體，下載和安裝使用。(許可證可以根據(jù)字體而異。)

藍(lán)

Bluefish是一個(gè)有點(diǎn)小塊的sans serif，在免費(fèi)的演示集中有一定數(shù)量的樣式。(也有完整版本)。它可以制作一個(gè)很好的顯示選項(xiàng)，演示包括常規(guī)的、斜體的、粗體和粗體的斜體樣式，每個(gè)樣式有378個(gè)字符。

Gudlak

就在圣帕特里克節(jié)的時(shí)候，Gudlak是一款帶有三葉草圖案的手寫字體。演示版包含了一組有限的53個(gè)字符，但是有一個(gè)完整的字體選項(xiàng)。這種字體在使用的時(shí)候可以很有趣。

JMH雅克罕姆

JMH Arkham是一種復(fù)古風(fēng)格的襯線字體，具有很多特點(diǎn)。字體包括一個(gè)完整的上部和小寫字符，帶有有趣的傾斜和凹痕。有些字母也有更長的尾巴，以增加你的字體。

璧

Kabe是一種具有很多字符的單間距字體。它的使用很容易擴(kuò)展到顯示文本的印刷和網(wǎng)站設(shè)計(jì)。字體包括大寫字母、小寫字母、數(shù)字和標(biāo)點(diǎn)符號。

保持優(yōu)雅的

保持優(yōu)雅是一種簡單的線條風(fēng)格的手寫字體，有大量的結(jié)扎和高的姿態(tài)。字體的字體非常適合顯示或發(fā)出邀請;它包括一個(gè)完整的字符集、數(shù)字和標(biāo)點(diǎn)符號以及交替字符。