#lesscss — Public Fediverse posts

Как я полюбил LESS и с его помощью добавил в CSS статическую типизацию на основе венгерской нотации (часть 3)

В первой части я рассказывал об основах CSS-препроцессора LESS : переменных, миксинах, и некоторых полезных приёмах. Во второй — про автоматическую проверку файлов с картинками и генерацию CSS из них же прямо в процессе компиляции, про то, как сделать изображения адаптивными, про миксины в роли функций и про основы написания LESS-плагинов на Javascript'е (они сильно расширяют базовые возможности LESS). Cегодня же мы погрузимся в тему плагинов достаточно глубоко и добавим в CSS… ни много ни мало — статическую типизацию с валидацией! Которая, как и полагается системе статических типов, позволит отлавливать семантические ошибки ещё на уровне компиляции, а значит — писать более безопасный CSS-код с меньшим количеством сюрпризов. Кроме того, мы попробуем сделать систему разрешения потенциальных конфликтов, связанных с глобальностью таких элементов CSS, как анимации. Полный код плагина ищите в конце статьи . В процессе же поговорим о разных тонкостях написания миксинов, которые могут быть полезны. Добро пожаловать под кат!

https://habr.com/ru/companies/timeweb/articles/951476/

#css #less #вёрстка #ui #интерфейсы #препроцессор #препроцессоры #lesscss

Probably making some #frontenddev somewhere cry right now. Got fed up with a gigantic #monolithic #CSS that was kinda a nightmare to navigate and grasp.

So now I'm rewriting it in #lesscss. Which probably is not the hip #tool anymore.

But at least I can wrap my head around the code, and where to change what.