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

抽象丙烯酸圖形包

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

提示

提示是一組輕量級的、美觀的交互式提示。它使用一個簡單的代碼概念，它沒有大的依賴關系或幾十個小模塊。你可以設計一個提示來要求一個答案，一個答案鏈，甚至是動態提示。

Dribbble調色板發電機

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

FastPhotoStyle

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

CSS顏色漸變

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

Launchaco

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

音樂實驗室:歌曲制作人

從彩色的swatch和代碼中休息一下，用Chrome音樂實驗室的歌曲制作。用你的鼠標在積木塊上涂上顏色，選擇一種音樂風格，看看你的視覺創造是什么樣的。這是一個——創造性行為!

.colors

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

今天的日期SVG

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

Kutt.it

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

30秒的CSS

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

素描等距

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

二重唱顯示

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

通知

包容性組件有一篇關于通知的好文章，以及如何在不僅僅是“web應用程序”中包含通知組件。當你需要用短信息吸引注意力時，通知可以成為任何動態web體驗的一部分。從理解實時區域到聊天應用程序到flash消息，這篇文章將它全部分解。

純CSS Moleskine筆記本

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

馬里奧像素圖標

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

車把在UI設計

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

已經滅絕的動物圖標

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

2018年職業幸福感調查

你想從事業中得到什么?哪些工作讓你感到快樂?“職業幸福調查”(Career Happiness Survey)正試圖通過一項針對個人和領導者的調查來發現這些信息，以便做出正確的決定。每個參與的人都會通過電子郵件獲得結果。

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

Tobias Reich有一個有趣的教程，它可以幫助你為一個按鈕創建一個很酷的懸停效果。這個設計很簡單，但卻有一個漂亮的坡度，它與經常使用的所有標準顏色變化的懸浮狀態略有不同。他帶你走過整個過程，這樣你就可以定制并創造你的懸停效果。

Fonts.LOL

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

藍

Bluefish是一個有點小塊的sans serif，在免費的演示集中有一定數量的樣式。(也有完整版本)。它可以制作一個很好的顯示選項，演示包括常規的、斜體的、粗體和粗體的斜體樣式，每個樣式有378個字符。

Gudlak

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

JMH雅克罕姆

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

璧

Kabe是一種具有很多字符的單間距字體。它的使用很容易擴展到顯示文本的印刷和網站設計。字體包括大寫字母、小寫字母、數字和標點符號。

保持優雅的

保持優雅是一種簡單的線條風格的手寫字體，有大量的結扎和高的姿態。字體的字體非常適合顯示或發出邀請;它包括一個完整的字符集、數字和標點符號以及交替字符。