新鲜出炉! Web开发人员必备资源

摘要:我们将会为Web开发人员提供多个资源。其中包括一个着陆页设计资源、两种降低屏幕刺眼程度的方法、一个用来实现拖曳网页布局的插件、一个用于整理date-picker的jQuery插件,以及许多为开发人员提供帮助的JavaScript库。

我们将会为Web开发人员提供多个资源。其中包括一个着陆页设计资源、两种降低屏幕刺眼程度的方法、一个用来实现拖曳网页布局的插件、一个用于整理date-picker的jQuery插件,以及许多为开发人员提供帮助的JavaScript库。

文章还包含了一些HTTP2、排版术语、开发具有辅助特性网站的资源,以及一个用来查询变成语言句法的搜索引擎。

Landing Folio

Landing Folio就像是一个着陆页设计方案的集散地。这里有着成百上千个设计样本,你可以根据自己的需求对其进行微调。这个网站绝对值得网页设计师将其添加到收藏夹中。

Element Queries

Element Query的表示符号为@element,和@media不同的是,除了高度和宽度之外,@element还可以识别元素内许多其它的数字字符。例如,根据元素中的数字字符运用来设计。

HTTP2

HTTP2是最新的HTTP协议,它在HTTP的基础上做出了许多的改进。它能够带来更好的性能,以及更高效的数据传送。在这个资源中,你可以找到这些改变,以及这些改变对安全、速度和用户体验所造成的影响。

Elementor

Elementor是一个WordPress插件,它让你可以使用拖曳操作来对网页进行布局。有了Elementor,你可以创造出更吸引人的布局。它有着响应式、全个性化和对用户友好等特点。

TimeDropper

这个插件有着让网页上的选定日期更加吸引人的能力。另外,它还拥有改变UI外观的选项。

SyntaxDB

这是一个专门用来寻找编程语言句法的搜索引擎。它目前支持多种编程语言,例如Java、C、Ruby、JavaScript和Python等。随着数据库和语言越来越多,它可以成为开发人员的终极搜索引擎。

Github Dark UI

Github Dark UI是针对Github.con推出的一个深色主题。如果你在暗光环境下工作,或是每天盯着屏幕的时间很长,这个主题可以帮你保护视力。

Microlight

这是一个JavaScript库代码突出显示工具。这个工具在突出显示代码的时候,不是用各种颜色来突出,而是让这段代码“闪光”。

BarbaJS

BarbaJS是一个JavaScript库,它可以通过JavaScript History API/pushState让页面过渡变得更加平顺。这个插件内部使用了Methods、Custom Events和其他一些API来让你的网页过渡看上去赏心悦目。

TypeTerms

“字距间隔(letter spacing)”和“字距调整(kerning)”之间有什么区别,你知道吗?TypeTerms就是这样一个工具,它能通过互动的方式让你了解学习各种排版术语。

ButterBean

ButterBean是一个新出现的精密插件,它可以让你在WordPress中建立Meta Box。它在开发过程中遵循了现在的WordPress Customizer API架构。它能让WordPress admin UI的开发变得更优雅。

Child Theme Check

这是一个用于检查Child Theme的WordPress插件;它可以检查Child Theme所依赖的文件是否时刻处于最新版。

CloudFlare UI

CloudFlare是在React的技术上开发的一个UI组件集合。考虑到现在React越来越收欢迎,网络上很可能还有许多相似的UI框架。

Lerna

在一个大型项目中,你无可避免的要管理多个包和库。这个工具能够在这个情况下为你提供帮助,让你的工作顺畅起来。

Chillout

Chillout是一个帮你降低CPU使用率的JavaScript库。它提供给了一整套的功能,可以用在JavaScript本地功能中。它可以部署在普通的网站上,也可以部署在基于 Node.js的程序上。

GEL Typography

GEL Typography是BBC出品的排版风格指导。这是一个优秀的资源,可以为你提供排版方面的灵感。

MIND Patterns

MIND Patterns可以为你提供搭建具有辅助特性的电商网站的指导。它提供了HTML方面的指导,使用ARIA标签,和特定的CSS技巧,让你搭建出适合残疾人使用的电商网站。

CSS Specificity

这是一个插图集合,可以向你展示CSS Specificity的工作方式。

CSS Dig

这个Chrome浏览器插件可以帮你优化CSS。它可以分析你的页面,并且生成报告,告诉你页面的代码都使用了那些属性。

Template Stash

手工拣选的模板集合,你可以在这里找到许多种类的模板,例如HTML5、WordPress、Ghost、Bootstrap以及电子商务网站模板。

原文发布于微信公众号 - 交互设计前端开发与后端程序设计(interaction_Designer)

原文发表时间:2016-11-11

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏java一日一条

为什么JavaScript开发如此疯狂

Web开发中其他一切对你而言都是小菜一碟,但当你深入探究JavaScript的时候,不免有一种“众人皆醒你独醉”的悲壮——好像其他人都知道你不知道的一些大的基础...

912
来自专栏君赏技术博客

关于首页设计框架和一些细节处理分析

开始觉得很简单,毕竟我也是对于 UITableView和 UICollectionView 很溜的码农。

1172
来自专栏CDA数据分析师

有Bigger | 打造属于自己的 Python 编码环境

一个好的程序员必须善用各种工具提升自己的开发效率,和提升自己的幸福指数。另外,个人觉得vim还是值得自己重新一配的,我的配置过程基本都是在 读spf13的配置,...

2205
来自专栏Thinks

HTML5设计原理(中)

避免不必要的复杂性 下面我就给大家介绍一些这份文档中记载的设计原理。第一个,非常简单:避免不必要的复杂性。好像很简单吧。我用一个例子来说明。 假设我使用HTML...

1151
来自专栏程序员的知识天地

一个Mac系统,能让程序员编程效率提升30%

Mac 系统一向以提供高效的工作环境著称,iOS、Android和服务端程序员都可以轻松的在Mac上搭建舒适的开发环境。

2542
来自专栏微信终端开发团队的专栏

Android微信上的SVG

资源矢量化 “清晰”和“体积”的矛盾与麻烦 面对android的各种dpi某事,想要所有设备上的图片都能有最清晰的效果,就意味着每种dpi模式都必须提供一份对应...

4335
来自专栏数据小魔方

SPSS竟然都能做数据地图了~~~

数据地图SPSS篇 ▼▼▼ 最近在做数据地图专题,搜集了好多能够实现数据地图可视化的软件操作技巧,唯独漏掉了SPSS。 总觉得SPSS作为一个傻瓜式菜单操作的...

8537
来自专栏编程

2017 学习 JavaScript 感觉如何?

编译: 伯乐在线/dimple11 http://web.jobbole.com/93760/ 写给还没开始阅读本文的读者,本文是对《2016 年里做前端是怎样...

20210
来自专栏用户2442861的专栏

如何评价 GitHub 发布的文本编辑器 Atom?

https://www.zhihu.com/question/22867204#answer-31728806

1902
来自专栏星流全栈

2016 JavaScript 技术栈展望

1714

扫码关注云+社区

领取腾讯云代金券