Задать вопрос
@EA-EKB

На моей работе одна группа программистов против css-препроцессоров. Пора отсюда бежать?

Доброго времени суток.

Кто - что думает по поводу использования css-препроцессоров с точки зрения удобства при разработке и в последующей поддержке? Лично мне они гораздо удобнее чистого css (структурирование, переменные, миксины и т.д.). Одна группа программистов на моей работе брызжет слюной от ярости при упоминании препроцессоров. От своей же группы я наоборот требую их использовать (с разделением свойств на отдельные файлы, отвечающие за отдельные модули). По мне стандартный CSS получается слишком раздутым и хаотичным. Интересует некая статистика чтоли, как много компаний используют препроцессоры в работе.
  • Вопрос задан
  • 104 просмотра
Подписаться 1 Простой 3 комментария
Пригласить эксперта
Ответы на вопрос 2
wqertAnna
@wqertAnna
В моей компании используют препроцессоры и компонентный подход. К сожалению, приходится поддерживать и проекты, в которых стили представлены css, но это просто неприятная необходимость и все это понимают.

Я влюблена в sass, очень лаконичный синтаксис, что существенно ускоряет верстку, а также очень легко читается, особенно, учитывая, что в компании приняты именования классов по БЭМ.

Мне кажется, группа людей в вашей компании, которая против препроцессоров не стремиться понуждать себя к изучению чего-то нового. К тому же ещё придется изучить сборщики.

Большая часть передовых компаний сделала свой выбор в пользу препроцессоров, мне кажется, это должно быть некоторым аргументом в их пользу.

И да, поддерживать css хоть немного в приличном состоянии намного сложнее.

Я просто не понимаю, как можно вот это
.header-sub-menu

		&__link
			display: block
			padding: 9px 8px 9px 18px
			color: $dark-gray
			+max-width($tablet)
				padding: 9px 20px 9px 40px
				// анимация
				opacity: 0
				transform: translateY(-25px)
				transition: transform .4s .4s, opacity .4s .4s


			&:hover
				background-color: rgba(56, 65, 79, 0.04)
				color: $dark-gray
				+max-width($tablet)
					background-color: transparent


		&__link-item
			font: bold 13px $font
			color: $dark-gray
			+max-width($tablet)
				font-size: 17px


сравнить в этим

.header-bottom .header-sub-menu__link {
  display: block;
  padding: 9px 8px 9px 18px;
  color: #38414f;
}
@media only screen and (max-width: 992px) {
  .header-bottom .header-sub-menu__link {
    padding: 9px 20px 9px 40px;
    opacity: 0;
    transform: translateY(-25px);
    transition: transform 0.4s 0.4s, opacity 0.4s 0.4s;
  }
}
.header-bottom .header-sub-menu__link:hover {
  background-color: rgba(56, 65, 79, 0.04);
  color: #38414f;
}
@media only screen and (max-width: 992px) {
  .header-bottom .header-sub-menu__link:hover {
    background-color: transparent;
  }
}
.header-bottom .header-sub-menu__link-item {
  font: bold 13px "Roboto Condensed", sans-serif;
  color: #38414f;
}
@media only screen and (max-width: 992px) {
  .header-bottom .header-sub-menu__link-item {
    font-size: 17px;
  }
}


Я понимаю, что приведенный мной css это скомпилированный sass и если изначально писать на css, то это выглядит приличнее, но всё равно, это не сильно меняет картину.
Ответ написан
sim3x
@sim3x
Тк вы управленец, то бежать вам не за чем

Настаивайте на использовании препроцессоров и не принимайте код без них
Делайте минилекции как их использовать
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы