Фронтенд Гайд

⚙️ Альтернатива чатам с ИИ для анализа и оптимизации SQL запросов

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

🔗 Читать статью

👩‍💻 Hover Glyph Button — Кнопка с анимированным эффектом при наведении.

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

🔗 Открыть код

❓ Зачем используется метод forEach() в JavaScript и когда его применять? Метод forEach() выполняет переданную функцию один раз для каждого элемента массива. Это удобно, когда нужно пройтись по массиву и совершить действия, не создавая новый массив. ✅Пример:

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

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

📌В этом примере forEach() перебирает всех пользователей и выполняет побочный эффект — выводит приветствие.

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

👩‍💻 Collapsible Timeline — Таймлайн с возможностью раскрывать пункты.

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

🔗 Открыть код

🧠 Frontend и OpenAPI: генерация клиента, мокирование API и данных с помощью MSW

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

🔗 Читать статью

👩‍💻 Diorama — Анимированная загрузка в виде точек и куба.

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

🔗 Открыть код

👵 Старьё? Нет, проверенная классика CSS

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

🔗 Читать статью

Diorama Интерактивная диорама в виде мини ПК

Простой веб-сайт На этом сайте — не музей, а живое путешествие по памяти о старом вебе. Рассказываю, как и почему воссоздал дух начала 2000-х, где iPhone не было, а сайты писались в Блокноте