Ох уж эти CSS-переменные
Я люблю создавать компоненты везде и всегда, поэтому пользовательские CSS-свойства, также известные как CSS-переменные, являются одной из моих любимых фишек, которая позволяет писать более модульный
читать далее
[Перевод] Вышел Chrome 116
Традиционный перевод анонса от команды Google Chrome о нововведениях • Document Picture-in-Picture API • Улучшена отладка отсутствующих таблиц стилей в DevTools • Свойство notRestoredReasons И многое
читать далее
5 новинок CSS в адаптивной верстке, которые можно использовать уже сейчас
Hola, Amigos! На связи Игорь Мельников, Frontend-разработчик компании Amiga. Возможно, вы уже слышали про технологии, которые я описываю в статье, но не использовали их, потому что думали, что они не
читать далее
[Перевод] Skeleton Mammoth — или как я решал проблему переиспользуемых скелетон лоадеров
После подробного изучения темы скелетонов, я решил создать очень простое, гибкое, переиспользуемое, настраиваемое и легкое решение, которое подойдет для большинства случаев использования. В этой
читать далее
[Перевод] Исследование производительности анимации на основе скрола страницы
Что нового в анимации на основе скрола? Анимация на основе скрола - это способ добавить интерактивности и визуального интереса вашему сайту или веб-приложению, который запускается в зависимости от
читать далее
[Перевод] Вышел Chrome 115
В этой статье вы узнаете про: • Анимации на основе скрола • Topics API • Ограждённые Фреймы • Privacy Sandbox и многое другое! Читать далее
читать далее
[Перевод] Знакомимся с @scope в CSS
В январе 2019 года я поднял вопрос в W3C CSS GitHub под названием Please bring back scoped styles. Когда-то существовал атрибут HTML scoped, но он был устаревшим. В CSS он был заменен на @scope.
читать далее
Чем хорош и чем плох Tailwind CSS, или «Допустим, у вас стартап!»
Привет, Хабр! Меня зовут Александр Водолазских. Я живу в Новосибирске и я работаю Frontend Domain Lead в СберМаркете. Сегодня хочу немного поговорить об опыте работы с Tailwind CSS — utility-first
читать далее
[Перевод] Представляем popover API
Всплывающие окна встречаются в вебе повсеместно. Вы можете увидеть их в меню, переключателях и диалоговых окнах, которые могут проявляться в виде настроек учетной записи, виджетов раскрытия
читать далее
[Перевод] Вышел Chrome 113
Что вы узнаете: WebGPU уже здесь, он позволяет использовать высокопроизводительную 3D-графику и параллельные вычисления в вебе. С помощью инструментов разработчика теперь можно переопределять
читать далее
[Перевод] Фичи WebKit в Safari 16.4
Сегодня мы рады рассказать вам о многочисленных дополнениях к WebKit, которые включены в Safari 16.4. Этот выпуск содержит 135 новых веб-функций и более 280 обновлений. Давайте посмотрим. Читать далее
читать далее
[Перевод] Больше контроля над селектором :nth-child() с помощью синтаксиса of S
Новое в CSS Selectors Level 4 - возможность опционально передавать список селекторов в :nth-child() и :nth-last-child(). Читать далее
читать далее