Текстовый Инпут с возможностью выделять отдельные слова
Как, вроде бы, простая задача превратилась в головную боль. Читать далее
читать далее
[Перевод] Что нового в Chrome 111?
Давайте погрузимся внутрь и посмотрим, что нового ждет разработчиков в Chrome 111. Читать далее
читать далее
[Перевод] Что такое Style Queries?
Size container queries и container query units недавно достигли стабильной поддержки во всех современных браузерных движках. Читать далее
читать далее
[Перевод] Что нового в Lighthouse 10
Lighthouse - это инструмент для аудита веб-сайтов, который помогает разработчикам с помощью возможностей и диагностики улучшить пользовательский опыт их сайтов. Lighthouse 10 доступен в командной
читать далее
[Перевод] Топ рекомендаций по Core Web Vitals на 2023 год
Привет, друзья! Представляю вашему вниманию перевод этой замечательной статьи, представляющей собой коллекцию лучших практик, которые по мнению команды Chrome DevRel являются наиболее эффективными
читать далее
[Перевод] Делаем свернутый контент доступным с помощью hidden=until-Found
Сворачивающиеся разделы с контентом, называемые как аккордеон, являются распространенным шаблоном пользовательского интерфейса. Однако контент, скрытый в свернутых разделах, становится невозможным
читать далее
[Перевод] Анимация текстовых переходов
Идея этой демонстрации пришла из игры Session Skate. В начальных титрах «SESSION» каждая буква быстро исчезает. Это выглядело довольно круто, и я сразу понял, что могу сделать это с помощью
читать далее
[Перевод] Создаём веб-сайт, как будто сейчас 1999 год
Раньше веб был более странным местом В прошлом году я поставила перед собой цель вернуть дух старого веба, креативность и шарм конца 90-х и начала 2000-х. В те времена не было правил, ты ставил на
читать далее
Эмулируем React useState в обычном JS (via data-attributes & css selectors)
Добрый день хабр! Решил поделиться своим небольшим, но полезным открытием в плане использования html data-attributes & css selectors. Html data-attributes - это кастомные атрибуты, которые вы можете
читать далее
Пошаговая инструкция: как с Node.js организовать иконки из Figma в проекте
Эта статья подробно описывает создание небольшого скрипта на Node.js для выгрузки векторных иконок из Figma в проект, а также универсального компонента для разных видов иконок, который удобно
читать далее
[Перевод] Геометрия объектной модели документа: исчерпывающее руководство
Я не считаю, что DHTML — cool, просто картинка хорошая) Привет, друзья! Представляю вашему вниманию перевод этой замечательной статьи. Знаете ли вы, что кроме интерфейсов, определенных спецификациями
читать далее
Сага о SEO, часть 3: UX
Ранее мы писали о том, каким образом мы оптимизировали сайт more.tv для поисковых систем технологически и семантически. В очередной статье из серии мы обсудим, как влияет пользовательский опыт (UX)
читать далее