How to make your html+css code hard to read for others?

Question

css

Greetings toasters and webbb lovers!
No one can ever fully defend themselves.
But you come across texts, sites, examples where the source code of the page, and whether it's JS, CSS, HTML
is just solid. It is difficult for an uninitiated or a beginner to parse such a text. Everything is going all the way.
The browser eats normally and displays everything as it should.
How is this done and with what tools?

Answer 1

minifycode.com/html-minifier
https://cssminifier.com/
jscompress.com
and a bunch of other similar
ones + there are plugins for gulp, grunt (csso, uglify, etc.)
Minification is not done for protection, but to optimize the weight of the file

Answer 2

There are tons of services for different languages, try searching:
html minify
js minify
......
jscompress.com
https://javascript-minifier.com/

Answer 3

Code optimizers compress code and remove spaces (google: code minimization)
Bang
Bang
Bang

Answer 4

Well, for example, with this

Answer 5

there are a lot of ways from online services to plugins in the editor.

Answer 6

One fig firebug takes everything out

Answer 7

You can make your layout process easier by getting rid of the global css, and make it difficult for third-party developers to read through css modules.
In your code, for example, there will be
.header {}
And the output will be
.component_header_bjfstkcdakb {}