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

Простой способ сказать нам «спасибо» и попасть в закрытый чат:

• Бусти
• Патреон

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

Темы

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!
• Edge: Coming soon. CSS Grid tooling!
• Masonry Grids in Firefox Nightly behind a flag
• Обсуждение спецификации Masonry layout
• A demo of new CSS to accomplish a Masonry-style layout
• Compatibility panel in Firefox based on MDN data
• Proposal for container queries
• Can I Include

Сайт Веб-стандартов

• Сайт Веб-стандартов
• Ишьи в репозитории сайта

Выделение текста

• Using CSS to Control Text Selection
• Selection in CSS

Пиксели против ремов

• Accessible Font Sizing, Explained
• Ишья про единицы измерения

Атомарный CSS-in-JS

• Atomic CSS-in-JS

Автоматизация рефакторинга

• Рефактори как будто никто не видит