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

Веб-стандарты

Ведущие

Никита Дубко, Юля Миоцен, Андрей Мелихов, Алексей Симоненко

Темы

• 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
• BFCache, или Туда и обратно
• C in 100 Seconds

@container и :has

• @container and :has() landing in Chromium 105
• 2D hover effect using :has()

Random в CSS

• Random() function
• We just resolved to pursue work on random() and random-item() for CSS!

CSS в npm

• Npm Query
• Introducing the new npm Dependency Selector Syntax
• Npm ships a new query command to inspect dependencies

Docusaurus

• Announcing Docusaurus 2.0

Стики VS Code

• VS Code comes with an experimental sticky mode

Поля для телефона

• Phone inputs and you: the designer’s essential UI guide

Отдельные transform

• Finer grained control over CSS transforms with individual transform properties

SPA и MPA

• In Defence of the Single Page Application
• The balance has shifted away from SPAs
• SPAs: theory versus practice