Comments 25
Я понимаю, что вы привыкли. Но если вы правда писали это для новичков, то почему бы не дать примеры на CSS, а не на Sass? Вы даже не упоминаете это нигде и случайному человеку это кажется нормальным. Он копирует код, сохраняет и ничего не работает.
Вы даже не упоминаете это нигде
Во всех полных примерах с CodePen соответствующие вкладки недвусмысленно называются «LESS» и одним нажатием кнопки происходит переключение на скомпилированный CSS, если он нужен.
Он нужен, потому что в заголовке статьи написано «CSS», а не «SASS».
Занудство часто спасает от печальных последствий. И все же не все используют препроцессоры. Наоборот сейчас мода на них идёт на убыль с приходом кастомных свойств и предложением введения вложенности в самом CSS.
На Хабре же, C# девелопер может прочитать вашу статью, чисто из интереса «Что-там новенького и интересного в веб-разработку завезли?». Как я и сделал.
А что есть этот «SASS» и препоцессоры от меня так же далеко, как для вас WPF-контролы. Но узнаю о том, что это не CSS, и что это вообще такое, я, почему-то, из комментариев.
Не надо так.
Тут важна идея. Не стоит просто копировать код в свой проект. Вот например, первый пример с обратным поворотом дочернего элемента, вроде элементарно, но многие не догадываются. А когда прочитаешь, в голове остается, что так делать можно.
Когда читаешь много таких штук, многое остается в голове, и при случае будет использовано.
я только одного не понял: зачем во все примеры пихать исходники фона (svg) и какой-то левый шрифт? это только усложняет разбор стилей.
5 приемов работы с CSS, о которых вам следует знать