20 个你不能错过的 Web 开发新资源

英文原文：Fresh Resources for Web Developers – July 2016
译者：IT程序狮
译文地址：http://www.jianshu.com/p/19d3b9cec4d0

在本期中，我们又为大家带来了大量的 Web 开发新资源。

这一期的资源包含了激发你下一个着陆页设计的案例合集，帮助开发者使一个明显画面变暗的两种方式，构建 Web 布局的拖放插件，一个日期选择器的 jQuery 插件，以及大量的 JavaScript 库来帮助开发者们更好的工作。

此外，本期中还包含了 HTTP2 的相关资源，动画排版速查表，编程语言语法搜索引擎等内容，让我们一起 Enjoy 吧！

---

Landing Folio

Landing Folio 是一个着陆页设计案例汇集的网站。这里有数百个关于着陆页的案例供你参考，你可以根据其类别进行查找。这绝对是一个值得网页设计师收藏的网站哦！

Element Queries

在 JavaScript 中，你可以进行元素查询。它由@element表示，不同于 CSS 中的@media查询，@element能察觉到的不仅是浏览器的宽度和高度。例如，你可以使用包含在元素中的大量字符样式。

HTTP2

HTTP2 是下一代 HTTP 最新的规范。

它有望获得更好的性能和高效地数据传输。在这个资源里，你可以找到在其安全性、速度和用户体验上的变化所带来的影响。（非常详尽）

Elementor

Elementor 是一个 WordPress 插件，它允许你建立 drag-n-drop 的网页布局。有 Elementor 的帮助，你可以建立一个具备完全可定制的、用户友好的网页布局。

TimeDropper

TimeDropper 是一个日期选择器的 jQuery 插件。这个插件配备了一些动画，使在页面上选择日期时能更吸引人。此外，你还可以在选项中改变其 UI 外观。

SyntaxDB

这是一个用于搜索编程语言语法的搜索引擎。目前，它支持多种语言，包括Java，C，Ruby，JavaScript 和 Python。

Github Dark UI

Github Dark UI 是 Github 上暗色系的颜色主题。如果您在昏暗的环境下工作，或在长时间盯着屏幕看，这可能是主题色中的一个很好地选择。

Microlight

一个用来高亮代码的 JavaScript 库。它可以替代不同颜色的高亮代码，你可以看到，Microlight 使代码变得更加的‘闪亮’。

BarbaJS

BarbaJS 是一个 JavaScript 库，它可以使 JavaScript API 在网页中平滑的过渡。这个插件自带方法，自定义事件以及 API 能帮助您在网页中有更流畅的体验。 这里有些例子。

TypeTerms

有没有想过“字母间距”和“字距”之间的有什么不同呢？

在 TypeTerms 中，通过互动的演示，你可以从中了解动画排版的正确使用方式。

ButterBean

ButterBean 是一个在WordPress中创建 Meta Box的新型插件。这是继现代 WordPress 定制 API 架构所开发的。这使得构建特殊的 WordPress 管理界面会更加得优雅。

Child Theme Check

一个帮助你检查其父主题下子主题的 WordPress 插件。它会帮你检查子主题依赖的文件是否被更新。

CloudFlare UI

CloudFlare UI 是建立在 React 顶端的 UI 组件集合。考虑到 React 正变得更加流行，你会发现一些相似的 UI 框架出自在那里。

Lerna

在大型项目中管理多个包和存储库是不可避免的。这个工具，允许你来处理这种特殊情况下所出现的问题，最终助你简化工作流程。

Chillout

Chillout 是一个 JavaScript 库，它可以帮助你降低 CPU 使用率。它提供了一组可以用在 JavaScript natives 中的功能，并可以部署在正规的网站上或没有基于 Node.js 的应用程序中。

GEL Typography

GEL Typography 是 BBC 排版风格指南。它可以带给你标准化排版样式的一些灵感。其中包括了字体、大小、宽/高等建议。

MIND Patterns

MIND 模式是一个建立可访问电子商务网站的实用指南。它为残障用户提供了更好体验，其中涉及了构建 HTML，使用ARIA标签，CSS 样式排版等内容。

CSS Specificity

一个描述 CSS 具体是如何工作的插图集。

CSS Dig

一个帮助你优化 CSS 的 Chrome 扩展。它会以报告的形式提供给你网页中使用的 CSS 属性列表。例如颜色。

Template Stash

一个 hand-picked 免费的模版和主题合集。这里你可以找到包括 HTML5, WordPress, Ghost, Bootstrap 以及电子商务等广泛类型的模版与主题。

---

本文翻译自《Fresh Resources for Web Developers – July 2016》，译者程小狮。若有翻译不当之处，还请大家多多指正。

转载请注明出处，谢谢合作。