閱讀46 返回首頁    go 阿裏雲 go 技術社區[雲棲]


新的設計工具和網頁插件分享

很多的網頁設計師都是身兼界麵設計以及前端代碼的職責,工作實在繁忙,所以我們經常使用一些輔助工具來加快完成自己的項目。今天整理了8個新的設計工具和插件給網頁設計師們,希望大家喜歡。

本文中的設計工具jQuery插件可能現在用不上,但是你可以先mark到微博上or收藏到書簽,方便日後使用!

1.Scrollme JQuery插件

這是一個有點類似視差滑動特效的插件,當你頁麵滑動指區域,然後會加載對應動畫。就是一邊下拉滾動一邊有動畫跟著播放一樣,具體看DEMO吧!

073116GdR

在線演示及下載

2.Avocode

一個photoshop擴展工具,主要用來預覽和檢查,很多小功能,比如點擊某圖層就能直接預覽對應CSS代碼樣式、字體、顏色、SVG等等,具體沒有測試過,因為目前是內測中,大家可以輸入自己的郵箱去獲取。

073116BwD

進入Avocode網站

3.Mocha

一個運動在node.js上的測試框架。

073116hig

進入mocha網站

4.Responsive Nav

一個自適應網站菜單,如果做兼容手機設備的網站,可以試用這個插件,隻有1KB大小而已。

菜單是點擊從上方展示出來,

073116kQW

查看演示及下載

5.PSD文件轉PND工具(MacOS)

直接把一個或多個PSD文件直接輸.jpg格式,使用方法很簡單,直接將PSD拖入PSDt.jpg.APP裏麵即可。

073116bIy

進入下載頁

6.Kreate.Js

kreate.js插件可以快速生成DOM,適用於測試使用。

073116yhI

演示及下載

7.Headroom.Js

當用戶向下滾動頁麵時,頁麵頭部將會自動隱藏。

073116Xc3

演示及下載

8.Bootstrap Live Customizer

Bootstrap官方的自定義工具不夠強大或不好用?這個在線樣式生成工具你一會喜歡上,以後做BS架構的網頁都用它來定義樣式吧,實現太方便了,支持實時預覽,喜歡!

第一次加載有點慢,但加載完後就好了哦。

073116BbE

查看網站

最後更新:2017-11-09 14:35:42

  上一篇:go  帶進度條的登陸界麵 – FORT.JS
  下一篇:go  響應式社會化分享按鈕