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

八月在这里,是时候再进行一次综述

在这里,它们没有特定的顺序。

在这一轮中,我们提供了一些出色的工具,这些工具来自创建3维地图的Photoshop动作,用于测试响应式设计的出色Google Chrome扩展程序以及用于创建Long Shadow设计的工具。

对于不习惯通过命令行进行版本控制的人来说,这是一个完美的应用程序。

它使您可以通过非常简单直观的用户界面来管理存储库。

SourceTreeGithubMercurial版本控制系统的客户端应用程序。

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

但是,如果您希望它更具个性化,可以使用Herokuapp的tmTheme Editor ,它使创建和编辑变得更加容易。

有几个.tmTheme可免费下载,如果您想更改代码突出显示的颜色,可以立即使用。

tmTheme是一个主题文件,用于为Sublime TextTextMate等代码编辑器突出显示语法。

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

只需移动鼠标光标,它就会立即按照指定的规则生成颜色-单色,类比,补色,三合一等。我们还可以下载LESS格式和PNG的配色方案。

颜色代码是一种非常直观且易于使用的Web应用程序,用于生成配色方案。

还有一个

Web上有很多用于生成配色方案工具

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

现在,如果您要应用相同的效果,则此PSD文件将使您可以更快地在设计元素中应用此阴影效果。

在上一篇文章中,我们向您展示了Long Shadow设计应用程序的一些示例。

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

它带有标尺,用于显示视口大小,可拖动的手柄以调整视口大小,并带有预览模式以模拟各种设备类型的设计。

Dimension是一个非常不错的Google Chrome扩展程序,用于测试响应式设计,而无需调整浏览器窗口的大小。

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

此Photoshop Action是由Wassim在BlueGraphic创建的,它是免费的!

它带有几种常见的地图元素,例如草,雪,建筑物,树木和云。

Mapita是一个Photoshop动作,可让您将平面图层转换为3维地图。

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

它是使用Sass和Compass构建的,因此可以完全配置样式以满足您的要求。

它提供了一组CSS来构建各种按钮样式。

Buttons是使我们能够这样做的类帮助器的集合。

创建Web按钮在技术上很容易,但是如果我们可以快速构建一个按钮,那就更好了。

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

在撰写本文时,它具有超过1700个图标。

通过使用Fontastic,您可以包含所需的图标,最终有助于加快网站速度。

有许多免费的字体图标,但是它们通常带有一堆我们不需要的图标。

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

顾名思义,“开发工具秘密”列出了浏览器开发工具的隐藏功能。

但是还有很多我们不知道的隐藏特征。

所有现代浏览器都带有其自己的开发工具 ,该工具可帮助开发人员开发和调试网站。

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

特别是对于初学者来说,这是一个非常有用的资源。

您可以了解图层的结构和组织方式,以及效果的构建方式。

流行用户界面是这些网站的用户界面的集合,该界面由Luke Chesser在Photoshop中出于教育目的进行了重建。

Facebook,Rdio,Github和Apple。

我打赌您访问过其中一个受欢迎的网站;

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

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