CSS or Cascading Style Sheet is still the most popular language for website development.Whether you are a professional developer or a newbie,sometimes coding can be a tedious job and can take too much time.Thus,many time saving CSS tools have been released and they are really very helpful for web developers in order to quicken the coding process.
Here are a few favourite CSS tools to enable you create working design elements.
Preboot
Preboot is a collection of LESS mixins and variables for quickly writing CSS. As the precursor to Bootstrap, it serves as a lightweight and interface agnostic approach to jumpstarting your next web project. Use it how you see fit.
Source
CSS Modal
Modals built out of pure CSS.The modals are designed using responsive web design methods. They work on all screen sizes from a small mobile phone up to high resolution screens.You can use CSS Modal as Sass plugin and apply it to your custom classes. No need to understand all the code.
Source
Recess
A simple and attractive code quality tool for CSS built on top of LESS
Source
DiagnostiCSS
Diagnostic CSS stylesheet that helps visually detect any potentially invalid, inaccessible or erroneous HTML markup.
Source
Animate.css
animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness.
Source
Magic
Magic is a CSS3 framework with many animations. Is simple to use and many animations are cross-browser compatible.
Source
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.
Source
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.
Source
Thanks for the post!
I’m the owner of http://www.generatecss.com and I think you should add my site to your list as well because it contains a lot of innovative tools like image gallery generators, font generators and even one to create tooltip arrows!
Good luck with your site.
One more useful tool
http://cssbeautifier.com