Введение в JavaScript Temporal API
Каким бы ни было ваше мнение о JavaScript, но всем известно, что работа с датами на чистом JS — это
Читать далее
Когда и как выбирать между медиа запросами и контейнерными запросами
Все, кто следит за последними событиями в мире адаптивного дизайна, согласятся, что введение контейнерных запросов CSS меняет правила игры. Это
Читать далее
CSS следующего поколения: @container
Новое свойство @container дает нам возможность стилизовать элементы в зависимости от размера их родительского контейнера. Вы можете думать об этом
Читать далее
Как я использовал ChatGPT для создания игры
Кратко о моем опыте работы с ChatGPT, о том, как я генерирую сюжет, всю историю, снаряжение и механику для своей
Читать далее
Укрощение Cascade с помощью БЭМ и современных селекторов CSS
Как, иногда кажется что все технологии в мире фронтенд-разработки, в том числе написание CSS в формате БЭМ (writing CSS in
Читать далее
CSS: line-clamp
Свойство line-clamp обрезает текст до определенного количества строк. Спецификация для него в настоящее время находится в статусе Working Draft (WD)
Читать далее
Обзор веб-исследований 2022 г.
Мы (https://css-tricks.com/) завели традицию обозревать все популярные исследования в конце каждого года. Мы сделали это в 2020 году и еще
Читать далее
Реактивность в Javascript
Что такое реактивность? Это способность фрагмента кода автоматически обновляться или перерисовываться в ответ на изменения в данных, к которым он
Читать далее
Псевдокласс CSS :has()
Псевдокласс CSS :has() выбирает элементы, которые содержат другие элементы, соответствующие селектору, переданному в его аргументы. Его часто называют «родительским селектором»
Читать далее
Сила шаблона проектирования Интерпретатора (Interpreter) в JavaScript
В этом посте мы рассмотрим шаблон проектирования Интерпретатор (Interpreter) в JavaScript. Мы реализуем Интерпретатор, а также основные грамматические представления анализируемого
Читать далее
Веб-автоматизация: не используйте Selenium, используйте Playwright
Для веб-автоматизации/тестирования Selenium всегда был стандартом де-факто. С ним легко начать работу, и он поддерживает практически все языки программирования. Но
Читать далее
Применение шаблонов проектирования во Vue.js: шаблон Стратегия
Эта статья посвящена проблеме, с которой многие из нас сталкиваются при разработке фронтенд приложений (иногда даже не осознавая, что это
Читать далее
В чем разница между обработчиками событий (Event Handlers) и addEventListener в JS?
Разница незначительна, но ее необходимо знать. Что такое События? Важный способ заставить ваш сайт действительно «делать что-то». MDN определяет Событие как:
Читать далее
Подводные камни Async/Await в циклах массива
Использование async/await при переборе массивов в цикле Javascript кажется простым, но есть некоторые неинтуитивные особенности, на которые следует обратить внимание
Читать далее
Что такое Continuous Merge?
Несмотря на улучшения рабочего процесса разработки, связанного с внедрением pull request и код ревью, которые основывается на применение CI/CD у
Читать далее
Как использовать ESM в браузере и в Node.js
ESM (или модули ECMAScript) — это современный формат модулей со многими преимуществами по сравнению с предыдущими форматами, такими как CommonJS.
Читать далее
Vite: как сделать проект с постоянным временем сборки
Введение Если вы когда то использовали webpack или rollup в больших проектах, то вы, вероятно, знаете, с какими трудностями приходится
Читать далее