Web设计人员和开发人员的新资源(2013年6月)

让我们看看有什么东西吗?

当您在线上工作时,时间过得很快 ,而且您知道,我们已经进入2013年中期,并且像往常一样,每个月都会与您分享我们的新鲜资源。

在2013年6月的综述中,所有这些以及更多内容。有关更多新鲜资源的信息,请查看我们在4月5月的选择。

本月的综述包括工具,可帮助您从浏览器中删除照片中的背景,生成自己的图标字体 (并为其命名),以及保存经视网膜优化的图像图层以获得完美外观。

RetinizeIt是一种Photoshop操作,可让您在几秒钟内将图层切片并将其保存到视网膜优化的图像中。

这似乎是一项艰巨的任务,但如果您使用的是称为RetinizeIt的工具,则并非如此。

当我们针对高清屏幕时 ,我们需要提供两种版本的图像,一种用于普通屏幕,另一种用于高清屏幕。

Web设计人员和开发人员的新资源(2013年6月)

使用Wirekit ,对iPhone应用程序进行线框图设置变得更快,更容易。

该集合包含60个最常用的UI组件,有两种样式可用。

它是以Photoshop图层和形状的形式提供的免费iPhone UI的集合。

如果您经常为iPhone开发,Wirekit可能会派上用场。

Web设计人员和开发人员的新资源(2013年6月)

Metrize是完全免费的,您可以将其用于个人或商业项目,也可以根据需要自定义它。

它提供PSD,SVG,AI以及Web字体的图标。

Metrize是300个包含Metro风格的图标的集合。

然后, Metrize是为您设置的理想图标。

寻找适合Windows 8的图标?

Web设计人员和开发人员的新资源(2013年6月)

该工具作为学习更好的样式规则的学习指南也可能非常有用。

CSS Lint通过遵循一些最佳实践规则来帮助您优化CSS。

它将返回样式定义中的错误,并返回一些建议以对其进行修复。

CSS Lint可帮助您扫描CSS样式规则。

Web设计人员和开发人员的新资源(2013年6月)

Fontello还允许您设置自己的字体系列名称,图标名称,并自定义其Unicode码。

您可以包括来自不同字体系列的字符,例如Font AwesomeIconicsTypiconEntypo

它允许您编译自己的图标字体字符以嵌入到您的网站或应用中。

Fontello是一个图标字体生成器工具。

Web设计人员和开发人员的新资源(2013年6月)

由于部分内容基于CSS3,因此它也仅适用于支持CSS3属性(例如Transition和Transformation)的浏览器。

它提供了用于自定义插件的GUI,然后您可以查看效果如何立即运行。

MixitUp是一个jQuery插件,用于过滤和分类投资组合。

Web设计人员和开发人员的新资源(2013年6月)

从常用字符(A,B,C等)到国际象棋符号

您可以找到所有字符集的Unicode数字。

Unicode表是Unicode字符编号的列表。

这个名字说明了自己。

Web设计人员和开发人员的新资源(2013年6月)

根据您的图像,它可能会或可能不会产生理想的结果。

值得注意的是,ClippingMagic仍处于Alpha阶段,这意味着它还有很多解决方法。

现在,使用ClippingMagic,您可以免费从浏览器中进行相同的操作。

我记得当我第一次使用Photoshop做到这一点时,感到非常兴奋。

ClippingMagic是基于Web的工具,用于从主要主题中删除照片的背景。

Web设计人员和开发人员的新资源(2013年6月)

您可以使用以下键Shift + Shift + 来调整行。

它用作调整文本基线和行高间距的视觉辅助。

Gridwax是一个书签,用于添加覆盖在您的网页上的水平参考线。

Web设计人员和开发人员的新资源(2013年6月)

您可以使用拖放功能添加Bootstrap组件,例如导航栏,按钮和表单。

LayoutIt是使用Bootstrap快速创建原型的工具。

如果要在所有项目中使用Bootstrap进行开发,则也许应该将LayoutIt放在列表中。

Web设计人员和开发人员的新资源(2013年6月)

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-06-2013/