设计师/开发者看过来,七月35款新工具速递!

文章来源于webdesignerdepot.com,为Web设计师和开发者总结了2013年7月新出的35款工具,例如Froont、jQuery CollagePlus、Thincons;内容包括响应设计工具和框架、图标设计、电商解决方案等等。

当你在开发或设计Web时,找到适宜的工具绝对能帮助你节省大量的时间和精力。接下来的这些资源或是免费的,或是很便宜的,但可以保证的是:物超所值,对设计人员和开发人员来说是绝对的有用。

1. Froont

通过Froont,只需要使用一个简单的拖放界面,你就可以在你的浏览器里随意设计。设计完之后,你所看到的网站效果就如同访客看到的一样。

2. jQuery CollagePlus

此为jQuery插件,用于将图片准确的排列固定到容器里。还可以在图片之间进行填充,调整目标行高和CSS边框,除此之外,这个插件还有很多其它功能。

3. Thincons

Thincons是一个售价仅为$7的图标组,其设计灵感来源于iOS7。其中共包含77个图标,如果你不想购买所有的图标,那么你可以用Tweet作为交换条件来换取其中一个你想要的抽样。

4. gridr buildrrr

这是一个便捷实用的网格创建工具,配备充足的选项。能够指定列数、列宽、边距和任何一个你想要添加的拖拽盒,同时它还可以做很多其它事情。

5. Tabulous.js

Tabulous.js是一个jQuery标签模块,提供可转换选择,包括缩放、滑动等等。使用起来既高效又便捷。

6. Opa Framework for JavaScript

Opa Framework for JavaScript使得在用一模块里用同一种语言编写前端和后端代码变得极为简便。同时能和所有标准的JS类库完全兼容,包括数据库自动化,还能在其他功能里原生支持HTML5。

7. Golden Ratio Typography Calculator

这个黄金比例排版计算器是一个简单的简单工具,可以创造出更好版式。只需要输入字体大小和内容宽度,还有一个可选择的CPL(字符/行),作完之后你还能获得许多排版上的建议。

8. Gumroad

Gumroad可以帮你在线出售任何电子产品或实物产品。只需上传你的文档,让销售页面的布局看上去更有特色,接下来就可以卖东西了。Gumroad能帮你解决付款程序,而且每笔交易的手续费仅为5%。

9. Notism

Notism以快速、简便、高效的方式帮助团队处理可视化事务。它含有绘制草图和进行评论的工具,允许用户创建交互式技术原型,并且还具有项目管理的功能。

10. Style Guide Boilerplate

Style Guide Boilerplate是面向那些在不同项目当中经常使用框架的开发人员和设计人员——他们想要转动自己的框架以便能够处理常见的组件。

11. AOL Reader

想 要一个工具来替代Google Reader吗?选择AOL Reader吧。你可以用你的AOL、Facebook,Google或者Twitter账号注册,并发送使用beta版本的请求。这款App的设计布局 是多样性的,同时具有导入标准OPML格式的RSS订阅功能。

12. Webfonts Corner

Webfonts Corner是一个Web网站上正在使用的Web字体展示窗。如果你想寻找排版上的灵感,那么Webfonts Corner将是一个能给你带来奇妙感觉的最好去处。

13. Square Market

Square Market是Square里一个新的电子商务解决方案。这并不会花费很多成本,而且提供的店面都是新潮的、经典的。

14. Gridism

Gridism是一个回应式的网格系统,用起来简单方便。它在移动设备屏幕上堆栈网格单元,缩放范围可以达到978或1140像素(任你选)。

15. iOS 7 GUI PSD

iOS 7 GUI PSD是由加拿大多伦多设计公司Teehan+Lax设计的,它包括iOS 7 beta1版本里也有的GUI元素。这个PSD结构清晰、有标签、多层次,带有可编辑的形状图层,适用于实体模型App。

16. Automaton

Automaton是一个用JavaScript语言编写的任务自动化工具。只需要建立一个描述了你想要做什么的自动化文件即可,甚至可以让一个自动化文件使用另一个自动化文件来完成更复杂的任务。

17. File-type icon set

想设计一个Web App吗?这个来自Teambox开源免费的File-type icon set可能是你的首选。包括符合各种不同文件类型的图标——例如TXT,RTF,WAV,MP3,XLS,CSS,HTML,DOC,PDF,AVI,SQL等等。

18. Later.js

Later.js可以让你定义复杂的时间表并能快速计算未来或过去的日程事件,它运行在客户端上或者使用Node.js服务器。

19. Clipping Magic

Clipping Magic让删除图片背景变得更加容易,只需标记出图片的前台和后台即可,Clipping Magic的算法会处理其余部分。

20. The Secret Handshake

The Secret Handshake的受众是还处在初级阶段的年轻设计人员,同时也是帮助他们找到如何进入这个行业的教学资源,这其中包含简历部分,应用进程和组合创建部分。

21. Macaw

Macaw可以赋予图形编辑器灵活性,能够编写语义HTML和简洁的CSS,所以你只需绘画出代码,而不是编写代码。目前它还不可以使用,只要你注册报名,一旦可以使用就会通知你。

22. Topcoat

Topcoat是一个用来构建干净快速Web App的CSS框架。内含大量的实用部件,可以设置主题,还带有一个包含代码库中所有组件的PSD。

23. AlloyUI

AlloyUI是一个在YUI3和Bootstrap基础上建立的框架,用于创建高延展性的Web App。它完全文档化而且有初学教程。

24. Tactile Design Kit

这个Tactile Design Kit能够增进你和客户之间的交流,可以一起商讨如何通过提供一个互动的、实际的头脑风暴工具来设计他们的网站。Tactile Design Kit可以以PDF,EPS或AI类型下载。

25. DevDocs

DevDocs是一个API文档阅读器,带有稳定有序的界面。你可以用它来浏览HTML、CSS、DOM、JavaScript和jQuery之类的文档。

26. Core Circus ($84)

Core Circus是一个分层式八个2D字体组合,可以合并为3D效果。

27. Shelley (free)

Shelley是一个免费的用于装饰新颖字体且让人怀旧的复古招牌。

28. Anarchy (free)

Anarchy是一个现状令人堪忧的显示字体,免费提供给个人使用。一个商业许可证只需$15。

29. Monstrinhos ($12)

Monstrinhos是一个用于装饰的标志字体,能够完全给怪物角色和相关图片进行化妆。这个很有趣很古怪的字体能给你带来很多意想不到的可能性。

30. Haext (free)

Haext是一个看上去粗糙的、新哥特式、受新艺术运动启发的字体,在符文和工匠艺术方面具有一定的影响力。

31. High Tide (free)

High Tide是一个几何显示字体,带有一种非常时髦的,独一无二的视觉享受。

32. Klinic Slab (买方自主定价)

Klinic Slab是一个有粗截线的西文字体,有四个重量(每一个都有斜体)。这个字体很实用,同时还能显示出你特立独行的性格。

33. Cellos Script (free)

Cellos Script是一个正式的脚本字体,免费提供给个人使用。一个商业许可证只需$59。

34. Alianza ($133)

Alianza是一个比较复杂的排版系统,包括三种互补类型:板块,脚本和斜体,每一个都有九个重量。其中还包括三套装饰字体。

35. Quirky Nots (free)

Quirky Nots是一个免费的手绘显示字体工具,虽然画工不怎么样,但可以给你一种异想天开的感觉。                                                                                                                     (责编/付江)

原文:Webdesignerdepot

posted @ 2013-10-18 18:00  agile30353  阅读(127)  评论(0编辑  收藏  举报