Как создать модальное окно
Модальные окна довольно часто используются на сайтах, порой без них не обойтись. Но если они реализованы неправильно, то могут серьезно испортить пользовательский опыт.
верстка
Как добавить водяной знак к изображению (HTML + JavaScript)
Добавлять водяные знаки к картинкам очень просто, для этого используется элемент HTML5 canvas. Добавляемые таким образом водяные знаки можно стилизовать, настраивать их расположение и прозрачность.
Атрибут ping элемента ссылки HTML5
Приняв во внимание развитие веб-технологий, HTML5 представил несколько новых фич для улучшения веб-разработки. Одна из таких фич — атрибут ping, который обеспечивает дополнительные возможности отслеживания кликов по ссылкам.
Где искать бесплатные иконки для сайта?
Благодаря высококачественным иконкам ваши проекты будут выглядеть более профессионально и станут более удобными для пользователей. Но где найти бесплатные иконки в хорошем качестве? В этой статье мы познакомим вас с 23 библиотеками иконок с открытым исходным кодом.
Получение размера окна на чистом CSS
Вы не поверите, но теперь в CSS можно определять свойства, выполнять математические вычисления и даже напрямую получать размер окна! В этой статье мы расскажем вам, как это делается.
Как использовать селектор :has() в CSS
По своей сути селектор :has() является реляционным псевдоклассом. Это означает, что он позволяет выбрать элемент на основе его отношений с другими элементами.
Нативный HTML-элемент dialog и его возможности
Все основные браузеры теперь поддерживают элемент . Зачем добавлять этот HTML-элемент? Подобный функционал, особенно в части захвата фокуса, имеет юзерленд-код — код, который разработчики пишут для заполнения пробелов в браузере.
Нейминг: как давать осмысленные имена переменным
В этой статье я расскажу, как эффективно составлять имена для переменных. Ведь даже если вы не испытываете проблем с придумыванием имен, используете ли вы весь их потенциал?
Как оптимизировать дорогостоящие CSS-свойства
Некоторые свойства CSS более затратны, чем другие, с точки зрения производительности. При неправильном использовании они могут замедлить работу вашей веб-страницы и сделать ее менее отзывчивой для пользователей.
Оптимизация изображений в HTML
В настоящее время существует огромное количество размеров экранов и разрешений. И нет никакой причины выдавать всем посетителям сайта один и тот же файл с изображением.
7 интересных, но редко используемых элементов HTML
Перебрав, казалось, бесконечную вереницу HTML-элементов, я нашел несколько очень полезных, но при этом редко используемых.
В чем разница между : и :: в CSS?
Возможно, это будет последний раз, когда вам пришлось гуглить разницу между : и :: в CSS!