vs2015 web开发_Web设计人员和开发人员的新资源（2015年6月）

您可以相信本系列已经运行了将近3年吗？ 在短时间内，我们为网页设计师和开发人员提供了至少30个最新资源清单。 我们将通过6月的新编译来保持这种状态。

在此汇编中，我们将研究一些JavaScript库，这些库用于显示滑块，数据表的滚动更流畅，滚动到顶部的按钮具有很酷的升降效果。

让我们检查一下。

Medium因其设计而广受赞誉； 布局和用户界面似乎经过了深思熟虑。 最重要的是，它还激励Web开发人员开发JavaScript或CSS库来复制UI。 Medium Style Confirm是一个JavaScript库，类似于Medium中的弹出窗口或对话框。

企鹅是一个新的前端框架，您可以将其用作网站的基础。 使用Grunt和Sass之类的工具，您可以轻松地在框架外添加或删除不需要的库或CSS，从而使其尽可能轻巧。 对于Bootstrap和Foundation来说，它也是一个很好的选择 。

您是否在网站上看到过该按钮，可让您向上滑动到页面顶部？ 大多数按钮只是将您带到顶部，但是通过Elevator.js，您将获得类似于电梯，音乐和“叮！”的滑动加速效果。 到达顶层后就会发出声音。 非常好！

X-Instagram是Polymer自定义元素， 可按标签提取并显示来自Instagram的图像 。 这个元素使整个过程变得容易得多。 我们只需像常规HTML元素一样添加元素，然后将tag关键字指定为元素属性。

<x-instagram tag="hipster" count="10"></x-instagram>

让魔术开始吧！

CamanJS是一个很棒的用于图像处理JavaScript库。 它带有通常在图像编辑器中找到的功能集。 您可以将图像变成黑白模糊，甚至增加对比度。

Clusterize.js是一个JavaScript库，在处理表中的大量数据时将提高性能。 当您向下滚动列表（例如5000）的表时，通常情况下，体验会变得漫长而生涩。 该JavaScript库将解决此问题，使滚动动作始终顺利进行。

Sit the Test是一系列问题，用于评估您对CSS3，HTML5和JavaScript的技能和知识。 每个测试都会给出一些问题，并且在有限的时间内完成所有这些问题。 这是了解我们在这些语言方面真正有多强的好资料 。

这是可以嵌入HTML和CSS的特殊本机Unicode符号的集合。 这些字符包括箭头，货币和标点符号。 有时，您会发现不需要字体图标来显示这些字符。

Flickity是一个JavaScript库，用于在您的网站上显示轮播，图库或滑块。 针对触摸屏进行了优化； 您可以用手指毫不费力地滑动转盘，如果您使用的是笔记本电脑，则可以使用触控板轻松滑动。 它还带有许多选项，允许您以任何喜欢的方式进行完全自定义。

Typeslab是创建Slab型海报的便捷工具。 只需编写内容并选择字体，Typeslab就会立即生成海报。 然后，您可以下载它或在Imgur中发布它。

Matchmedia是一个复制CSS媒体查询的库。 该库实际上并不是那么新鲜，但是它是我决定列出的一个非常有用的库。 如果您需要根据用户视口大小或媒体类型进行脚本编写，那么这就是您想要的库。

以下是用于以320px及以下视口大小运行脚本的示例：

if (matchMedia('only screen and (max-width: 320px)').matches) {

}

Sass Burger带有Mixin，可让您创建“汉堡”图标并将其变成带有十字标记的标记，从而减少了麻烦。

马克思是CSS样式规则的集合，以使元素样式更加一致。 它是可定制的（使用Sass），轻巧并且可以直接使用。 一个很好的选择，可以替代已经流行CSS重置工具（如Normalize.css）。

CSS.js用于解析CSS文件以进行样式声明。 该库最初是由Jotform的团队使用的，用于构建所见即所得CSS表单编辑体验。 现在他们已经开源它供我们所有人使用。 值得保存，以防万一您以后需要它。

翻译自: https://www.hongkiat.com/blog/fresh-resources-for-web-developers-jun-2015/