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

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

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

🔗 Открыть код

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

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

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

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

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

Cube & Dots Loader Анимированная загрузка в виде точек и куба

Как я навайбкодил ИИ-переводчик для браузера, потому что остальные — унылый мусор Я починил плохой перевод силами ИИ, написав расширение при помощи ИИ. И я удивлён, что до сих пор такого не сделали.

Seal of gravity Сцена с кнопкой и анимированным тюленем

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

const users = [
  { name: "Alice", age: 25 },
  { name: "Bob", age: 30 },
  { name: "Charlie", age: 28 }
];

const names = users.map(user => user.name);
console.log(names);
// ➜ ["Alice", "Bob", "Charlie"]

📌 В этом примере map() извлекает имена пользователей и формирует новый массив.

map() удобно использовать при трансформации данных: генерации списков для отрисовки в интерфейсе, подготовке значений для таблиц, фильтров, автозаполнения. Метод делает код лаконичным, чистым и декларативным.

Scroll-Driven Dock Настраиваемая панель инструментов