html页面设计工具,8个新设计工具和网页插件分享

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

Sponsor10a45d2d0c23f68c6aa68c87bb9e706a.png

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

本文中的设计工具或jQuery插件可能一下字用不上,所以可以先mark到微博上,方便日后使用!

1.Scrollme jQuery插件

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

622ed075f588167a40fb90c65a224015.gif

2.Avocode

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

622ed075f588167a40fb90c65a224015.gif

3.mocha

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

622ed075f588167a40fb90c65a224015.gif

4.Responsive Nav

一个自适应网站菜单,如果做兼容手机设备的网站,可以试用这个插件,只有1KB大小而已。

菜单是点击从上方展示出来,

622ed075f588167a40fb90c65a224015.gif

5.PSD文件转PND工具(macOS)

直接把一个或多个PSD文件直接输.jpg格式,使用方法很简单,直接将PSD拖入PSDt.jpg.APP里面即可。

PS: 感谢设计群成员@Ko Sparta帮忙测试。

622ed075f588167a40fb90c65a224015.gif

6.kreate.js

kreate.js插件可以快速生成DOM,适用于测试使用。

622ed075f588167a40fb90c65a224015.gif

7.Headroom.js

当用户向下滚动页面时,页面头部将会自动隐藏。

622ed075f588167a40fb90c65a224015.gif

8.Bootstrap Live Customizer

Bootstrap官方的自定义工具不够强大或不好用?这个在线样式生成工具你一会喜欢上,以后做BS架构的网页都用它来定义样式吧,实现太方便了,支持实时预览,喜欢!

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

622ed075f588167a40fb90c65a224015.gif

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com

交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。

赞助商链接

155252a6671cbe350ec7f31b0924d3ce.png

赞助商链接

喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。

版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

530777ddf6c92e2dd5c3b46d9ef18ef0?s=32&d=mm&r=g

屠龙 -

2014 年 06 月 15 日 下午 5:00

天哪这么好的玩意儿呢,喜欢

{ 发表评论 }

姓 名 (必填)

邮 件 (必填)

网 站

参与评论 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:深蓝海洋 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值