Web设计人员和开发人员的新资源(2013年8月)
八月在这里,是时候再进行一次综述 !
在这里,它们没有特定的顺序。
在这一轮中,我们提供了一些出色的工具,这些工具来自创建3维地图的Photoshop动作,用于测试响应式设计的出色Google Chrome扩展程序以及用于创建Long Shadow设计的工具。
对于不习惯通过命令行进行版本控制的人来说,这是一个完美的应用程序。
它使您可以通过非常简单直观的用户界面来管理存储库。
SourceTree是Github和Mercurial版本控制系统的客户端应用程序。
但是,如果您希望它更具个性化,可以使用Herokuapp的tmTheme Editor ,它使创建和编辑变得更加容易。
有几个.tmTheme
可免费下载,如果您想更改代码突出显示的颜色,可以立即使用。
tmTheme是一个主题文件,用于为Sublime Text和TextMate等代码编辑器突出显示语法。
只需移动鼠标光标,它就会立即按照指定的规则生成颜色-单色,类比,补色,三合一等。我们还可以下载LESS格式和PNG的配色方案。
颜色代码是一种非常直观且易于使用的Web应用程序,用于生成配色方案。
还有一个
现在,如果您要应用相同的效果,则此PSD文件将使您可以更快地在设计元素中应用此阴影效果。
在上一篇文章中,我们向您展示了Long Shadow设计应用程序的一些示例。
它带有标尺,用于显示视口大小,可拖动的手柄以调整视口大小,并带有预览模式以模拟各种设备类型的设计。
Dimension是一个非常不错的Google Chrome扩展程序,用于测试响应式设计,而无需调整浏览器窗口的大小。
此Photoshop Action是由Wassim在BlueGraphic创建的,它是免费的!
它带有几种常见的地图元素,例如草,雪,建筑物,树木和云。
Mapita是一个Photoshop动作,可让您将平面图层转换为3维地图。
它是使用Sass和Compass构建的,因此可以完全配置样式以满足您的要求。
它提供了一组CSS来构建各种按钮样式。
Buttons是使我们能够这样做的类帮助器的集合。
创建Web按钮在技术上很容易,但是如果我们可以快速构建一个按钮,那就更好了。
在撰写本文时,它具有超过1700个图标。
通过使用Fontastic,您可以仅包含所需的图标,最终有助于加快网站速度。
有许多免费的字体图标,但是它们通常带有一堆我们不需要的图标。
顾名思义,“开发工具秘密”列出了浏览器开发工具的隐藏功能。
但是还有很多我们不知道的隐藏特征。
所有现代浏览器都带有其自己的开发工具 ,该工具可帮助开发人员开发和调试网站。
特别是对于初学者来说,这是一个非常有用的资源。
您可以了解图层的结构和组织方式,以及效果的构建方式。
流行用户界面是这些网站的用户界面的集合,该界面由Luke Chesser在Photoshop中出于教育目的进行了重建。
Facebook,Rdio,Github和Apple。
我打赌您访问过其中一个受欢迎的网站;
翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-08-2013/