Веб-стандарты. Страница 7

Выпуск №326: Юля Миоцен, Андрей Мелихов, Вадим Макеев, Алексей Симоненко про дизайн-токены, Bun.sh вместо Node.js, ES-модули в Node.js, виджеты для Figma, стиль кода MDN, Style Queries и вариативные шрифты. Слушайте на Ютубе https://youtu.be/3nvCqYZ_PCg Ссылки на сайте https://web-standards.ru/podcast/326/

00:00:48 Дизайн-токены 00:05:21 Bun.sh вместо Node.js 00:22:02 ES-модули в Node.js 00:33:48 Виджеты для Figma 00:40:31 OpenProps 00:45:33 Стиль кода MDN 00:59:17 Style Queries 01:09:38 Вариативные шрифты

Веб-стандарты - 326. Дизайн-токены, Bun.sh, ES-модули в Node.js, Figma, MDN, Style…

audio/mpeg

Выпуск №325: Алексей Симоненко, Юля Миоцен, Никита Дубко, Вадим Макеев про Safari и WebKit, Model для 3D, Firefox 102, интервенции, DevTools, HTML без фантазий и Color.js. Слушайте на Ютубе https://youtu.be/-pUj9qfio3c Ссылки на сайте https://web-standards.ru/podcast/325/

00:01:39 Safari TP 00:15:04 WebKit на GitHub 00:25:09 Model для 3D 00:33:17 Firefox 102 00:46:40 Браузеры 00:56:25 Интервенции 01:02:18 DevTools 01:11:08 HTML без фантазий 01:21:51 Color.js

Веб-стандарты - 325. Safari и WebKit, Model для 3D, Firefox 102, интервенции, DevTools…

audio/mpeg

Выпуск №324: Юля Миоцен, Алексей Симоненко, Андрей Мелихов, Никита Дубко, Вадим Макеев про Chrome 103 и 104, селектор :has, MathML, Defensive CSS, карточку-ссылку, дизайн-токены, ES2022 и GitHub Copilot. Слушайте на Ютубе https://youtu.be/emrNwETMzro Ссылки на сайте https://web-standards.ru/podcast/324/

00:01:38 Chrome 103 00:09:57 Бета Chrome 104 00:26:45 Зачем :has 00:33:13 MathML в Chrome 00:43:09 Defensive CSS 00:49:54 Порядок фокуса 01:00:55 Карточка-ссылка 01:10:46 Дизайн-токены 01:16:03 Красивое 01:19:08 ES 2022 01:28:35 GitHub Copilot

Веб-стандарты - 324. Chrome, :has, MathML, Defensive CSS, карточка-ссылка, дизайн…

audio/mpeg

Выпуск №323: Алексей Симоненко, Вадим Макеев, Андрей Мелихов про возвращение и смысл, Media Queries и Container Queries, релиз-ноуты V8, бету Safari 16, Telegram и веб, мир без паролей и IE, который снова всё. Слушайте на Ютубе https://youtu.be/yc55iTIcVCc Ссылки на сайте https://web-standards.ru/podcast/323/

00:05:00 Понятные Media Queries 00:10:17 Релиз-ноуты V8 всё 00:14:37 Бета Safari 16 00:26:29 Container Queries 00:36:18 Telegram защитник веба 00:46:53 Мир без паролей 00:58:08 Что попросить у Safari 01:03:27 IE снова всё

Веб-стандарты - 323. Возвращение и смысл, MQ и CQ, V8, бета Safari 16, Telegram…

audio/mpeg

Друзья! Мы ставим на паузу всё, что делают Веб-стандарты, включая новости и подкаст. Пока не закончится эта чудовищная война. Пока всё это не начнёт иметь какой-то смысл.

Как сделать наклонённые контейнеры при помощи CSS. Дэйв Сейдман показывает, как он наклонил главную колонку на своём сайте, оставив контент читаемым. https://css-tricks.com/css-slanted-containers/

a11yphant. Студенческий проект для изучения основ веб-доступности с пошаговым выполнением заданий. https://a11yphant.com/

Декларативная валидация данных с помощью функционального программирования и rule-based подхода. Саша Беспоясов делится принципом, который помогает писать поддерживаемый и расширяемый код для валидации. bespoyasov.ru/blog/de…lidation

100-е версии Chrome и Firefox. Браузеры, которые в ближайшие месяцы достигнут первой трёхзначной версии, напоминают разработчикам проверить совместимость с новым юзер-агентом и рассказывают о своих стратегиях. Chrome https://web.dev/chrome-firefox-100/ Firefox hacks.mozilla.org/2022/02…-firefox

Динамический разделитель на флексах. Ахмад Шадид добавляет динамический разделитель между элементами, который адаптируется к ширине и переключается с вертикального на горизонтальный. https://ishadeed.com/article/flexbox-separator/

Сравниваем JavaScript в Node.js и в браузере. Хью Хейворт про то, как отличаются подходы к коду для разных сред: синхронность и асинхронность, колбэки и промисы, async/await, примеры для SQLite и специфичные API Node.js. css-tricks.com/node-ja…vascript

Все способы создания веб-компонента. Сравнение стиля кода, размера бандла и производительности для 61 способа написания веб-компонентов. webcomponents.dev/blog/al…omponent

00:01:07 События 00:04:03 Новости Express 00:08:25 WebP в Photoshop 00:19:10 Чарты в маркдауне 00:25:00 Фултайм Eleventy 00:35:53 Забытый тег layer 00:43:33 Кривые Безье 00:49:27 React Native 00:56:11 State of JS

Веб-стандарты - 322. Express, WebP в Ps, чарты в маркдауне, Eleventy, layer, кривые…

audio/mpeg3

Выпуск №322: Андрей Мелихов, Маша Просвирнина, Юля Миоцен, Вадим Макеев про Express, WebP в Photoshop, чарты в маркдауне, фултайм Eleventy, тег layer, кривые Безье, React Native и State of JS. Слушайте на Ютубе https://youtu.be/8qi2ybLoVgY Ссылки на сайте https://web-standards.ru/podcast/322/