⚙️ Я запрещаю вам margin

Я показываю, почему выбраковываю margin: перехожу на gap, даю лишние обёртки ради независимости узлов. Итог — чище код и предсказуемые отступы. Будут примеры и возражения.

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

👩‍💻 Order button animation — Анимированная кнопка "Оформить заказ"

Сделана на CSS и JS

🔗 Открыть код

⚙️ HTML и CSS осенью 2025. Эти новые фичи я рекомендую изучить прямо сейчас

Покажу свежие фишки HTML/CSS, которые уже поддерживаются: что они чинят, где применить, на что смотреть. Короткие примеры, ссылки и мои фавориты — чтобы выбрать, что копать глубже.

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

👩‍💻 Morphing Submit Button — Анимированная кнопка загрузки после нажатия на "Submit"

Сделана на CSS, SVG и JavaScript

🔗 Открыть код

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

Свойство value позволяет получить или изменить текущее значение элементов форм — таких как <input>, <textarea> или <select>. Это основной способ работы с пользовательским вводом на стороне фронтенда.

✅Пример:

<input id="nameInput" type="text" placeholder="Введите имя">
<script>
  const input = document.getElementById("nameInput");
  input.value = "Alice"; // Установим значение

  console.log(input.value); // Получим текущее значение ➜ "Alice"
</script>

📌В этом примере value сначала задаёт значение в поле ввода, а затем позволяет его прочитать.

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

👩‍💻 SVG background animation — Медленный круговорот звёздного неба в качестве фона для вашего сайта

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

🔗 Открыть код

⚙️ Деструктуризация в JavaScript

Разберу деструктуризацию в JS на примерах: изъятие значений, пропуски, значения по умолчанию, rest/спред, частые ловушки. Коротко и практично.

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

👩‍💻 Steam Library App Portrait Card Effect — Очередной эффект при наведении на карточки

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

🔗 Открыть код

⚙️ SRE на Frontend`е

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

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

👩‍💻 Menu Animation — Заливка пунктов меню, которое появляется при нажатии на бургер-кнопку

Сделана SCSS

🔗 Открыть код