Как сделать свой html+css-код сложно-читаемым для других?

Question

[xenuz]

Приветствую тостерчане и любители веббба!
Полностью защититься не получиться ни у кого и никогда.
Но встречаешь тексты, сайты, примеры, где исходный код страницы, а будь то это JS, CSS, HTML
идет просто сплошняком. Разобрать такой текст непосвященному или новичку сложно. Все идет сплошняком.
Браузер кушает нормально и отображает все как надо.
Как такое делается и с помощью каких инструментов?

Comments

[xenuz]

Артём Петренков: не знал этого. спасибо. просто было интересно.

Answer 1

[kravchenko-me]

minifycode.com/html-minifier
https://cssminifier.com/
jscompress.com
и куча других подобных
+ есть плагины для gulp, grunt (csso,uglify и пр.)
Минификация делается не для защиты, а для оптимизации веса файла

Comments

[xenuz]

спасибо, что-то о весе сразу и не подумал...
точняк!

Answer 2

[IceJOKER]

Есть куча сервисов для разных языков, попробуйте поищите:
html minify
js minify
......
jscompress.com
https://javascript-minifier.com/

Answer 3

[Даниил Игоревич]

Оптимизаторы кода сжимают код и убирают пробелы(гуглить: минимизация кода)
Бац
Бац
Бац

Comments

[Даниил Игоревич]

xenuz есть кнопка "Отметить решением", вам пустяк, а мне + к процентам :)

Answer 4

[dadster]

Ну например с помощью такого

Answer 5

[nort1986]

тут есть масса способов от онлайн-сервисов до плагинов в редакторе.

Comments

[xenuz]

само собой, естественно, однозначно, а спрашивалось то не это...
а конкретно интересно было полюбопытствоватьс

[nort1986]

xenuz: Я бы воспользовался gulp-ом и 2 плагинами к нему 'gulp-minify-css' 'gulp-cssmin' вобщем эти плагины сжимают CSS и плюс меняют его чтобы он сжатым был. После этих плагинов никто твой CSS прочитать не сможет.

Или воспользуйся данным сервисом: csscompressor.com
поставь там: Highest (no readability, smallest size)

И фик кто что моймет, заодно и загрузку сайта повысишь)))))))

[xenuz]

nort1986: отлично, спасибо!

Answer 6

[Игорь Шумиловский]

Облегчить себе процесс верстки, избавившись от глобального цсс, и затруднить чтение сторонних разработчиков можно через css modules.

У Вас в коде, например, будет
.header {}

А на выходе получится

.component_header_bjfstkcdakb {}