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

这个月看到了边界推动和实际的混合。这两个并不像他们可能出现的那样奇怪的同床人,至少在涉及网络开发时 - 原因很简单,几乎所有试图扩展可能领域的尝试都会导致你的内容出现一些漏洞拿到。这就是实用性的来源。

所以我们有一个3D CSS3照明装置和一个PNG图像处理器,一个媒体制作套件和一个用于jQuery的cookie切割器。当你试图改变大局时,你不能忽视细节。

更重要的是,许多开发社区最耀眼的明星都与细节工作有关。举例来说,Modernizr项目也在本月更新。当它实际上是建立网络时,它不是内容是王:它的实用性。

1.光子

价格:免费

这是一个有趣的项目。光子为在3D空间中渲染的DOM元素创建简单的光照效果。这是由新奇的CSS实现的转变属性。或者,因为它更为人所知,'- [供应商前缀] -transform'财产。

这是一个聪明的东西,如果让你的头脑有点棘手,并且在旧的CPU上有点沉重。但是Photon的创造者,Tom Giannattasio,以折纸起重机的形式使用它是一个很好的例子。启动一个体面的浏览器,并采取旋转。

The output is a bit heavy on your CPU, but CSS3 lighting engine Photon is fun, clever stuff

你的CPU输出有点沉重,但CSS3照明引擎Photon很有趣,很聪明

2.忍者0.7.0

价格:免费

Tetsubo.org的忍者是一款令人印象深刻的全功能3D风格内容制作工具。它能够生成对象,场景甚至动画,并将它们作为HTML5传递。

Ninja是Chrome应用程序,因此需要安装最新的Google浏览器,并在其中运行。它不是世界上最简单的系统,但考虑到在幕后完成的工作量,这完全可以理解。

输出代码是HTML / CSS3 / JS,它非常干净。 Ninja作为一种设计工具很好用,并且通过添加代码视图,它可能会变得像开发人员一样受欢迎。

Tetsubo.org's Ninja is a visual tool for authoring advanced HTML5 content

Tetsubo.org的Ninja是一个用于编写高级HTML5内容的可视化工具

3. Opera Mobile Emulator

价格:免费

曾经想知道如果有人访问Opera手机,您的网站将如何运作?嗯,不要再想了,因为Opera发布了一个一流的软件模拟器。而且还有什么可以通过歌剧蜻蜓所以你可以远程调试整个事情。

你必须把它交给Opera:他们喜欢正确地做事。该应用程序运行流畅,提供了一系列模拟设备,并与调试器配合使用。如果它们足以将此服务扩展到其他浏览器和平台,那就太棒了。

Opera Mobile Emulator is a first-rate emulation tool, and can be connected to Opera Dragonfly for debugging work

Opera Mobile Emulator是一流的仿真工具,可以连接到Opera Dragonfly进行调试工作

4. TinyPNG

价格:免费

你必须喜欢.png文件,但是除了最重要的情况之外,它们的大小排除了它们。 (那,以及IE6不会打球的事实。)TinyPNG为这两个烦人的小问题提供了解决方案。

答案是将上传的24位图像转换为索引的8位图形。这个过程可以带来巨大的节省空间的影响,但它也有使用IE的副作用:无需解决方法。这就是他们所说的双赢局面。无论如何,乔治熊猫--TinyPNG的吉祥物 - 似乎很高兴。

TinyPNG offers smart lossy compression of PNGs, also making them play happily with IE6. Bonus!

TinyPNG提供PNG的智能有损压缩,也让它们与IE6一起玩得很开心。奖金!

5. XMLPlayground

价格:免费

XML是一种多功能的技术,但是掌握它的一些更深奥的功能可能是一项漫长而乏味的斗争。XMLPlayground为你做了所有艰苦的工作,为一些语义上有意义的恶作剧留下了自由。

XSL,XPath,XQuery,Schemas,DTD,RelaxNG:这些铃声是什么?如果确实如此,但你已经让事情稍微滑了一下,请查看网站:你可能只是重新发现了对XSLT的热爱。没错,上传代码并尝试一些小提琴。这是了解科技如何融合在一起的好方法。

