web项目开发人员配比_Web设计人员和开发人员的新鲜资源(2016年2月)

2015年对于Web来说是重要的一年:Web技术已被广泛用于建设网站或Web应用程序之外的各种形式 。 现在,许多移动和桌面应用程序都是使用HTML,CSS和JavaScript构建的。 网络技术和库(例如React.js, AngularNode.js)的可移植性使之成为可能。

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

jQuery UI带有一组通用的Web界面,其中包括一个Slider —一种UI,允许用户选择一系列数值。 Flat Slider是一个Web工具,可用于自定义jQUery UI样式,这曾经是一项艰巨的任务,现在要容易得多。

jQuery UI主题生成器界面

Utility Open-type是一系列插入类的集合,这些类可应用高级CSS印刷功能,例如字体连字大写小写字母等等。 它们基本上可以为您的用户提供最佳的最佳阅读体验。 在较旧的不受支持的浏览器中,它的性能会下降。

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

具有响应能力的响应照片的艺术指导

线性是Mac的标尺应用程序。 您可以使用标尺测量网页,无需打开DevTools即可确定元素的大小,也无需弄清楚元素是否居中。 您可以具有多个标尺,然后将单位从PX切换到EM

Mac应用程式适合进行网路开发。

StickyStack是一个jQuery插件,用于创建堆栈滚动体验,当面板到达视口顶部时,它会粘贴在该视口顶部,而进一步的滚动会拉动下一个面板。 它是一个轻量级的插件,具有一些选项来配置页面容器,堆栈部分以及堆栈的盒子阴影。 查看演示

粘性页面滚动UI

Viewer是用于图片灯箱的jQuery插件-一种流行的放大Web上图片的方式。 该插件带有大量选项,可让您自定义灯箱界面的每一部分

该插件还提供了一组API和自定义事件,以全面控制灯箱响应和行为。 更重要的是,它可以运行到Internet Explorer 8。

一个简单的jQuery图像查看插件。

DeviceMock是一个JavaScript库,允许您创建设备框架或实体模型,例如电话,平板电脑和台式机。 同样,库提供了用于设置框架主题颜色,大小以及框架方向的选项。

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

使用JavaScript创建设备模型

Clrs是一项将默认Web颜色重新定义为更加友好的现代色调的计划 。 此外,它提倡一组颜色组合 以实现更好的可访问性 。 您可以通过NPM,Gem(Ruby)以及Photoshop和Illustrator颜色样本来部署这些颜色。

更好的标准网页颜色

Colorify是一个超轻量级JavaScript库( 最小 3kb),可使用大量API来从图像中提取主要颜色以操纵颜色 。 您可以在等待图像完全加载,生成渐变背景或调整相邻界面以适应图像颜色的同时,将提取的颜色用作占位符。

JavaScript库,用于提取图像中的颜色

BookBlock是jQuery插件,用于创建具有翻页效果的小册子 。 这是在网站上显示多个图像的一种不错的选择,尤其是当您要展示一个序列或流程时。

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

带有jQuery的类似小册子的组件

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值