Web设计人员和开发人员的新资源（2013年3月）
在这一回合中，我们提供了插件来帮助您的网站检测滑动和手势并启用提及输入，它是一个用于创建您自己的火柴人漫画的工具，以及一个用于在Internet Explorer上测试代码的新工具。
现在是每个月的这个时候，再一次分享适合设计师和开发人员的出色工具和资源。
或者，如果您像我一样喜欢自定义设置，则可以尝试App Icon Template 。
在上一篇文章中，我们介绍了如何使用第三方工具创建应用程序图标。
他的PSD模板带有Photoshop Action脚本，可用于将设计快速转换为与iOS兼容的格式，适用于Retina或非Retina设备。
该插件支持几种手势，包括手指轻扫，捏和缩放。
为此，请尝试使用jQuery插件Touch Swipe，它可以检测您网站上的滑动和手指手势。
如今，随着越来越多的设备配备触摸屏，您可能需要考虑为网站启用多点触摸功能。
还有一个现成的jQuery插件，例如Spectagram。
在上一篇文章中，Jake向您展示了如何从头开始使用Instagram API构建Instagram即时搜索 。
目前，它支持显示Instagram用户提要，热门照片和带有用户标签的照片。
频谱图获取Instagram API并将结果显示在您的网站或应用程序上。
Mou带有语法高亮显示，自动保存，强大的操作，自动配对，HTML和CSS导出等。
我们可以使用任何代码编辑器以MarkDown格式编写代码，也可以使用诸如Mou之类的指定编辑器。
MarkDown是一种纯文本格式语言，可以转换为HTML标记。
不幸的是，Mou目前仅适用于OSX。
您可以在左侧编写MarkDown格式，并在右侧立即查看结果。
界面简洁明了，由两列组成。
如果您希望（或需要）在网站中创建此类功能，则可以使用名为jQuery Mention Input的插件。
我们可以在帖子或推文中添加朋友的名字，通常使用@符号。
如果您使用的是Twitter或Facebook，则一定对Mention熟悉。
有关更多技术细节，请转到此页面 。
要运行此插件，我们至少需要jQuery 1.6和Underscores.js 。
它可以作为桌面字体（在.ttf中）和webfont提供。
如果您反对使用传统的Lorem Ipsum ，则此字体是一个很好的选择。
Blokkfont是用于实体模型和线框图的字体，仅包含块和矩形字符，如以下屏幕截图所示。
漫画图形输出将不会是传统漫画中的图像，而是使用HTML和SVG构建的。
您可以简单地使用Cmx （阅读Comix），这是一个基于Web的编辑器，用于创建xkcd样式的漫画。
您不必擅长于绘制漫画。
Roole还提供了内置的供应商前缀，因此我们可以通过简单的方式编写复杂CSS3规则。
它具有受其他CSS预处理器（ LESS ， Sass和Stylus）启发的功能列表，例如嵌套规则，缩进，变量，混入，函数，操作和扩展样式规则（如Sass）。
Roole是基于JavaScriptCSS预处理器。
转到下一页以查看其运行情况： Hint.css演示
它是基于JavaScript的工具提示的不错替代。
该工具提示是使用CSS3 Transition，CSS3属性，伪元素和data属性构建的。
提示是一个CSS库，其中包含用于创建简单工具提示的一组样式规则。
幸运的是，微软意识到了这一点，并推出了一种工具，使Modern.ie减轻了Web开发人员的工作负担 。
Internet Explorer的测试网站历来令人不快，因为IE具有多个版本，这些版本都有其自身的怪癖和行为。
它将扫描网页以查找兼容性问题，并返回修复问题的建议。
Modern.ie是一套用于在Internet Explorer中测试旧版和现代版网站的工具。
翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-03-2013/