Поздно пришёл к LESS, но понял — препроцессоры не умерли. Рассказываю, как я использую его для интерфейсов, делаю параллели с языками программирования и вспоминаю Алана Кея.

Сделана на чистом CSS

Покажу, как генерировать код из OpenAPI и мокаю запросы, чтобы автоматизировать разработку и не страдать каждый раз, когда фронт и бэк снова не договорились.

Сделан на SVG, CSS и JS

const users = [
  { name: "Alice" },
  { name: "Bob" },
  { name: "Charlie" }
];

users.forEach(user => {
  console.log(`Hello, ${user.name}!`);
});
// ➜ Hello, Alice!
// ➜ Hello, Bob!
// ➜ Hello, Charlie!

forEach() удобно использовать при отрисовке, логировании, модификации DOM, отправке запросов или любой логике, где важны действия, а не результат. Это читабельнее, чем обычный for и избавляет от лишней ручной работы с индексами.

Сделан на SVG, CSS и JS

Задолбался формулировать промты ИИ для SQL-оптимизации. Сделал тул, который сразу анализирует запрос и даёт рекомендации — никакого диалога, просто результат. Удобно и по делу.

Сделан на SVG и SCSS