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