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

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Вадим Макеев, Никита Дубко, Ольга Алексашенко Темы 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/status/1255481965995851782?s=20 • Edge: Coming soon. CSS Grid tooling! https://twitter.com/EdgeDevTools/status/1255503886925922310?s=20 • Masonry Grids in Firefox Nightly behind a flag https://twitter.com/MiriSuzanne/status/1255567501359853570 • Обсуждение спецификации Masonry layout https://github.com/w3c/csswg-drafts/issues/4650 • A demo of new CSS to accomplish a Masonry-style layout https://codepen.io/jensimmons/full/QWjqbJj • Compatibility panel in Firefox based on MDN data https://twitter.com/patrickbrosset/status/1255809865420869633 • Proposal for container queries https://github.com/dbaron/container-queries-implementability • Can I Include https://caninclude.glitch.me/ Сайт Веб-стандартов • Сайт Веб-стандартов https://web-standards.ru/ • Ишьи в репозитории сайта https://github.com/web-standards/web-standards.ru/issues Выделение текста • Using CSS to Control Text Selection https://codersblock.com/blog/using-css-to-control-text-selection/ • Selection in CSS https://ishadeed.com/article/selection-in-css/ Пиксели против ремов • Accessible Font Sizing, Explained https://css-tricks.com/accessible-font-sizing-explained/ • Ишья про единицы измерения https://github.com/web-standards/web-standards.ru/issues/13 Атомарный CSS-in-JS • Atomic CSS-in-JS https://sebastienlorber.com/atomic-css-in-js Автоматизация рефакторинга • Рефактори как будто никто не видит https://nikitakirsanov.com/ru/blog/refactor-as-no-one-is-watching/ Читайте новости • Telegram https://t.me/webstandards_ru • X https://x.com/webstandards_ru • VK https://vk.com/webstandards_ru • Facebook https://www.facebook.com/webstandardsru/ • Mastodon https://mastodon.social/@webstandards_ru • Bluesky https://bsky.app/profile/web-standards.ru • LinkedIn https://www.linkedin.com/company/web-standards-ru/