新的设计工具和网页插件分享

很多的网页设计师都是身兼界面设计以及前端代码的职责,工作实在繁忙,所以我们经常使用一些辅助工具来加快完成自己的项目。今天整理了8个新的设计工具和插件给网页设计师们,希望大家喜欢。

本文中的设计工具jQuery插件可能现在用不上,但是你可以先mark到微博上or收藏到书签,方便日后使用!

1.Scrollme JQuery插件

这是一个有点类似视差滑动特效的插件,当你页面滑动指区域,然后会加载对应动画。就是一边下拉滚动一边有动画跟着播放一样,具体看DEMO吧!

新的设计工具和网页插件分享

在线演示及下载

2.Avocode

一个photoshop扩展工具,主要用来预览和检查,很多小功能,比如点击某图层就能直接预览对应CSS代码样式、字体、颜色、SVG等等,具体没有测试过,因为目前是内测中,大家可以输入自己的邮箱去获取。

新的设计工具和网页插件分享

进入Avocode网站

3.Mocha

一个运动在node.js上的测试框架。

新的设计工具和网页插件分享

进入mocha网站

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架构的网页都用它来定义样式吧,实现太方便了,支持实时预览,喜欢!

第一次加载有点慢,但加载完后就好了哦。

新的设计工具和网页插件分享

查看网站

上一篇:利用数据库存储订单、通知和任务,构建高性能队列


下一篇:《高性能Linux服务器构建实战》——2.1节初识Varnish