网络技术和库(例如React.js, AngularNode.js)的可移植性使之成为可能。

现在,许多移动和桌面应用程序都是使用HTML,CSS和JavaScript构建的。

2015年对于网络来说是重要的一年:网络技术已被广泛用于建设网站或网络应用程序之外的各种形式

因此,在本系列的今天中,我们将一些JavaScript和CSS库组合在一起。

Flat Slider是一个Web工具,可用于自定义jQUery UI样式,这曾经是一项非常艰巨的任务,现在要容易得多。

jQuery UI随附了一组通用的Web界面,其中包括Slider (一种允许用户选择一系列数值的UI)。

Web设计人员和开发人员的新鲜资源(2016年2月)

在较旧的不受支持的浏览器中,它可以很好地降级。

基本上,它们可以为您的用户提供最佳的最佳阅读体验。

Utility Open-type是一系列插入类的集合,这些类可应用高级CSS印刷功能,例如字体连字小写大写字母等。

Web设计人员和开发人员的新鲜资源(2016年2月)

响应图像脸部臭名昭著的约束之一是它通常会正确缩放图像,但是当图像缩小到非常小的视口大小时,这会转移图像的主要焦点。

Web设计人员和开发人员的新鲜资源(2016年2月)

您可以具有多个标尺,并将单位从PX切换到EM

您可以使用标尺测量网页,找出元素的大小而无需打开DevTools或弄清楚元素是否居中。

线性是Mac的标尺应用程序。

Web设计人员和开发人员的新鲜资源(2016年2月)

查看演示

它是一个轻量级的插件,带有一些选项来配置页面容器,堆栈部分以及堆栈的盒子阴影。

StickyStack是一个jQuery插件,用于创建堆栈滚动体验,当面板到达视口顶部时,它会粘贴在该视口顶部,而进一步的滚动会拉动下一个面板。

Web设计人员和开发人员的新鲜资源(2016年2月)

该插件带有大量选项,可让您自定义灯箱界面的每一部分

Viewer是用于图片灯箱的jQuery插件-一种流行的放大Web上图片的方式。

更重要的是,它可以运行到Internet Explorer 8。

该插件还提供了一组API和自定义事件,以全面控制灯箱响应和行为。

Web设计人员和开发人员的新鲜资源(2016年2月)

同样,库提供了用于设置框架主题颜色,大小和框架方向的选项。

DeviceMock是一个JavaScript库,可让您创建设备框架或实体模型,例如手机,平板电脑和台式机。

代替使用Photoshop来展示您的网站和应用程序可能是一个不错的选择。

Web设计人员和开发人员的新鲜资源(2016年2月)

您可以通过NPM,Gem(Ruby)以及Photoshop和Illustrator颜色样本来部署这些颜色。

此外,它提倡一组颜色组合 以实现更好的可访问性

Clrs是一项将默认Web颜色重新定义为更友好的现代色调的计划

Web设计人员和开发人员的新鲜资源(2016年2月)

您可以在等待图像完全加载,生成渐变背景或调整相邻界面以适应图像颜色的同时,将提取的颜色用作占位符。

Colorify是一个超轻量级JavaScript库( 最小 3kb),可使用大量API来从图像中提取主要颜色以操纵颜色

Web设计人员和开发人员的新鲜资源(2016年2月)

这是在网站上显示多个图像的一种不错的选择,尤其是当您要展示一个序列或流程时。

BookBlock是jQuery插件,用于创建具有翻页效果的小册子

您可以在此处查看演示 ,以了解BookBlock的工作原理。

Web设计人员和开发人员的新鲜资源(2016年2月)

翻译自: https://www.hongkiat.com/blog/designers-developers-monthly-01-2016/

相关文章: