网页设计和开发的新工具:2012年3月

本月制作了一系列令人难以置信的新开发工具。不仅在专业化方面,而且在规模方面。

Adobe(Shadow)和Sencha(Touch 2)发布了大量版本。与Dustin Curtis的开放式品牌框架和“责任人”等小型项目相比,这些项目更加紧密,从未来发出,帮助设计师统一响应式项目。

然后有面向高级用户的工具,例如Fabric Engine,它将多线程交给Web程序员,或者BreakoutJS,一个与现实世界输入交互的系统。

另外,有很多我们没有足够的空间。确实,这是一个广泛的范围。这是一件好事。因此,与其他一切一样,网络往往会对趋势进行祈祷。像这样的感觉一定有很多原始的想法正在产生这个。看到一些变化令人耳目一新。请享用。

1. JqMobi

价钱: 自由

如果你有一个以HTML5为中心的移动管道并且jQuery被证明是一个棘手的问题,为什么不只是重写它以无缝地满足你的需求并处理多个平台的统一性?

AppMobi的团队就是这么做的,他们称之为最终的框架JqMobi。包括UI模块和插件管理器,您可以使用一组工具来运行Android,iOS和Blackberry的应用程序。所有这些都是基于CSS,HTML和JavaScript开发的。大约5k它也非常轻巧。

Lighter than jQuery, plays nicely with AppMobi

比jQuery更轻松,与AppMobi很好地配合

2. ScrollPath

价钱: 自由

将简陋的滚动动作转变为具有多种可能性的旅程,ScrollPath简直就是辉煌。

显然,上下变成弧形,旋转和侧面以及上下。您所要做的就是像在canvas中一样定义路径,并确保您保持在调用插件的包含元素内。

如果您愿意,可以通过编程方式控制整个内容,将滚动条转换为动画之旅。对于正确的应用程序,这可能很棒。

另外,请务必查看有关如何掌握jQuery插件的深入教程,该插件由其创建者Joel Besada编写,5月号.net杂志(#227)

ScrollPath: Taking a line for a walk

ScrollPath:走一条路

3. PaintCode

价钱:79.99美元

如果您正在编写iOS界面,那么您可能不是平面设计师。或者如果你是的话,编写这个东西会让你头疼。

PaintCode通过允许您使用标准矢量绘图工具来弥补这两个阵营之间的差距,但它提供与平台相关的(iOS或OS X)代码以及图像输出。

它并不完美,但它对于有抱负的应用程序设计人员来说是一个方便的补充,并且可以访问生成良好的代码,让您清楚地了解如何编写自己的代码。

Simple to use, PaintCode gives you direct access to the generated code

PaintCode易于使用,可让您直接访问生成的代码

4.责任人

价钱: 自由

责任人有一个简单的任务:为您提供有关响应式设计处理不同设备的快速反馈。

虽然它可能不是火箭科学,但将所有这些东西放在一个地方无疑是有用的。如果您还没有创建响应式网站,那么还有适合您的地方。只需添加&fixed_width =到URL,你会得到挤压版本。

如果没有别的,它可能表明响应式设计是否适合手头的项目。

If the screen fits, or doesn't, iterate accordingly

如果屏幕适合或不适合,则相应地迭代

5. Adobe Shadow

价钱: 自由

阴影对于移动开发者来说,它是一个很棒的应用程序,它可以减少设计过程中的大量麻烦。只需将您的设备(Android和iOS)与主机配对即可。然后,您浏览到的站点将直接回显到每个连接的设备。

如果您有条件代码或响应式模板,那么这些应该可以正常工作。如果您想修改代码,只需点击配对设备旁边的尖括号(在Chrome中)即可。

有关Shadow的更多信息,请查看关于开发商反应的新闻报道采访了Shadow的产品经理Bruce Bowman

Shadow just takes a couple of clicks to set up once you have all the downloads - browser, desktop and mobile

只需点击几下鼠标即可完成所有下载 - 浏览器,桌面和移动设备

6. BreakoutJS

价钱: 自由

这有点不同。BreakoutJS就是与物质世界互动。你记得物质世界,不是吗?那么,现在它可以直接进入网络。

不,不像特隆。在这种情况下,物理世界是LED,开关,按钮等。涉及到一些轻型电气工程,因此您需要一些硬件才能开始(包括称为面包板的东西)。但好消息是:连接互联网有很多乐趣。

更严重的是,有很多应用程序需要物理I / O.在公共场所考虑寻路系统。 BreakoutJS为您提供灵活的方式,以最小的硬件支出探索可能性。

Give your inner nerd the gift of physical I/O

给你内心的书呆子提供物理I / O的礼物

7.开放品牌

价钱: 自由

可以公平地说,有很多人在Web开发中没有专业的设计背景。 Dustin Curtis通过描述什么来完成(或者开始做)这些人的帮助一个好的品牌框架可能看起来像结构方面。

在初步检查时,从github下载的文件似乎只是“待办事项”的集合,但信息量与体积比非常高。这些指导原则可能有助于保持您工作的品牌的快乐,让您理智。

从以固定宽度间隔描述徽标到具体格式选择的智慧,即使在项目的早期阶段,也有很多需要考虑的事项。

Branding means control, Dustin Curtis wants to help you get there

品牌意味着控制,Dustin Curtis想帮助你实现目标

8. Sencha Touch 2

价钱: 自由

毫无疑问,移动/触摸设备已经改变了网络开发。这是一个更广泛,更异质的世界,每个人都想要一个行动。Sencha Touch 2旨在将这个梦想置于HTML5开发者的手中。

改进的API,更强大的文档和培训材料以及与许多领先设备的固定本地集成都使Sencha Touch 2成为移动开发框架的有力竞争者。有一个学习曲线,但是,由于Sencha旨在成为一个端到端的包,至少只有一个斜坡可以爬。

另见我们关于新版本的新闻报道

Can't live without my radio: Sencha's radio app

没有我的收音机就无法生活:Sencha的收音机应用程序

9. Crossfilter

价钱: 自由

人们喜欢能够通过手腕轻弹来争夺大量数据集。飞行时间,交通统计数据,各种人口统计数据都令人着迷,但它们很快就会占用资源并导致性能低下。

Crossfilter使用值缓存系统和数据“维度”来加速它的基于JavaScript的计算。结果是一个能够(几乎)没有时间处理数百万条记录的框架。

Crossfilter依靠map-reduce来加速与大型数据集的交互,为一些聪明的技术提供了直接的界面。

Crossfilter lets you rapidly crunch values on large datasets

Crossfilter可让您快速处理大型数据集上的值

10.织物引擎

价钱: 自由

想要在您的应用程序中执行大量密集型计算,但是没有C ++技能来编写本机多线程代码?没问题,织物引擎可以为你照顾。

Fabric引擎为多线程Universe提供JavaScript / Python接口,这意味着您可以从Web上熟悉的语言编写应用程序,并将它们直接连接(通过Node.js或浏览器插件)到super-快速计算块来处理诸如动画或视频处理之类的东西。

有一种类似JavaScript的语言可以学习真正关键的元素,但是如果它允许你生成如此强大的应用程序,那么努力/支付比率就更公平了。

The idea is pretty simple but the applications are anything but

这个想法很简单,但应用程序不过是这样

如果您最近遇到过任何尚未列入我们列表的酷工具但您认为应该有这些工具,请在评论中告诉我们。同样,如果您已经创建了一个您希望我们在下一个综述中使用的工具,请向我们发送一个电子邮件