即日起在codingBlog上分享您的技术经验即可获得积分,积分可兑换现金哦。

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

微信 Web开发 16℃ 0评论
本文目录
[隐藏]

来自:SDK.CN

链接:https://www.sdk.cn/news/4098

原文:http://www.hongkiat.com/blog/designers-developers-monthly-07-2016/


摘要:我们将会为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以及电子商务网站模板。

1.

链接:https://www.sdk.cn/news/4098


●本文编号144,以后想阅读这篇文章直接输入144即可。

●输入m可以获取到文章目录

15个技术类公众微信

涵盖:程序人生、算法与数据结构、黑客技术与网络安全、大数据技术、前端开发、Java、Python、Web开发、安卓开发、iOS开发、C/C++、.NET、Linux、数据库、运维等。

小编推荐↓↓↓

 

掘金是一个高质量的技术社区,从 ECMAScript 6 到 Vue.js,网站性能优化到开源类库,让你不错过 Web 开发的每一个技术干货。长按图片二维码识别或者各大应用市场搜索「掘金」,技术干货尽在掌握中。

点击「阅读原文」,下载掘金。

转载请注明:CodingBlog » 新鲜出炉! Web开发人员必备资源

喜欢 (0)or分享 (0)
发表我的评论
取消评论

*

表情