Web设计人员和开发人员的新资源（2012年11月）

这个月，我们有一些很棒的免费工具和资源值得尝试，从创建酷炫的照片效果的插件到真正的酷炫过渡让内容和图像滑动的插件。

有许多新的出色工具和资源可以使Web设计师和开发人员在工作中发挥更大的作用。

因此，让我们检查一下。

Proto基于SCSS构建，可通过提供准备使用的预定义CSS类，定义响应网格和某些特定于设备的类来快速构建响应式布局原型。

这使得该工具对于完成工作非常有帮助。

响应式网页设计现在正成为创建网站的标准做法。

只需在需要显示网格时单击书签即可。

这非常方便，只需将其拖放到“书签”栏中。

该工具将在您正在查看的网页上显示一个覆盖网格。

如果您正在使用Bootstrap或Foundation等自适应设计框架，则可能需要此书签来跟踪浏览器中的网格。

如果您想在您的网站上采用这种风格，BootMetro可能就是您所需要的。

Windows 8应用了Metro设计语言的简单性。

有了它，您可以指定和个性化主题名称，描述，作者，特别是主题标签，这些主题一旦下载包即适用于主题功能，因此您将获得诸如theme_slug_function类的theme_slug_function 。

Internet上有许多WordPress入门主题，但没有其他主题比Underscores更好。

如果要对网站应用类似的效果，则可以使用JavaScript动画库Jarallax来创建视差效果（几乎没有时间）。

就像您在这样的网站上看到的视差效果一样 ？

在此处查看演示。

然后检查Windy ，它使用3D转换以一种真正独特的方式运行内容。

您是否对只能水平移动的画廊滑动效果感到厌倦？

如果要在照片库中应用这种效果，只需使用此JavaScript库TiltShift.js。

在这篇文章中检查我们收集的此类照片： “倾斜摄影” 。

简而言之，摄影中的tiltShift是一种使照片看起来比实际尺寸更小，几乎像微型照片的技术。

因此，我们可以完全自定义外观以匹配我们的网站。

与其他滑块不同，Sequence没有自带的内置主题。

Sequence.js是具有一些高级过渡效果的响应式jQuery滑块插件。

因此，如果您想让jQuery UI具有不同的外观 ，但又不想让CSS弄脏您的手，您可以简单地将默认CSS样式替换为Delta ，这是jQuery UI的一个漂亮主题。

但是，默认主题很无聊。

jQuery UI是一组完整的通用Web用户界面和交互，易于使用。

翻译自: https://www.hongkiat.com/blog/fresh-resources-for-designers-and-developers-november-2012/