Как использовать любой CSS-фреймворк в вашем проекте

Автор показывает, как настроить Bootstrap Alert под свой стиль через SCSS и дизайн-систему, чтобы больше не страдать от серых прямоугольников по умолчанию

Text-Animation-test

Простая сцена с анимированным текстом

Как устроен event loop в Node.js

Разбирается внутрянка Node.js: что делает libuv, зачем фаз столько и как всё это уживается в одном потоке. После прочтения цикл событий больше не будет магией.

Single Keyframe Tricks

Большой набор анимированных кнопок

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

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

✅ Пример:

const fruits = ["apple", "banana", "orange"];
const hasBanana = fruits.includes("banana");
console.log(hasBanana); // true

📌 В этом примере includes() возвращает true, потому что значение "banana" присутствует в массиве.

includes() удобно использовать при валидации, фильтрации, поиске совпадений, а также при условной отрисовке в UI. Он делает код короче и читаемее по сравнению с indexOf и другими устаревшими подходами.

Toggle Pill

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

Настройка location в Angie. Разделение динамических и статических запросов

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

3D wave animation

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

Как сделать ужасный для пользователя интерфейс. Коллекция HTML/CSS лайфхаков

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

CSS-only Custom range slider

Интересный слайдер с динамичным отображением