为Web开发人员推荐2014年13个最新的CSS工具

jopen 10年前

1) CSS Tool - spinkit

SpinKit uses CSS animations to create smooth and easily customizable animations. The goal is not to offer a solution that works in every browser—if you’re supporting browsers that haven’t implemented the CSS animation property (e.g. IE9 and below), you’ll want to detect support for the animation property, and implement a fallback

2) CSS Tools – slowjs

slow.js is a small script used to slow down CSS transition durations by a predefined factor on a key press event.

3) CSS Tool - animate.css

4) CSS Tools - getpreboot

Preboot has been reborn with many of the LESS variable and mixin improvements from Bootstrap, along with some new enhancements, too. It’s one of the lightest and most powerful tools for CSS development without any prebuilt components.

5) CSS Tools - lesshat

6) CSS Tools - recess

Developed at 推ter to support our internal styleguide, RECESS is a simple, attractive code quality tool for CSS built on top of LESS.

7) CSS Tools - myth

Myth is a preprocessor that lets you write pure CSS without having to worry about slow browser support, or even slow spec approval. It’s like a CSS polyfill.

8) CSS Tools - typebase.css

Typebase.css is a minimal, customizable typography stylesheet. It has both less and sass versions so it can easily be modified and merged into modern web projects. It provides all the necessary scaffolding for good typography without adding any aesthetics. It is built to be modified as projects evolve and grow, and plays nice withnormalize.css.

9) CSS Tools - stylie

10) CSS Tools - Hover

A collection of CSS3 powered hover effects to be applied to call to actions, buttons, logos, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS and SASS.