Форум Сайтостроение Веб-строительство

Программа для правильного оформления CSS и HTML.

12
Окзай
На сайте с 11.11.2018
Offline
17
Окзай
913

Здравствуйте. Собственно вопрос по сабжу. Есть ли такое в природе? А то ручками устал правильное и человеческое оформление css делать. Не спрашивайте "зачем", пожалуйста. :crazy:

Те кто пишут css таким образом - 


.section {margin-bottom:30px;}

.section-title {margin-bottom:15px; line-height:40px;}

.section-title h2, .section-title h1 {font-size:16px; text-transform:uppercase; display:inline-block; float:left;}

.section-actors {background:#3b4054 url(../images/slider.jpg) center top no-repeat; background-size:100% auto;  color:#fff;}

.actors-items {padding:0px 15px;}

ГОРИТЕ В АДУ, НЕЛЮДИ!

Оптимизайка
На сайте с 11.03.2012
Offline
396
Оптимизайка
#1

https://www.npmjs.com/package/cssbeautify

онлайн: https://www.freeformatter.com/css-beautifier.html

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!
Окзай
На сайте с 11.11.2018
Offline
17
Окзай
#2
Оптимизайка:
https://www.npmjs.com/package/cssbeautify
онлайн: https://www.freeformatter.com/css-beautifier.html

Огромное спасибо!

Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#3
Окзай:

Те кто пишут css таким образом -

ГОРИТЕ В АДУ, НЕЛЮДИ!

Его так не пишут, его так сжимают. Вроде :)

Окзай
На сайте с 11.11.2018
Offline
17
Окзай
#4
ziliboba0213:
Его так не пишут, его так сжимают. Вроде :)

Не знал. Извиняюсь тогда. Не нужно в аду гореть. 😂

А для чего это делается? Увеличивает скорость загрузки?

Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#5
Окзай:

А для чего это делается? Увеличивает скорость загрузки?

Для уменьшения размера файла. Сектанты, что с них взять :)

S
На сайте с 13.10.2014
Offline
171
silicoid
#6

приведенный вариант - это один из способов записи цсс, который был популярен в середине нулевых. Например так были заверстаны все "из рук в руки" во второй версии дизайна.

таким образом экономится трафик.

сейчас, разумеется, представление о правильном цсс отличается разительно.

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

ТИЦа больше не будет Как там себя чувствует На ваш взгляд читают
altezzik
На сайте с 06.11.2011
Offline
247
altezzik
#7
Окзай:
А для чего это делается? Увеличивает скорость загрузки?

Может быть пишут не на чистом css, а на less или sass. А компилятор интерпритирует в таком виде.

S
На сайте с 30.09.2016
Offline
469
Sitealert
#8

Кроме сокращения файла, есть ещё один профит - на каждой строке стили для конкретного элемента. Лично мне такие файлы удобнее читать и править.

Отпилю лишнее, прикручу нужное, выправлю кривое. Вытравлю вредителей.
Z0
На сайте с 03.09.2009
Offline
827
ziliboba0213
#9
Sitealert:
Кроме сокращения файла, есть ещё один профит - на каждой строке стили для конкретного элемента. Лично мне такие файлы удобнее читать и править.

Я так не могу, у меня постоянно стили уползают в блокноте за экран, чуть мышкой не туды ткнешь - и перескакивает на другую стоку :)

altezzik
На сайте с 06.11.2011
Offline
247
altezzik
#10
ziliboba0213:
Я так не могу, у меня постоянно стили уползают в блокноте за экран, чуть мышкой не туды ткнешь - и перескакивает на другую стоку :)

В notepad++ можно сделать, чтобы автоматически разбивалось по краю экрана.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий