10 однострочников React, которые должен знать каждый UI-разработчик
Сегодня мы погрузимся в мир однострочников React – этих удобных, компактных фрагментов кода, которые могут сделать вашу жизнь намного проще.
frontend
Как создать модальное окно
Модальные окна довольно часто используются на сайтах, порой без них не обойтись. Но если они реализованы неправильно, то могут серьезно испортить пользовательский опыт.
Как добавить водяной знак к изображению (HTML + JavaScript)
Добавлять водяные знаки к картинкам очень просто, для этого используется элемент HTML5 canvas. Добавляемые таким образом водяные знаки можно стилизовать, настраивать их расположение и прозрачность.
Где искать бесплатные иконки для сайта?
Благодаря высококачественным иконкам ваши проекты будут выглядеть более профессионально и станут более удобными для пользователей. Но где найти бесплатные иконки в хорошем качестве? В этой статье мы познакомим вас с 23 библиотеками иконок с открытым исходным кодом.
Получение размера окна на чистом CSS
Вы не поверите, но теперь в CSS можно определять свойства, выполнять математические вычисления и даже напрямую получать размер окна! В этой статье мы расскажем вам, как это делается.
Как использовать селектор :has() в CSS
По своей сути селектор :has() является реляционным псевдоклассом. Это означает, что он позволяет выбрать элемент на основе его отношений с другими элементами.
Нативный HTML-элемент dialog и его возможности
Все основные браузеры теперь поддерживают элемент . Зачем добавлять этот HTML-элемент? Подобный функционал, особенно в части захвата фокуса, имеет юзерленд-код – код, который разработчики пишут для заполнения пробелов в браузере.
Разделение состояния между окнами без сервера
Давайте создадим проект, в котором разные окна одного приложения будут реагировать друг на друга. Для этого у них будет разделяемое состояние.
Как установить Node.js в Ubuntu
В этой статье я покажу вам, как установить последнюю LTS-версию Node в операционной системе Ubuntu.
Как оптимизировать дорогостоящие CSS-свойства
Некоторые свойства CSS более затратны, чем другие, с точки зрения производительности. При неправильном использовании они могут замедлить работу вашей веб-страницы и сделать ее менее отзывчивой для пользователей.
Оптимизация изображений в HTML
В настоящее время существует огромное количество размеров экранов и разрешений. И нет никакой причины выдавать всем посетителям сайта один и тот же файл с изображением.
Лучшие Telegram каналы по JavaScript и фронтенду в 2023 году
Привет, друзья! Продолжаем составлять тематические подборки каналов и чатов в Telegram. Сегодня наша тема – фронтенд-разработка.