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

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

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

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

20 个你不能错过的 Web 开发新资源_第1张图片

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


Landing Folio

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

20 个你不能错过的 Web 开发新资源_第2张图片

Element Queries

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

20 个你不能错过的 Web 开发新资源_第3张图片

HTTP2

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

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

20 个你不能错过的 Web 开发新资源_第4张图片

Elementor

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

20 个你不能错过的 Web 开发新资源_第5张图片

TimeDropper

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

20 个你不能错过的 Web 开发新资源_第6张图片

SyntaxDB

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

20 个你不能错过的 Web 开发新资源_第7张图片

Github Dark UI

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

20 个你不能错过的 Web 开发新资源_第8张图片

Microlight

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

20 个你不能错过的 Web 开发新资源_第9张图片

BarbaJS

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

TypeTerms

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

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

20 个你不能错过的 Web 开发新资源_第10张图片

ButterBean

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

20 个你不能错过的 Web 开发新资源_第11张图片

Child Theme Check

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

20 个你不能错过的 Web 开发新资源_第12张图片

CloudFlare UI

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

20 个你不能错过的 Web 开发新资源_第13张图片

Lerna

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

20 个你不能错过的 Web 开发新资源_第14张图片

Chillout

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

20 个你不能错过的 Web 开发新资源_第15张图片

GEL Typography

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

20 个你不能错过的 Web 开发新资源_第16张图片

MIND Patterns

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

20 个你不能错过的 Web 开发新资源_第17张图片

CSS Specificity

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

20 个你不能错过的 Web 开发新资源_第18张图片

CSS Dig

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

20 个你不能错过的 Web 开发新资源_第19张图片

Template Stash

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

20 个你不能错过的 Web 开发新资源_第20张图片

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

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

你可能感兴趣的:(20 个你不能错过的 Web 开发新资源)