Как разработчики убивают бизнес

Рассказываю, как программисты с опытом в проектах всех мастей сливают деньги компании — не багами, а поведением. Прагматично, жёстко, с прицелом на деньги. PM-ам читать дважды

Fancy Fading Footer

Подвал с анимированным размытием при скролле

Практическое руководство по иконкам в веб-проектах — Часть 1

Все ставят иконки, но мало кто думает, как. В этой статье разбираюсь, где, зачем и почему иконки работают (или не очень) в интерфейсе. Без теории — только практическое применение

Infinitely drawing icons

Интерактивный фон с эффектом при перемещении курсора

❓ Зачем используется метод find() в JavaScript и когда его применять?

Метод find() возвращает первый элемент массива, который удовлетворяет заданному условию. Это удобно, когда нужно найти одно подходящее значение, а не все.

✅ Пример:

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

const adminUser = users.find(user => user.isAdmin);
console.log(adminUser); // { name: "Bob", isAdmin: true }

📌 В этом примере find() вернёт объект пользователя Bob, так как он первый в массиве с isAdmin: true.

find() удобно использовать при поиске по коллекциям, например, чтобы получить конкретный объект по условию (email, ID, статус и т.д.). Это сокращает код и избавляет от ручного перебора, особенно при работе со сложными структурами.

Sphere Packing

Интерактивная сцена с шарами

Как переносить «висячие» слова на следующую строку с помощью JavaScript

Для автоматического предотвращения переносов после коротких слов можно использовать JavaScript, который заменяет обычные пробелы на неразрывные пробелы ( ) после определённых слов.

Cards with inverted border-radius

Карточки товаров с интересным решением для кнопки

Как я масштабировал систему уведомлений трекера ошибок Хоук

Я пересобрал систему уведомлений в трекере Хоук: отказался от тупого спама, придумал фильтрацию важных событий, и сделал воркера, который не выжигает CPU при нагрузке. Всё по делу и с цифрами

Scroll Trigger Image Zoom

Страница с эффектом зума при скролле