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

还有四个月的时间，我们才能重新审议另一轮新年决议 。 同时，让我们看看9月份为像您这样的设计师和开发人员收集新资源的内容。

在此列表中，我们有一个Photoshop插件，可让您创建名为WebP的新开放图像格式，免费插图的来源以及免费高分辨率照片的另一种格式，该工具可在不使用设备的情况下以设备模型形式展示您的应用的Photoshop和其他许多出色的资源 。

CSSComb是用于对CSS属性进行排序的工具，以便它们更加有条理，可读性强并且易于维护 。 您可以设置有关如何对属性进行排序的规则。 CSSComb支持CSS3和CSS预处理器-LESS 和Sass 。 它可以作为Web工具使用，也可以作为一些代码编辑器的插件 ，例如Sublime Text，TextMate，Coda和Notepad ++。

诸如LiveReload之类的工具使我们可以在浏览器上即时查看对CSS所做的更改。 Emmet LiveStyle通过双向实时编辑使此过程更进一步。 这意味着我们可以在浏览器和代码编辑器中进行实时编辑， 而无需刷新页面和保存文件 。 在此视频中观看实际操作： Emmet LiveStyle潜行高峰 。

网站开发人员一直在关注高清图像质量及其对网站加载性能的影响。 为了解决这种情况，Google引入了一种新的开放图像格式，称为WebP 。 与PNG和JPEG相比，WebP可以缩小26-39％，同时仍保持图像质量 。

支持WebP图像格式的应用程序和操作系统的完整列表可以在此处和此处找到。

SVGeneration是SVG的模式生成器 。 正如我们在之前的系列文章中所讨论的那样 ，SVG是为高清屏幕提供图形服务的一种方式。 现在，借助SVGeneration工具，使用SVG创建背景图案变得更加容易。 （这是我最喜欢的： Circle Everywhere ）。

有许多免费的PSD文件可在手机或平板电脑模型中展示您的移动应用设计或原型。 但是，这意味着它需要Photoshop才能使用该文件，因为它是PSD。 如果无法使用Photoshop，则可以使用MockupPhone作为替代 。 在撰写本文时，您可以选择iPhone，iPad，Galaxy，Nexus和Lumia样机。

KoalaApp是用于编译LESS，Sass，Compass和CoffeeScript的GUI应用程序 。 与仅在OS X上运行的Codekit（类似的应用程序）不同，KoalaApp可以在Windows，OS X和Linux上运行。

Unsplash是免费的高清图像的集合 。 这些集合真的很棒，并且可以对您的设计原型外观产生很好的影响。 因此，如果您要寻找出色的形象，Unsplash是值得一去的站点之一。 值得收藏并定期检查，因为每10天将有10张新的高分辨率照片。

我们看到社交网站中的趋势，即照片在一帧中并排显示或上下显示。 TychPanel是一个扩展，使您可以在Photoshop中自动执行相同的操作。 更好的是，您可以创建自己的布局和框 ，调整背景颜色，宽度和高度。

对于某些设计师，他们可能会选择Illustrator而不是Photoshop（或Fireworks）来创建应用程序设计原型 。 如果您是一位，则可能需要此书签并保存后的iOS Wireframe for Illustrator 。

来自荷兰的设计师兼插画家朱利安·伯福德（Julian Burford）分享了AI格式的430多幅插图，这些插图可用于创建草图和情节提要。 我可以说这是每个设计师都应该收藏的免费的好东西之一。 转到他的Dribbble页面下载文件。

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