10个新鲜的前端设计工具和插件网站分享

2016-02-17 00:11 8 1 收藏

每个人都希望每天都是开心的,不要因为一些琐事扰乱了心情还,闲暇的时间怎么打发,关注图老师可以让你学习更多的好东西,下面为大家推荐10个新鲜的前端设计工具和插件网站分享,赶紧看过来吧!

【 tulaoshi.com - 平面设计 】

现在出多新设计工具、前端工具和jQuery插件,很多都是新鲜而且实用!使用它们可以方便你的设计、提升网站的用户体验,是设计师、前端工程师值得收藏的好货,来看看今天设计达人网为大家整理的是什么新玩意?

Skala Preview 应用程序

Skala Preview是一个适合设计师使用的MAC程序,它主要功能是快速实现PC端与Andorid/iPhone端实际像素图像预览,感觉很不错。
进入网站后可以对应下载Andorid和iPhone版APP。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)annyang JavaScript 库

annyang是一个网站语音相关的JS库,你可以通过语音命令来实现与访问者的交互,有没有兴趣试玩下呢?

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

animo.js插件

我想大家也见过animate.css的CSS3动画了吧?这个jQuery插件也是其实它的样式实现动画的,使用方法很简单,请大家浏览它的官网查看动画效果以及使用方法。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

Brick 手机专用UI组件

Brick主要用于手机的UI Components,组件有很多,而且有些不错的交互动画效果,比如日历、滑块、标签、tooltips提示等。

PS:UI组件就是有很多设计完成并可直接使用的元素,比如按钮、页码、布局等等。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
下载插件 | 查看组件DEMO

Zoomer jQuery插件

Zoomer是一个图像放大/缩小用的插件,缩放效果很流畅,支持鼠标拖动,喜欢。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/pmsj/)iosOverlay.js jQuery 插件

iosOverlay是模拟iOS弹出加载层风格的插件,比如loading/success/error弹出层效果。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

SCEditor 编辑器

SCEditor这个编辑器使用响应式设计,所以宽度是自适应的,估计以后会流行起来。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

StackEdit 文本编辑器

StackEdit编辑器使用markdown语法,可以方便为你的WordpressTumblrDropbox上传(写)文章了,对于喜欢markdown书写的用户,这是个不错的选择!

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

Sixpack

Sixpack是一个AB测试框架,具体设计达人还没去体验,大家自己试下哦:)

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

Ion Sound 声音类jQuery插件

从DEMO中可以看出,我们通过点击对应的按钮实现不同的声音,非常有意思,如果你服务器的速度很快的话,建议使用,用户体验很不错哟!
插件的运行环境要在jQuery 1.9或以上版本。

10个新鲜的前端设计工具和插件网站分享,PS教程,图老师教程网
演示及下载

来源:http://www.tulaoshi.com/n/20160217/1576719.html

延伸阅读
原文作者 Arnaud Breton 为前端工程师,特别专注于前端和使用者经验,这篇文章出自于mention blog。以下内容由作者以第一人称撰写。 过去几年一直不断地提到 Web 应用新世代的成长,这些 App 内容变得越来越丰富,带动了前端整体的复杂度大幅增加。 像是 Backbone(藉由提供模型)、AngularJS 和 EmberJS 框架都是创造新 App 非常好的框架,...
随着便携设备用户的指数级增长,网页设计师采用响应式设计作为多平台布局解决方案,不但节省了设计师的时间,而且从长远角度来讲,响应式设计能够为用户提供更舒适的操作环境。 如果你毫无经验,不知从何开始,那么这份工具列表将大大的帮助你,能够让你的布局更有弹性。 Simple Grid Simple Grid是难以置信的CSS框架,无所限制的栅格布局,...
标签: Web开发
一、Web Developer Web Developer 可说是网页设计师最常使用的一个 Firefox 扩充套件,它可以协助我们在设计网页时能够更加的得心易手,内建 HTML、CSS、Feed等检验器,让我们所设计出来的网页能够符合标准化,不但可以省下日后维护的时间金钱,更能确保我们所设计出来的网页在各家不同的浏览器,均能正常地显示,且是符合我们预想的成果...
PS是强大的图形设计工具,但是如果配合插件、动作能够发挥更大的效用,本文提供了15个能够加速工作流程的插件,希望有所帮助。 Skeuomorphism.it Photoshop Plugin by Roy Barber 通过这个简单的插件几秒钟就能将效果扁平化,告别渐变、阴影,只剩下扁平与简约。     Layer Guides Photoshop Extension by Gaston Fig 参考线解决...
漂亮的字体设计总是招人喜欢的,感谢那些创造这些神奇设计技巧和工具的大神们,还有那些乐于分享他们所知的设计师。我们不断地寻找优秀的资源,进行编辑,并精心挑选其中最好的呈现给大家。接下来就为大家展示一些新鲜出炉的与字体设计相关的资源。 为了帮助大家改善字体在设计作品中的运用,我们在这里提供一些与字体设计相关的文章、工具以...

经验教程

156

收藏

32
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部