在过去的一年，我们已经看到在flexbox布局人气大增，微妙的CSS动画，SVG的用途、结构styleguides，Instagram风格的影响，深入CSS集成了主流的应用，如Photoshop 和 Sketch，和CSS的预处理器，像sass,less，继续得到广泛的接受。

不仅是CSS成熟美丽，在今年得益于许多开源程序的发布，使用这些工具来构建强大的东西变得容易了许多。

把这下面的50个有用的工具添加到你的web工具箱中。在合适的项目中使用合适的工具。

所有的工具，库和框架已被分为以下类别：CSS动画工具和库，CSS实用程序和工具，flexbox工具，CSS工具，响应的Web框架，材料设计框架和一个基于Web的应用程序的小集合。

CSS动画工具和库

Animate Plus

Animate Plus JavaScript库，可以帮助你的CSS属性和SVG动画属性。

Rocket

Rocket 创建Web动画的简单工具。

Tuesday

Tuesday –快速的CSS动画库。

Shift.css

Shift.css –简单的框架来构建时间，包含CSS动画

MOTION UI

MOTION UI – Sass library for creating flexible CSS transitions & animations.

Transformicons

Transformicons – 动画图标，使用SVG和CSS符号和按钮

更多的CSS动画工具，你应该看一下这篇: CSS Animation Tools, Frameworks & Tutorials.

翻译原文：http://speckyboy.com/2015/12/06/css-tools-frameworks-libraries-2015/

未完待续。