Форма на сайте = штраф от 100 тысяч. Многие даже не догадываются

В статье объясняют, почему любая форма на сайте может обернуться штрафом до 700 тысяч рублей: владельцы часто не знают, что становятся операторами персональных данных

Very cool animated text

Интересная анимация спирального текста

Автоматический подбор браузером контрастного цвета в CSS

Я покажу, как contrast-color() в CSS сам решает, белым писать текст или чёрным, и как это спасает от визуального позора. Больше никакой ручной игры в угадайку

Bouncy image radio group

Галерея с плавной анимацией при переключении

❓ Зачем используется атрибут async в теге script и когда его применять

Атрибут async указывает браузеру загружать скрипт в фоновом режиме и выполнять его сразу после загрузки, не дожидаясь полной обработки HTML. Это ускоряет загрузку страницы, но может привести к непредсказуемому порядку выполнения скриптов.

✅ Пример:

<script src="script.js" async></script>

📌 В этом примере скрипт начнёт загружаться параллельно с HTML и выполнится, как только загрузится — вне зависимости от состояния DOM.

async удобно использовать для независимых скриптов, таких как аналитика, реклама или внешние виджеты, которые не зависят от DOM и других скриптов. Это помогает улучшить время загрузки страницы.

Card Mouse Hover Effect

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

Как использовать любой 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 и другими устаревшими подходами.