vs2013开发web_Web设计人员和开发人员的新资源（2013年6月）

当您在线上工作时，时间过得很快 ，而且您知道，我们已经进入2013年中期，并且像往常一样，每个月都会与您分享我们的新鲜资源。 让我们看看商店里有什么，对吗？

本月的综述包括工具，可帮助您从浏览器中删除照片中的背景，生成自己的图标字体 （并为其命名）以及保存经视网膜优化的图像图层，以获得完美的外观。 在2013年6月的总结中，所有这些以及更多内容。有关更多新鲜资源的信息，请查看我们在4月和5月的选择。

当我们针对高清屏幕时 ，我们需要提供两种版本的图像，一种用于普通屏幕，另一种用于高清屏幕。 这看起来似乎是一项艰巨的任务，但如果您使用的是名为RetinizeIt的工具，则并非如此。 RetinizeIt是一种Photoshop操作，可让您在几秒钟内将图层切片并将其保存到视网膜优化的图像中。

如果您经常为iPhone开发，Wirekit可能会派上用场。 它是以Photoshop图层和形状的形式提供的免费iPhone UI的集合。 该集合包含60个最常用的UI组件，有两种样式可用。 借助Wirekit ，对iPhone应用程序进行线框图变得更快，更容易。

寻找适合Windows 8的图标？ 然后， Metrize是为您设置的理想图标。 Metrize是300个包含Metro风格的图标的集合。 它提供PSD，SVG，AI以及Web字体的图标。 Metrize是完全免费的，您可以将其用于个人或商业项目，也可以根据需要自定义它。

CSS Lint可帮助您扫描CSS样式规则。 它将返回样式定义中的错误，并返回一些建议以对其进行修复。 CSS Lint通过遵循一些最佳实践规则来帮助您优化CSS。 此工具作为学习更好的样式规则的学习指南也可能非常有用。

Fontello是一个图标字体生成器工具。 它允许您编译自己的图标字体字符以嵌入到您的网站或应用程序中。 您可以包括来自不同字体家族的字符，例如Font Awesome ， Iconics ， Typicon和Entypo 。 Fontello还允许您设置自己的字体系列名称，图标名称，并自定义其Unicode码。

MixitUp是一个用于对投资组合进行过滤和排序的jQuery插件。 它提供了用于自定义插件的GUI，然后您可以查看效果如何立即运行。 由于部分内容基于CSS3，因此它也只能在支持CSS3属性（如Transition和Transformation）的浏览器上使用。

这个名字已经说明了自己。 Unicode表是Unicode字符编号的列表。 您可以找到所有字符集的Unicode数字。 从常用字符（A，B，C等）到国际象棋符号 。

ClippingMagic是基于Web的工具，用于从主要主题中删除照片的背景。 我记得当我第一次使用Photoshop做到这一点时，感到非常兴奋。 现在，使用ClippingMagic，您可以免费从浏览器中进行相同的操作。 值得注意的是ClippingMagic仍处于Alpha阶段，这意味着有很多事情需要解决。 根据您的图像，它可能会或可能不会产生理想的效果。

Gridwax是一个书签，用于添加覆盖在您的网页上的水平参考线。 它用作调整文本基线和行高间距的视觉辅助。 您可以使用以下键Shift + ↑和Shift + ↓来调整行。

如果要在所有项目中使用Bootstrap进行开发，则也许应该将LayoutIt放在列表中。 LayoutIt是使用Bootstrap快速创建原型的工具。 您可以使用拖放功能添加Bootstrap组件，例如导航栏，按钮和表单。

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