extractCSS is a tool for extracting ids, classes and inline styles from an HTML document and then outputting them as a CSS stylesheet.

CSS Beautifier will automatically format your CSS styles so that they are consistent and easier to read.

CSScomb is a coding style formatter that will sort CSS properties into a specific pre-configured order.

Just like CSScomb and CSS Beautifier above, ProCCSer offers formatting functionalities, but does give you far more control over the output.

CSS Compressor is a handy little app that will minimize and compress your CSS.

StyleStats is a little tool (and Node.js library) for collecting useful CSS stats from any stylesheet. Just input the URL and click ‘parse’.

CSS Trashman examines your site’s live DOM and reverse engineers a new, more elegant definition that captures styles down to the pixel. The generated CSS (or Sass) will be customized for your site and ready to be downloaded and dropped into place.

Live CSS Editor is a Chrome and Safari extension that allows you to freely write CSS rules on any site and instantly see the results.

RQRWDC (Really Quick Responsive Web Design Calculator) is a responsive web design tool that allows you to work out an elements width in % from PX.

Fibonacci is a really handy generator for creating Flexbox layouts.

PatternBolt is a collection of SVG patterned backgrounds, packed into a single CSS/SASS file.

This is a huge collection of inspiring flat UI colors that you can easily copy and paste into your own stylesheet.

This is a tool for quickly generating small CSS animations. Just copy and paste the generated CSS and HTML into your own project.

Shrthnd is a handy tool that converts CSS properties into shorthand, making shorter and more readable stylesheets.

CSSynth is a handy little app that will help to run CSS animations in order.

Create CSS3 is an app that allows you to generate all of the CSS3 code you will ever need quickly and easily, with fallbacks where required.

Duri.me is a Data URI converter that will turn images into base64 encoded strings that can then be inputted directly in your HTML and CSS files.

CSS Vocabulary – A CSS reference library.

NTH-TEST – A nth-child and nth-of-type tester.

 

Source: 25 Free Web-Based Apps For Working With CSS

Tagged: