Как навести порядок в html и css коде?

Question

[Максим Тюльпаков]

Чем лучше всего это сделать? Есть ли онлайн инструменты такого типа или плагины?
Как Вы делаете код красивым?

Answer 1

[Sanan Yuzb]

плагин Beautify в Brackets и Atom

Answer 2

[Юрий]

если ты про форматирование - ctrl + alt + L в шторме (webstorm or phpstorm)

Comments

[Максим Тюльпаков]

в nc++ :) Но если это существует в вебшторме, тогда ради этого воспользуюись и им. Спасибо!

[Юрий]

Максим Тюльпаков: nc++ совсем не серьезно для полноценной работы.

[Максим Тюльпаков]

Юрий: спасибо за рекомендацию. Сменю значит. Мне он нравится своей легкостью...

[Максим Тюльпаков]

и бесплатностью :)

[Юрий]

Максим Тюльпаков: для нормального разработчика главное продуктивность, если комп тянет только n++ то печально. с штормом производительность возрастает, меньше лишних движений, меньше ошибок, все встроено.

[Юрий]

с ужасом вспоминаю время до него, хотя тоже пользовался иде, другой

[Максим Тюльпаков]

Юрий: а как Вам Brackets?

[Юрий]

Максим Тюльпаков: не использовал

Answer 3

[littleguga]

Не пишу говнокод :D

А если серьезно, то смотря что Вы имеете ввиду - если простые отступы и просто стиль, то как выше уже подсказали - ctrl+alt+L в phpStorm или webStorm.
Если в целом про порядок к html и css, то шаблонизаторы для первого. sass/stylus/less для второго, разбиваете на много файлов по папкам(в гайдах sass есть примеры/рекомендации по структуре каталогов) и собираете через gulp.

Answer 4

[VZVZ]

Есть средства типа jsbeautifier.org но они ж тупые, с шаблонными решениями. Это только для деобфускации/деминификации. Там хоть какое-то форматирование уже хорошо.

А если свой код писать, то надо просто пользоваться IDE, которая делает табы и пр. форматирование, хотя бы Notepad++.
А эти средства - если и применять, то осторожно.
Иногда лучше написать так:
if (условие) { команда(); }
if (условие) { команда(); }
Нежели вот так (как сделает такое средство):
if (условие) {
команда();
}
if (условие) {
команда();
}

Comments

[Сергей delphinpro]

>> Иногда лучше написать так:
никогда так не лучше.

[VZVZ]

Сергей: нет, лучше, если команда всего 1, легко помещается на экране, и больше их не планируется. Вот скажем опускать "лишние" { } в таком случае и вправду не стоит: а вдруг все-таки еще что-то добавится, скажем, alert или console.log для дебага.