- 1
- 2
- 3
- 4
- 5
- 6
Не так давно "syoma" изрыгнул из себя гейзер говна по поводу неоднородности HTML-атрибутов ("required="required"", "autocomplete="off"" и т.д.).
В "CSS" подобной хуеты не меньше:
"outline:0;"
"float:none;"
"background-repeat:no-repeat;"
Нашли или выдавили из себя код, который нельзя назвать нормальным, на который без улыбки не взглянешь? Не торопитесь его удалять или рефакторить, — запостите его на говнокод.ру, посмеёмся вместе!
+1
Не так давно "syoma" изрыгнул из себя гейзер говна по поводу неоднородности HTML-атрибутов ("required="required"", "autocomplete="off"" и т.д.).
В "CSS" подобной хуеты не меньше:
"outline:0;"
"float:none;"
"background-repeat:no-repeat;"
Но CSS вообще говно
необходимость использовать LESS или SASS чтобы на нем нормально писать как-бы намекает)
"visibility".
>>>"LESS или SASS"
Очередное нагромождение. Для превращения в "CSS", как я понимаю, опять потребуется ваш любимый энпээмчик, которым уже все уши проебали?
точно
>>энпээмчик
что угодно, разные есть способы поставки. Важно что наследование, миксины и вложенность спасает от копипасты, но тебе не понять
чтобы понимать чем копипаст плох достаточно быть программистом, так что забей: не твоя это тема
как нормальные фронты решают проблему расхождения собранных стилей в браузере с исходниками?
компиляция же, webpack, то-сё
Потом я смотрю в браузере инспектором элемент, вижу width: 42%;
Как мне узнать, в каком файле и на какой строке получил это значение это свойство, если я хочу поменять его на 43%?
Именно из-за наследования и миксинов просто поиск по классу обычно не поможет.
Тут нужно было либо изначально придерживаться бем, либо ты в большой жопе. Или есть какие-то средства для этого?
SourceMaps
https://medium.com/@toolmantim/getting-started-with-css-sourcemaps-and-in-browser-sass-editing-b4daab987fb0
Это такие "дебаг символы" для фронтэнда
Тоже и для JS есть
CSS sourcemaps allow the browser to map CSS generated by a pre-processor, such as Sass, back to the original source file, including exactly which Sass mixin, placeholder or variable is responsible for a given line of CSS.