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

Где хибара деревянная, а где град каменный: сказ о сайтах простых и сложных Когда стоит задача «нужен сайт», то есть три пути: шаблон, конструктор и разработка с нуля. Разбираемся, когда не стоит экономить, а когда лучше вообще не начинать.

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

Перенаправления в Angie: return, rewrite и примеры их применения В этой статье мы разберём все основные методы перенаправлений: от простых до сложных. Начнём с общего принципа обработки директив в модуле rewrite.

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

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

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

const hasAdmin = users.some(user => user.isAdmin);
console.log(hasAdmin); // true

📌 В этом примере some() вернёт true, потому что в массиве есть хотя бы один пользователь с isAdmin: true.

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

CSS-only Custom range slider Интересный слайдер с динамичным отображением

Как сделать ужасный для пользователя интерфейс. Коллекция HTML/CSS лайфхаков Собрал коллекцию HTML и CSS-ужасов для тех, кто вдруг решил саботировать интерфейс. Всё максимально вредно, эффективно и бесит пользователя до искр в глазах

3D wave animation Анимированная галерея с эффектом волны

Настройка location в Angie. Разделение динамических и статических запросов Объясняю, как работает директива location в Angie и зачем она вообще нужна. Разбираемся, как сервер понимает, что отдавать: статичку, динамику или вообще 404

Toggle Pill Набор переключателей с разными стилями анимаций