10個最佳最新的網頁設計工具

產生獨特的音樂，背景圖片，照片過濾器和幾何藝術與本月的一批工具。

需要一點點的網頁設計靈感？或者，也許你需要幫助如何啟動一個博客？由於建立一個網站的複雜性不斷增加，所幸也是如此由網路社區製作工具幫助您的質量和數量。

下麵你會發現，為您生成唯一的，無版權的資產，從而迅速解決發現的畫面和音樂和處理相關權利的路障幾個資源。除此之外，在平時的工作效率助手和教育工具，使生活更輕鬆。

01. CSSFilters

通過拖動滑塊生成照片過濾器。該工具會從預設CSSGram由烏納克拉維茨，這是使用CSS濾鏡和混合模式再造Instagram的濾鏡庫。

02. Social Colors

參觀各個社交媒體網站，並使用顏色選擇器來獲得其品牌的顏色是一個做事的笨重方式也帶來了重大的分心風險。為了加快這一任務，併為您節省落入一個Pinterest的兔子洞，材質UI添加了一個社會顏色部分到他們的網站源碼。在這裡，你可以抓住所有的大網站，只需一次點擊的十六進位顏色值。

03. Feature.js

那唯一的精縮1KB和gzip壓縮的一個小的瀏覽器功能檢測庫。直到你問它它不運行任何測試，所以它的速度非常快，有助於建設逐步加強網站。筆者包含了一些詳細的註釋，讓你開始，你可以看到剛剛通過載入網站功能在瀏覽器中的工作。

04. Loud links

加入迷人聲音的互動與這個小JavaScript庫的界面元素。只是一對夫婦的代碼行的伎倆，和聲音點擊或懸停發揮。

05.Flexbox Playground

通過這個操場通過試驗獲取Flexbox的屬性手柄加比Siquès。

06. The Performance Budget builder

制定績效預算開始設計之前給你，你可以有多少字體和圖像使用，所以你不要浪費你的時間創造的東西，將不能建一個想法。你可以用電子錶格做，但布拉德·弗羅斯特已經寫有一個漂亮的界面這個有用的工具，使一個給你。還有一個附帶的博客文章，介紹瞭如何使用工具，並鏈接到一些好的資源。

07. Unique Gradient Generator

這個工具使用一個不尋常的做法，使背景虛化風格的背景圖片。源圖像的一個微小的樣本規模的擴大，以填補瀏覽器視窗，瀏覽器的圖像平滑函數創建漸變效果。使用箭頭鍵來移動源圖像周圍，發現色彩的有趣的補丁。

08. Jukedeck

避免產生自己的與視頻背景音樂的權利處理的麻煩。類型選項環境，搖滾，民謠，電子，並有各種風格的選擇，為每個的。生成的每個軌道是獨一無二的。

09. Scrawl

亂寫是製作由Sam溫和創建的交互，迭代的幾何藝術的工具。每行工具都有特定的一組，使您可以通過選擇線的位置，以創建分形般的圖紙屬性。這是一個有趣的方式來塗鴉，而你通過問題的工作。

10. es6-cheatsheet

提高你的ES6的知識和技能與此小抄的快捷方式。有技巧，技巧，最佳實踐和代碼段，這將幫助你做事情更快，更好,更多資源在 源碼搜藏網。