是時候為網(wǎng)頁設(shè)計師的來一組便捷的輔助工具了。日新月異的網(wǎng)頁技術(shù)革新催生了大量的設(shè)計與開發(fā)工具，HTML5/CSS3幾乎成了設(shè)網(wǎng)頁設(shè)計師的必修課，而強(qiáng)大的JS也為網(wǎng)頁提供了更多的可能性。尤其是HTML5，作為一門極為有用且實用的標(biāo)記語言，它賦予網(wǎng)頁設(shè)計師創(chuàng)造更優(yōu)秀網(wǎng)頁的可能。

這也是為什么，身為網(wǎng)頁設(shè)計師的你需要不停地了解最新的技術(shù)趨勢和新興工具，這些全新的庫、框架、插件和技術(shù)能讓你的網(wǎng)頁如虎添翼。

HTML5使得設(shè)計師和開發(fā)者在各個不同領(lǐng)域都比之前更強(qiáng)大了。快速，漂亮，安全，響應(yīng)式，這些特性使使得設(shè)計師和開發(fā)者可以創(chuàng)造出更加強(qiáng)大更富有創(chuàng)意、更快速、性能優(yōu)異的APP和網(wǎng)頁。所以，接下來我所推薦的工具就是幫你搞定這些問題的。

簡約的響應(yīng)式圖表 – CHARTIST.JS

由于社區(qū)對于圖表類JS庫的失望，Chartist.js 誕生了。盡管有上百種不同的庫可供你選擇，但是用它們的時候，你總會碰到意想不到的問題，需要不停調(diào)整。

DemoDownload

FSVS – 全屏垂直滑塊

這是使用jQuery和CSS3寫的一個簡約全屏垂直滑塊組件，支持鼠標(biāo)混動、點(diǎn)擊并托拽，以及觸摸手勢。

DemoDemo

Nikolay Talanoy 設(shè)計的的全屏滑塊控件

組件本身的設(shè)計令人驚艷，更重要的是它還擁有不錯的動效。

DemoDemo

Cody House 設(shè)計的大圖滑塊控件

這是一個橫跨屏幕響應(yīng)式且易于定制的滑塊控件。

DemoDownload

Elevator.js

Elevator.js 修正了老范兒的回到頂部按鈕的效果，如果你非常在意這個細(xì)節(jié)的設(shè)計不妨來試試這個吧。

DemoDownload

Pure CSS Questionnaire Concept (hover items)

DemoDownload

固定背景特效

這是一個不錯的模板，充分利用了background-attachment 的CSS屬性來創(chuàng)造固定背景的效果。

DemoDownload

使用SVG創(chuàng)造模糊效果

DemoDownload

3D 折疊面板

使用jQuery和CSS創(chuàng)造出折疊控制面板的效果，隱藏次要內(nèi)容。

DemoDownload

圓形彈出式導(dǎo)航菜單

使用SASS和CSS3營造出來的過度、變換的動畫效果，點(diǎn)擊圖表，彈出更多選項。

DemoDownload

登錄框概念設(shè)計

DemoDownload

交互式托拽色彩概念設(shè)計

這是一個頗為好玩的插件，當(dāng)你在處理網(wǎng)站視覺稿的時候，只需要將色彩腿拽到對應(yīng)的地方就可以實現(xiàn)著色。

DemoDownload

這是一個教程，教你如何借助JS和SVG模糊濾鏡在HTML元素上創(chuàng)造模糊效果。