Web设计人员和开发人员的新鲜资源（2015年2月）

当我们讨论这个主题时，以下是您2015年2月的摘要，内容是针对像您这样的Web开发人员的最佳资源和最新资源。

经过一年多的努力， 为设计师和开发人员编写此每月资源堆的最难的部分是简介。

在本期中，我们正在寻找一种特殊的搜索引擎来查找代码片段 ， 用于解决Flexbox模块中问题的非常有用的参考以及用于更好地管理颜色，字体和渐变的开发工具。

但是，如果代码对您来说太多了，请使用更简单的Gradient Animator路线来生成一个界面美观的代码。

我们甚至可以将其与CSS3动画结合使用，以提供更引人注目的效果。

CSS3 Gradient允许我们在网站上创建无图像的渐变，而无需加载任何图像。

这本书以Markdown格式提供，有英语和葡萄牙语两种版本。

这是一本方便的参考书，它将带您逐步了解SVG的基础知识（例如，创建形状和文本），直至获得更高级的功能（例如，创建渐变，剪切路径和图案）。

SVG Pocket Guide由Joni Trythall编写。

对于生活在Web前沿的任何人来说，这都是非常有用的资源。

该存储库Flexbugs是这些错误以及解决这些错误的变通办法的集合。

但是，它本身也具有跨浏览器兼容性的问题。

Flexbox是CSS3中非常有前途的新模块，它将完全改变我们构建Web布局的方式。

与基于图像的图标相比，这些图标的加载速度更快，并且更具可自定义性。

在此库中，您将找到仅由单个元素和CSS组成的熟悉图标的集合。

Icono是执行此操作的库。

我们仅使用CSS就能实现的效果令人惊讶，例如仅使用一个元素即可创建完全可展示的图标。

或者，您也可以将其连接到Dropbox和Github等第三方服务，您可以在其中保存文件。

为了方便起见，Dillinger允许您将工作导出为HTML，PDF或Markdown文件格式。

您可以在此处以Markdown格式书写，并立即在右侧选项卡上看到输出。

迪林格（Dillinger）是令人垂涎的Markdown编辑器。

所有模板都具有响应能力，并确保内容和网站布局在不同的屏幕尺寸下都令人愉悦。

您可以找到一些适合不同类型网站的布局：业务，投资组合或只是一个简单的博客。

HTML5Up是基于HTML5的免费模板的集合。

这是为您的网站找到完美色彩组合的好来源。

CSS颜色显示颜色名称以及十六进制和RGBA格式的基本颜色集合。

有没有想过特定颜色的名字？

如果您正在寻找一种可以在测试响应式网站时节省一些时间的工具，那么这就是您所需要的工具。

Re-view是一个Chrome扩展程序，可解析您的网站@media查询并在每个@media查询中指定的每个断点处显示您的网站。

TypeGenius使选择字体对变得简单，快速，并且对于一般人群来说是可能的。

因此，选择正确的字体对或字体组合可能是一项艰巨的任务。

如果您看一下Google字体库，您会发现许多字体，字体，字体，粗细和类型都不同的字体。

对于重型编码器来说，这是绝对必要的工具。

该搜索引擎将从许多来源（例如Github，Bitbucket和Google Code）获得其结果。

顾名思义，这是一个搜索引擎，用于查找许多编程语言（包括JavaScript，C，PHP）的代码或代码段。

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-02-2015/