228. DevTools, сайт Веб-стандартов, выделение текста, px vs rem, Atomic CSS-in-JS, рефакторинг

Опубликовано: 17 Октябрь 2024
на канале: Веб-стандарты

Ведущие

Вадим Макеев, Никита Дубко, Ольга Алексашенко
Темы

• 00:00:00 Интро
• 00:00:49 Новинки DevTools
• 00:21:45 Сайт Веб-стандартов
• 00:27:37 Выделение текста
• 00:34:23 Пиксели против ремов
• 00:47:00 Атомарный CSS-in-JS
• 01:01:35 Автоматизация рефакторингаНовинки DevTools

• Chrome: It’s almost here. CSS grid tooling! (https://twitter.com/ChromeDevTools/st...)
• Edge: Coming soon. CSS Grid tooling! (https://twitter.com/EdgeDevTools/stat...)
• Masonry Grids in Firefox Nightly behind a flag ( / 1255567501359853570 )
• Обсуждение спецификации Masonry layout (https://github.com/w3c/csswg-drafts/i...)
• A demo of new CSS to accomplish a Masonry-style layout (https://codepen.io/jensimmons/full/QW...)
• Compatibility panel in Firefox based on MDN data ( / 1255809865420869633 )
• Proposal for container queries (https://github.com/dbaron/container-q...)
• Can I Include (https://caninclude.glitch.me/) Сайт Веб-стандартов

• Сайт Веб-стандартов (https://web-standards.ru/)
• Ишьи в репозитории сайта (https://github.com/web-standards-ru/w...) Выделение текста

• Using CSS to Control Text Selection (https://codersblock.com/blog/using-cs...)
• Selection in CSS (https://ishadeed.com/article/selectio...) Пиксели против ремов

• Accessible Font Sizing, Explained (https://css-tricks.com/accessible-fon...)
• Ишья про единицы измерения (https://github.com/web-standards-ru/w...) Атомарный CSS-in-JS

• Atomic CSS-in-JS (https://sebastienlorber.com/atomic-cs...) Автоматизация рефакторинга

• Рефактори как будто никто не видит (https://nikitakirsanov.com/ru/blog/re...)