What are utilities and applications for optimizing CSS code?

Web designers, what would You recommend to the utilities and applications for optimizing CSS code?

came across here such online optimizer

Nobody knows whether there are built-in features in Webstorm?

It is clear that you can and should do, the question is how to do it quickly and automatically)
July 2nd 19 at 13:34
3 answers
July 2nd 19 at 13:36
not interested in the environment for developers
required only in the context of this question, the application to optimize css - Etha_Bro commented on July 2nd 19 at 13:39
: direct standalone app this I am sure does not exist. And what you don't like various modules for node? In principle, the same fact.

There are for example YUI Compressor - gustave_Kertzmann52 commented on July 2nd 19 at 13:42
July 2nd 19 at 13:38
Any autooptimization - make You g...but that is not the fact that will work correctly. Is services for compression:
and you can find them in a search engine a hundred.
Here the article is on the topic:
https://habrahabr.ru/post/306442/
But the correct way is to use css when designing, and use less or sass.
less is at the output of the code that needs optimization
a priori we do not comment Less, simply the question was asked what people enjoyed and can recommend

to use the Yandex know everything, but what real people use in the work that matters - Etha_Bro commented on July 2nd 19 at 13:41
: go to the link? - gustave_Kertzmann52 commented on July 2nd 19 at 13:44
: since You have trouble reading:
cssresizer.com
refresh-sf.com
csscompressor.com - Etha_Bro commented on July 2nd 19 at 13:47
: I'm interested in the answers view
I use this utility and can recommend them
otherwise this website has no benefit, if the response is a sea of links as the search engine - Henderson_Beat commented on July 2nd 19 at 13:50
: I score these links to Your template? - Henderson_Beat commented on July 2nd 19 at 13:53
: You asked for a good system, I gave You a link to their detailed analysis. The authoritative resource on advice, but You need that people (clearly known that among them there is a large % of deer) You were advised that. What is Your logic? You need a good system or popular? - Etha_Bro commented on July 2nd 19 at 13:56
I think that the deer don't come to this site and butt with his hands.
Hope was experienced colleagues and their recommendations for specific utility) - Henderson_Beat commented on July 2nd 19 at 13:59
: Spices in General, do not bullshit. They will advise You if you do not use? But the deer now distribute shit more than Yandex gives. You're a smart man , wrote about gulp, etc. I wrote about less and sass. But You're probably waiting for a deer who found a magic service to reduce css and not knowing how it works and advise you on how magical thing. - Henderson_Beat commented on July 2nd 19 at 14:02
already file based on LESS established, but needs optimization - Etha_Bro commented on July 2nd 19 at 14:05
: and what are we talking about minification or uncss? - Henderson_Beat commented on July 2nd 19 at 14:08
:
already file based on LESS established, but needs optimization

a very controversial statement - Etha_Bro commented on July 2nd 19 at 14:11
: Built-in Webstorm's ability to Inspect the Code, although without it highlights on the scroll bar threat, in his opinion, places. - gustave_Kertzmann52 commented on July 2nd 19 at 14:14
: Dangerous places: no, the question is of optimization - Elmer.Upt commented on July 2nd 19 at 14:17
"dangerous" I meant unnecessary, duplicate property declarations, the use of unabbreviated records for font, background, etc. - Elmer.Upt commented on July 2nd 19 at 14:20
: Optimization of some. Reducing the weight of the css or a quick render? - Etha_Bro commented on July 2nd 19 at 14:23
: : In the comments to the answer of Constantine painted - Elmer.Upt commented on July 2nd 19 at 14:26
July 2nd 19 at 13:40
Better this process separate from the IDE -- to put sinificance and glued the files in the version control system is not necessary, but on the server no one webstorm to put will not. Therefore, gulp/grunt, webpack, cssnano and other scary words.
Webstorm, by the way knows about the tasks gulp. Therefore, to use the system sorcim from the GUI and packaging to develop/stage/prod. But the girl doesn't want "environment for developers" whatever that means. - Etha_Bro commented on July 2nd 19 at 13:43
:
> Webstorm, by the way knows about the tasks gulp.

You are absolutely right. And it's convenient.

> But the girl doesn't want "environment for developers"

And absolutely nothing:) - gustave_Kertzmann52 commented on July 2nd 19 at 13:46
: winless in the connected configuration
Use globally installed less — is WinLess in the compiler used the compiler that is installed via Node.js.
Minify by default — by default, all compiled CSS files are compact — remove spaces, comments, tabs and line breaks.

output file, where they remain not integrated pieces of code

AA, BB, CC {color: red}
dd, vv, qq {color: red}

unfortunately, the optimization in less file does not allow to reduce them

therefore, the question arose that maybe there's something brainy,
type www.css-school.ru/optimiser
(he unfortunately small pieces and eats well, and at large begins to fail) - Etha_Bro commented on July 2nd 19 at 13:49
: I already gave the answer, use the collector projects and under it search for the optimizer, a lot of them. - Henderson_Beat commented on July 2nd 19 at 13:52
:

So I do think that You are the wrong way to solve the problem of the purity code.

1. A strange idea to combine pieces of these pieces of code machine. As the machine learns, it is possible to combine them or not, because the rule specifically stood in another place in the document and something to override.

2. Use the extend in less

3. Use class .red - Henderson_Beat commented on July 2nd 19 at 13:55
: 1) this is a normal thing, if it's skillfully done:) and there are tools that can. - Etha_Bro commented on July 2nd 19 at 13:58

Find more questions by tags CSSWebStorm