跳到主要内容

5月份10款最佳新网页设计工具

没有人喜欢调试他们的工作,所以本月我们收集了一些工具,使它更容易一些。还有CSS Dig,这是一个Chrome扩展程序,它以一种有用的格式展示你的CSS,这样你就可以找到并发现不一致的内容。 ES功能测试,您可能会将其视为caniuse的替代方案;和Vorlon.js可以帮助您在许多设备上测试您的代码。

看到本月微软推出两款跨平台工具,一个代码编辑器和一个教育性的开发环境,使初学者能够开始编写移动应用程序,这令人耳目一新。

同样令人兴奋的是白板工具已被添加到iPad的绘画应用程序的新闻,所以现在你可以使用其精彩的界面绘制图表和草图。让我们潜入。

01. HTML箭头

HTML Arrows是一款设计精美的HTML符号备忘单,其灵感来自极简主义的瑞士美学。所有最有用的符号都以您选择的顺序以及它们的unicode,十六进制代码,HTML代码和HTML实体值显示,因此您可以一目了然地获得所需的所有信息。

02. 想想纸张

我们对这个感到很兴奋。绘画应用程序添加了白板工具,以便您可以使用直线,形状和填充绘制图表。您可以徒手绘制圆形和三角形等对象,“意图引擎”将识别并纠正它们。当您外出时,在合作或与客户合作时,这是使用iPad捕捉想法的绝佳方式。

03. CSS Dig

这个方便的Chrome扩展程序提供了另一种分析CSS并查找修复和改进的方法。它会显示所有CSS属性及其频率和变化,因此您可以轻松发现是否以某种方式结束了太多的颜色阴影。它还显示选择器长度和特异性,以便您可以解决特异性战争并整合您的代码。

04. 色差发生器

这个基于您指定的初始颜色创建类似于Dulux油漆阴影图的东西。这种类型的颜色演示是否真的有助于您做出决定取决于您,但此工具以方便的形式提供了很好的色调进展。只需单击一种颜色即可将其复制到剪贴板。

05. Visual Code Studio

Visual Code Studio是Microsoft的代码编辑器,用于构建现代Web和云应用程序。您可能认为这意味着它仅适用于Windows,但显然它是一种跨平台产品,适用于Linux和Mac OSX。它支持多种语言,您可以获得丰富的代码帮助和导航,而无需使用完整的IDE。

下一页:May的五大顶级网络工具

话题



翻译字数超限