330. Chrome DevTools, container и :has, random в CSS, CSS в npm, доки, VS Code, телефоны, SPA и MPA

Простой способ сказать нам «спасибо» и попасть в закрытый чат: • Boosty https://boosty.to/webstandards_ru • Patreon https://www.patreon.com/webstandards_ru Ведущие: Никита Дубко, Юля Миоцен, Андрей Мелихов, Алексей Симоненко Темы 00:00:00 Интро 00:00:46 Chrome DevTools 00:16:12 @container и :has 00:25:17 Random в CSS 00:33:16 CSS в npm 00:43:02 Docusaurus 00:49:44 Стики VS Code 00:57:51 Поля для телефона 01:11:45 Отдельные transform 01:16:15 SPA и MPA Chrome DevTools • What’s New In DevTools Chrome 104 https://developer.chrome.com/en/blog/new-in-devtools-104/ • BFCache, или Туда и обратно https://habr.com/p/496360/ • C in 100 Seconds https://youtu.be/U3aXWizDbQ4 @container и :has • @container and :has() landing in Chromium 105 https://developer.chrome.com/blog/has-with-cq-m105/ • 2D hover effect using :has() https://codepen.io/t_afif/pen/GRxxaJG Random в CSS • Random() function https://github.com/w3c/csswg-drafts/issues/2826#issuecomment-1204305712 • We just resolved to pursue work on random() and random-item() for CSS! https://twitter.com/LeaVerou/status/1554911545435602944 CSS в npm • Npm Query https://docs.npmjs.com/cli/v8/commands/npm-query • Introducing the new npm Dependency…