Lost your XML mojo? Try XMLPlayground, and you might just rediscover your love for XSLT

丢失了你的XML mojo?试试XMLPlayground,你可能只是重新发现你对XSLT的热爱

6. JQuery图片

价格:免费

那个响应式设计的东西有几个问题,不是吗?最明显令人困惑的是图像传递。怎么样你可靠地提供不同的图像源吗?

JQuery图片通过使用任何一个来处理这种情

要么标签,详细说明图像来源,和。图片()在它们之间做出选择。一旦新的和服务员标签是可用的(它们是相对较新的提议)插件将变得多余,但事实上它是一流的止损。

Need to serve images to responsive sites? jQuery Picture offers an excellent stop-gap while you're waiting for the new <picture> and <source> tags to be approved

需要将图像提供给响应式网站吗? JQuery Picture在您等待新的时候提供了极好的止损要批准的标签

价格:免费

处理饼干并不是最糟糕的工作,但是最近才开始欧盟法律的变化,它变得更加麻烦。幸运的是,克劳斯哈特尔已经足够好写了Jquery.cookie:一个jQuery插件,可以承受实际管理cookie的压力。

用法就像你对jQuery的期望一样简单,传递你的cookie的值及其名称和包含这些变量的对象安全到期。你通过简单的电话回读$ .cookie( 'cookie_name')

Cookie-handling became bothersome following the recent change in EU law. Klaus Hartl's jquery.cookie makes it easy again

在最近欧盟法律的变化之后,Cookie处理变得麻烦。 Klaus Hartl的jquery.cookie再次让它变得轻松

8. WebGameStub

价格:免费

如果你想在周末淘汰几款HTML5帆布游戏但是不能完全确定从哪里开始,那么Mozilla的初出茅庐就是最好的选择。WebGameStub

从本质上讲,它只是一个非常基本的HTML5游戏,使用CSS,jQuery和canvas进行设置,所有这些游戏都是为您挑选而设计的。随着自定义,学习游戏循环如何工作,以及它如何处理碰撞检测,精灵,事件等。在你知道它之前,你将有一个自己准备隆隆声的游戏。

Pick apart Mozilla's WebGameStub and learn to build HTML5 canvas games as you do

选择Mozilla的WebGameStub并学习如何构建HTML5画布游戏

9. Modernizr 2.6

价格:免费

领先于改进的地理位置,WebGL和一系列社区贡献的检测,最新的更新Modernizr的为渐进增强阴谋提供了一些重要的新检测功能。

流行的浏览器功能检测工具2.6版也更新了一些依赖项,但最大量的新检测来自社区。该列表本身有趣的阅读:CSS-backgroundposition-XYCSS-subpixelfontSVG过滤器振动...

如果您热衷于以负责任的方式使用最新功能,这是您需要及时了解的一个库。

您可以阅读我们最近对Modernizr开发人员Paul Irish的采访在新闻部分。

Helping you support older browsers in your sites, Modernizr is a vital library to keep abreast of

帮助您支持站点中的旧浏览器,Modernizr是一个重要的图书馆,可以及时了解

10. Safari 6

价格:免费

这是头条新闻最新版Apple的浏览器是Web Audio API,它可以满足您的期望:处理来自HTML5媒体元素的音频文件,创建空间音效,以及直接在JavaScript中合成和处理音频。

可能更有趣的是Safari 6检测隐私浏览的能力,开启了苹果所描述的处理隐私扩展的“机会”。能够做到这一点很简单,但确实提出了私密浏览实际使用的问题。

还有一些其他有价值的补充:CSS过滤器,新的Web Inspector和增强的JavaScript支持。总的来说,一个有趣的发布

上周,Safari 6成为头条新闻,当时OS X出现了更新,而Windows则没有。开发人员似乎并不担心:你可以阅读我们的反响的总结在新闻部分。

The latest version of Safari offers the new Web Audio API, and some... er, interesting opportunities regarding private browsing

最新版本的Safari提供了新的Web Audio API,以及一些有关隐私浏览的有趣机会

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



翻译字数超限