专栏首页互联网杂技新鲜出炉! Web开发人员必备资源

新鲜出炉! 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)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • 有哪些实用秘诀可以帮助UI/UX设计师自我提升

    如果你对艺术有着足够的热忱,又能够玩转技术,那么UI/UX 一定是你的菜。这是为数不多能为技能、想象力、创造力和技术提供一个出口的工作,也正是这种属性,使得这经...

    前朝楚水
  • 如何去了解JavaScript引擎的工作原理

    1. 什么是JavaScript解析引擎? 简单地说,JavaScript解析引擎就是能够“读懂”JavaScript代码,并准确地给出代码运行结果的一段程序。...

    前朝楚水
  • UI 设计师,你下一步的方向在哪里

    作为瞬息万变的信息社会的设计师,你一定也学会了紧跟社会发展趋势来适应潮流。正如那句被引用烂了的话「站在风口上,猪都能飞 」。找到了趋势和风口,不但不用担心被社...

    前朝楚水
  • 优测优分享 | 游戏的UI自动化测试可以这样开展

    对于目前的两大游戏引擎cocos-2dx、unity3D,其UI自动化测试的技术方案都已经实现。可以获取、设置UI对象的各个属性,并且可以调用UI对象及引擎的一...

    优测utest
  • 操作系统 进程线程模型 进程线程调度

    调度是分层次的,在操作系统中,一般将调度分为高级调度、中级调度和低级调度。 高级调度也称作业调度,其主要任务是按一定的原则,对磁盘中的处于后备状态的作业进行选择...

    Debug客栈
  • Immutable.js 到底值不值得用?

    导语 我是一个前端开发人员,拥有四年工作经验,目前在一个大型软件团体里工作,制作一个以React框架和Redux库为基础建立起来的新单页程序。 创作一个前所未有...

    企鹅号小编
  • Linux ftp服务器搭建_vsftpd(1):服务器搭建和配置

    Y大宽
  • 全排列算法

    4个数的全排列 package com.company; public class Main { static int count=0; pu...

    东风冷雪
  • python中mat()函数

    我们看到一开始随机生成的数组与使用mat函数之后的类型是发生了变化的,尽管他们显示的东西没有什么区别,但是实质上,他们的类型是不同的。用mat函数转换为矩阵之后...

    py3study
  • Design For Mobile Web

    上面这段代码,源自Google的Best Practices for Web Apps,但在实际使用过程中,并不能完全适应iOS、Android平台,至于WP,...

    libo1106

扫码关注云+社区

领取腾讯云代金券