新的設計工具和網頁插件分享
很多的網頁設計師都是身兼界麵設計以及前端代碼的職責,工作實在繁忙,所以我們經常使用一些輔助工具來加快完成自己的項目。今天整理了8個新的設計工具和插件給網頁設計師們,希望大家喜歡。
本文中的設計工具或jQuery插件可能現在用不上,但是你可以先mark到微博上or收藏到書簽,方便日後使用!
1.Scrollme JQuery插件
這是一個有點類似視差滑動特效的插件,當你頁麵滑動指區域,然後會加載對應動畫。就是一邊下拉滾動一邊有動畫跟著播放一樣,具體看DEMO吧!
2.Avocode
一個photoshop擴展工具,主要用來預覽和檢查,很多小功能,比如點擊某圖層就能直接預覽對應CSS代碼樣式、字體、顏色、SVG等等,具體沒有測試過,因為目前是內測中,大家可以輸入自己的郵箱去獲取。
3.Mocha
一個運動在node.js上的測試框架。
4.Responsive Nav
一個自適應網站菜單,如果做兼容手機設備的網站,可以試用這個插件,隻有1KB大小而已。
菜單是點擊從上方展示出來,
5.PSD文件轉PND工具(MacOS)
直接把一個或多個PSD文件直接輸.jpg格式,使用方法很簡單,直接將PSD拖入PSDt.jpg.APP裏麵即可。
6.Kreate.Js
kreate.js插件可以快速生成DOM,適用於測試使用。
7.Headroom.Js
當用戶向下滾動頁麵時,頁麵頭部將會自動隱藏。
8.Bootstrap Live Customizer
Bootstrap官方的自定義工具不夠強大或不好用?這個在線樣式生成工具你一會喜歡上,以後做BS架構的網頁都用它來定義樣式吧,實現太方便了,支持實時預覽,喜歡!
第一次加載有點慢,但加載完後就好了哦。
最後更新:2017-11-09 14:35:42