![Веб-стандарты](/img/default-banner.jpg)
- Видео 672
- Просмотров 1 166 716
Веб-стандарты
Германия
Добавлен 17 сен 2013
Сообщество разработчиков.
428. Бета Chrome 127, Apple обидели в Японии, State of JS 2023, условия в CSS, TypeScript 5.5
Ведущие
Никита Дубко, Вадим Макеев, Алексей Симоненко
Темы
• 00:00:00 Интро
• 00:01:23 Видео с Web Engines Hackfest
• 00:04:51 Бета Chrome 127
• 00:21:59 Apple обидели в Японии
• 00:31:30 State of JS 2023
• 01:13:42 Условия в CSS
• 01:33:06 TypeScript 5.5Поддержите нас
Простой способ сказать «спасибо» и попасть в закрытый чат.
• Патреон (www.patreon.com/webstandards_ru)
• Бусти (boosty.to/webstandards_ru)
• 3,5 USDT
• TRC20: TDWwqYaDVuXQuoDUxAGc3DtttPaFqLcJ1F
• TON: UQDtdvstR13TCLsiD-L_LGzkehbPQkpuP5UnOybzutwG0HUg
• 1 TON: webstandards.tonВидео с Web Engines Hackfest
• The Web Engines Hackfest 2024 (ruclips.net/p/PL4sEzdAGvRgBVK-g6z4-YGt8uv3Dni6ag)
• Why Source Maps don’t always work (off...
Никита Дубко, Вадим Макеев, Алексей Симоненко
Темы
• 00:00:00 Интро
• 00:01:23 Видео с Web Engines Hackfest
• 00:04:51 Бета Chrome 127
• 00:21:59 Apple обидели в Японии
• 00:31:30 State of JS 2023
• 01:13:42 Условия в CSS
• 01:33:06 TypeScript 5.5Поддержите нас
Простой способ сказать «спасибо» и попасть в закрытый чат.
• Патреон (www.patreon.com/webstandards_ru)
• Бусти (boosty.to/webstandards_ru)
• 3,5 USDT
• TRC20: TDWwqYaDVuXQuoDUxAGc3DtttPaFqLcJ1F
• TON: UQDtdvstR13TCLsiD-L_LGzkehbPQkpuP5UnOybzutwG0HUg
• 1 TON: webstandards.tonВидео с Web Engines Hackfest
• The Web Engines Hackfest 2024 (ruclips.net/p/PL4sEzdAGvRgBVK-g6z4-YGt8uv3Dni6ag)
• Why Source Maps don’t always work (off...
Просмотров: 1 094
Видео
427. Chrome 126, элемент permission, Firefox 127, бета Safari 18, CSS-эксплейнеры, Node.js 22
Просмотров 1,2 тыс.21 час назад
Ведущие Алексей Симоненко, Вадим Макеев, Никита Дубко Темы • 00:00:00 Интро • 00:01:38 Chrome 126 • 00:20:51 Элемент permission • 00:37:23 Firefox 127 • 00:56:52 Бета Safari 18 • 01:26:13 CSS-эксплейнеры • 01:41:46 Node.js 22Поддержите нас Простой способ сказать «спасибо» и попасть в закрытый чат. • Патреон (www.patreon.com/webstandards_ru) • Бусти (boosty.to/webstandards_ru) Chrome 126 • New i...
426. Нативная карусель, WebAssembly JSPI, стили popover/dialog, просто htmx, gap и cap в CSS
Просмотров 2,4 тыс.14 дней назад
Ведущие Андрей Мелихов, Полина Гуртовая, Вадим Макеев Темы • 00:00:00 Интро • 00:01:07 Нативная карусель • 00:16:43 WebAssembly JSPI • 00:28:39 Стили popover/dialog • 00:43:05 Просто htmx • 01:04:17 Gap и cap в CSS • 01:16:53 Ответы на вопросыПоддержите нас Простой способ сказать «спасибо» и попасть в закрытый чат. • Патреон (www.patreon.com/webstandards_ru) • Бусти (boosty.to/webstandards_ru) ...
425. Font-smoothing, @property, LLM в Firefox, details, Edge без React, HTML, SVG-заброшка, ESLint 9
Просмотров 1,9 тыс.21 день назад
Ведущие Вадим Макеев, Никита Дубко Темы • 00:00:00 Интро • 00:01:54 Font-smoothing в Firefox • 00:09:49 Firefox внедряет @property • 00:22:22 LLM для альтов в Firefox • 00:35:30 Стилизация details • 00:41:56 Edge без React • 00:53:53 HTML для разработчиков • 00:59:15 SVG-заброшка • 01:19:24 Миграция на ESLint 9Поддержите нас Простой способ сказать «спасибо» и попасть в закрытый чат. • Патреон (...
424. Бета Chrome 126, Google A/I, Web Platform Dashboard, новинки фреймворков, SolidStart
Просмотров 1,8 тыс.28 дней назад
Ведущие Андрей Мелихов, Вадим Макеев, Полина Гуртовая Темы • 00:00:00 Интро • 00:01:23 Бета Chrome 126 • 00:13:27 Google A/I • 00:45:00 Web Platform Dashboard • 00:59:35 Новинки фреймворков • 01:08:43 SolidStart • 01:18:11 Ответы на вопросыПоддержите нас Простой способ сказать «спасибо» и попасть в закрытый чат. • Патреон (www.patreon.com/webstandards_ru) • Бусти (boosty.to/webstandards_ru) • 3...
423. State of HTML 2023, Chrome 125 и DevTools, Firefox 126, Safari 17.5, React и Remix, про дизайн
Просмотров 2,1 тыс.Месяц назад
Ведущие Юлия Миоцен, Вадим Макеев, Андрей Мелихов, Алексей Симоненко, Никита Дубко Темы • 00:00:00 Интро • 00:01:08 State of HTML 2023 • 00:35:18 Chrome 125 • 00:41:34 Chrome DevTools • 00:53:20 Firefox 126 • 01:06:55 Safari 17.5 • 01:13:50 React и Remix • 01:26:47 Про дизайнПоддержите нас Простой способ сказать «спасибо» и попасть в закрытый чат. • Патреон (www.patreon.com/webstandards_ru) • Б...
422. Поиск по странице, Safari, Scroll-Driven Animations, фигуры, серверные компоненты и CSS, Wasm
Просмотров 1,4 тыс.Месяц назад
Ведущие Полина Гуртовая, Вадим Макеев, Алексей Симоненко, Андрей Мелихов Темы • 00:00:00 Интро • 00:02:56 CSS для поиска по странице • 00:10:58 Safari TP • 00:19:37 Scroll-Driven Animations • 00:31:37 Современные CSS-фигуры • 00:39:31 Серверные компоненты и CSS • 00:55:33 Всё новое в цветах • 00:59:26 Wasm vs. Docker • 01:09:21 Wasm для VS CodeПоддержите нас Простой способ сказать «спасибо» и п...
421. PWA с табами, Гугл и куки, Masonry, Arc на Windows, iPad виноват, Deno, Copilot, local-first
Просмотров 2,3 тыс.Месяц назад
Ведущие Алексей Симоненко, Полина Гуртовая, Никита Дубко Темы • 00:00:00 Интро • 00:01:46 PWA с табами • 00:06:48 Гугл и куки • 00:16:38 Выборы Masonry • 00:39:49 Arc на Windows • 00:42:06 iPad тоже виноват • 00:46:41 Новости Deno • 00:53:18 Copilot Workspace • 01:23:53 Local-first • 01:40:02 Ответы на вопросыПоддержите нас Простой способ сказать «спасибо» и попасть в закрытый чат. • Патреон (w...
420. Google I/O и Config, Translation API, Figma, Invokers, альты, атрибуты/свойства, бета React 19
Просмотров 2,2 тыс.Месяц назад
Ведущие Вадим Макеев, Никита Дубко, Юля Миоцен Темы • 00:00:00 Интро • 00:02:09 Google I/O и Config • 00:09:32 Translation API • 00:19:57 Новости Figma • 00:30:01 Invokers • 00:47:31 Длинные альты • 00:56:48 Атрибуты и свойства • 01:06:37 Бета React 19 • 01:23:59 Ответы на вопросыПоддержите нас Простой способ сказать «спасибо» и попасть в закрытый чат. • Патреон (www.patreon.com/webstandards_ru...
419. Naked CSS/JS Day, новинки Firefox, Chrome и Edge, редактор Zed, Llama, JSON, будущее Node.js
Просмотров 2,3 тыс.2 месяца назад
Ведущие Вадим Макеев, Полина Гуртовая, Андрей Мелихов, Алексей Симоненко Темы • 00:00:00 Интро • 00:01:31 Naked CSS/JS Day • 00:06:55 Firefox 125 • 00:18:16 Chrome 124 • 00:31:24 Chrome Beta 125 • 00:36:52 Edge Dashboard • 00:49:17 Редактор Zed • 01:01:33 Локальная Llama • 01:08:23 JSON с комментами • 01:16:20 Будущее Node.js • 01:37:23 Новинки Node.js 22Поддержите нас • Патреон (www.patreon.co...
418. DMA, Safari, заголовки, select, темы, JS в PDF, HTML, песочница в V8, CSS-миксины, Figma
Просмотров 2,5 тыс.2 месяца назад
Ведущие Вадим Макеев, Алексей Симоненко, Полина Гуртовая, Никита Дубко, Юля Миоцен Темы • 00:00:00 Интро • 00:05:00 Как DMA помог браузерам • 00:13:26 Safari TP 192 • 00:21:46 Уровни заголовков • 00:39:38 Select на стероидах • 00:45:40 Переключатель темы в браузере • 00:59:11 JS в PDF • 01:05:13 Svelte узнал HTML • 01:14:31 Песочница в V8 • 01:21:39 CSS-миксины на слоях • 01:33:26 Figma развлек...
417. Бета Safari 17.5, Learn JS, CSS, сигналы в JS, Container Queries, WebAIM, HTML-санитайзер, Bun
Просмотров 1,6 тыс.2 месяца назад
Ведущие Никита Дубко, Вадим Макеев, Андрей Мелихов, Алексей Симоненко Темы • 00:00:00 Интро • 00:03:27 Бета Safari 17.5 • 00:12:50 Learn JS • 00:16:16 Как помочь CSS • 00:30:51 Сигналы в JS • 00:48:52 Container Queries • 01:05:41 WebAIM Million • 01:29:25 HTML-санитайзер • 01:35:36 Bun 1.1 • 01:51:23 Ответы на вопросыПоддержите нас • Патреон (www.patreon.com/webstandards_ru) • Бусти (boosty.to/...
416. Safari, CSS JIT, FigJam, бета Chrome 124, V8, сетки, View Transitions, Color Mix, Gulp 5
Просмотров 1,5 тыс.2 месяца назад
416. Safari, CSS JIT, FigJam, бета Chrome 124, V8, сетки, View Transitions, Color Mix, Gulp 5
415. Firefox 124, Chrome 123, JSPI в WASM, Config и Hackfest, Popover, JS-рантаймы, автогриды
Просмотров 1,8 тыс.3 месяца назад
415. Firefox 124, Chrome 123, JSPI в WASM, Config и Hackfest, Popover, JS-рантаймы, автогриды
414. Speedometer 3.0, SVG, AI уходи, writingsuggestions, альты, TS 5.4, Node.js, стриминг HTML
Просмотров 1,6 тыс.3 месяца назад
414. Speedometer 3.0, SVG, AI уходи, writingsuggestions, альты, TS 5.4, Node.js, стриминг HTML
413. Safari 17.4 и TP, стейджи в WHATWG, бесконечность в CSS, Нильсен, AI и доступность, Deno JSR
Просмотров 4553 месяца назад
413. Safari 17.4 и TP, стейджи в WHATWG, бесконечность в CSS, Нильсен, AI и доступность, Deno JSR
412. Switch, PWA на iOS, MDN Curriculum, Figma, полифилы, :has, микропакеты, пет-проекты и корпорат
Просмотров 4103 месяца назад
412. Switch, PWA на iOS, MDN Curriculum, Figma, полифилы, :has, микропакеты, пет-проекты и корпорат
411. Chrome 122 и бета 123, Firefox 123, Safari TP 189, подсветка без разметки, стандарты и тоглеры
Просмотров 1593 месяца назад
411. Chrome 122 и бета 123, Firefox 123, Safari TP 189, подсветка без разметки, стандарты и тоглеры
410. Apple и веб, CSS-функции, полезный AI, новые фичи Set и сложности классов, новая метрика INP
Просмотров 1543 месяца назад
410. Apple и веб, CSS-функции, полезный AI, новые фичи Set и сложности классов, новая метрика INP
409. Интенты, Safari, сайты в панели, PWA в Европе, JS-рантайм в AWS, JS Rising Stars, монополия npm
Просмотров 1053 месяца назад
409. Интенты, Safari, сайты в панели, PWA в Европе, JS-рантайм в AWS, JS Rising Stars, монополия npm
408. Бета Chrome 122, Outlook похуже, Arc поищет за вас, Dev-режим в Figma, SVG, Interop 2024
Просмотров 1043 месяца назад
408. Бета Chrome 122, Outlook похуже, Arc поищет за вас, Dev-режим в Figma, SVG, Interop 2024
407. Chrome 121, Firefox 122, Safari 17.3 и бета 17.4 и альтернативные движки браузеров на iOS
Просмотров 673 месяца назад
407. Chrome 121, Firefox 122, Safari 17.3 и бета 17.4 и альтернативные движки браузеров на iOS
406. Safari заговорил, Firefox за справедливость, браузерная политика, можно без кук, abbr, :has
Просмотров 563 месяца назад
406. Safari заговорил, Firefox за справедливость, браузерная политика, можно без кук, abbr, :has
405. Safari TP и Chrome, сторонние куки, этика веба, API работы с файлами, UI для толстых пальцев
Просмотров 653 месяца назад
405. Safari TP и Chrome, сторонние куки, этика веба, API работы с файлами, UI для толстых пальцев
403. Переход на Firefox, как сломать npm, веб-компоненты, React Server Components, нет/да Next.js
Просмотров 673 месяца назад
403. Переход на Firefox, как сломать npm, веб-компоненты, React Server Components, нет/да Next.js
402. Тренды и разочарования прошедшего года, как дела у ведущих, надежды и планы на будущий год
Просмотров 693 месяца назад
402. Тренды и разочарования прошедшего года, как дела у ведущих, надежды и планы на будущий год
401. Figma без Adobe, Safari TP, Firefox 121, Vue 2 всё и плохое в HTML
Просмотров 403 месяца назад
401. Figma без Adobe, Safari TP, Firefox 121, Vue 2 всё и плохое в HTML
400. Safari, нестинг в DevTools, интенты, WebDriver BiDi, Shadow DOM, Design Tools, a11y, ООП в JS
Просмотров 483 месяца назад
400. Safari, нестинг в DevTools, интенты, WebDriver BiDi, Shadow DOM, Design Tools, a11y, ООП в JS
399. Safari TP, Chrome 120, CSS 2023, Николь Салливан, Chrome и стандарты, V8 JIT, Baseline, StyleX
Просмотров 223 месяца назад
399. Safari TP, Chrome 120, CSS 2023, Николь Салливан, Chrome и стандарты, V8 JIT, Baseline, StyleX
398. Servo, селекты, State of JS, адвенты, OTMT, Math в CSS, @scope, видео, дизайн и разработка
Просмотров 243 месяца назад
398. Servo, селекты, State of JS, адвенты, OTMT, Math в CSS, @scope, видео, дизайн и разработка
Спасибо, бомбезная связка, есть профит!
+
а где посмотреть можно о WEB ENGINES HACKFES. ( нашла на ютуб)
Все ссылки есть в описании к видео
Здравствуйте, а что за обсуждение Angular, мне он очень нравится пользуемся с удовольствием все задачи он решает, чем он хуже объясните
Наверное главная проблема Angular, это его кривая входа. Далее имхо. Для старта тебе нужно знать Rx, TS, Decorators, DI. Если в каком-то бекенде, это может быть оправдано например в Nestjs (что тоже сомнительно имхо), то на фронте, это лишний бойлерплейт. Ведь можно бизнес-логику написать более выразительно и декларативно, не используя всю эту усложненную мишуру. Ну и вот люди смотрят на все это, кто-то может что-то потыкает, потом уходят печальные.
@@becominginsane звучит интересно можете чуть подробнее тему расскрыть?
1:01:00 Мы все ждём, пока официально выйдет svelte 5. Он отличается от третьей версии так же сильно, как третья от второй. Нужно полностью перестраивать привычки программирования. Видео про различия:ruclips.net/video/tErKyuUTzsM/видео.html
будет круто если тайм коды будут как в без видео
По поводу pwa - из свежего мне нравится как сделан daily dev, они сделали ставку на pwa - у них даже нет нативного приложения под ios.
+
В Inkscape есть mesh градиент.
Смотрю вас регулярно очень классные, но сейчас стал заниматься только бекендом может посоветуете подобные русскоязычные подкасты по бекенду 😊
Сегодня без Полины :( Но выпуск всё равно хорош
Первый
Интересно каким образом должен отмереть спа, если практически все используемые сервисы - это спа. Высказывание из разряда пхп умер
пробовал делать custom elements, и затем использовать их в htmx получается интересно
+
37:24 вкратце - "important!" не масштабируется. Тут должно быть что-то принципиально уникальное. А это - исчезающе редкое явление. Ну или привет всем дот-нетерам и пхп-шникам, верстающим дивами + импортантами и считающим себя мастерами фронтенда)
Плоскоземельщики опять что-то не поняли и изобрели htmlx. Не стоит подменять понятия и говорить, что на htmx быстрее и проще сделать простенький сайт. Быстрее для кого? Для бекендера/html-программиста который не знает никакой из фреймоврок - да. А вот фронтенд-инженеру быстрее и проще пару команд в консоль вписать и получить лучший DX из коробки со всеми готовыми популярными решениями, раскинуть пару компонентов и получить "простенький сайт".
SPA объявил Полину в розыск
11:00 называется Embla Carousel
ЕЕЕЕЕЕЕ, Полина пришла)
Уже несколько выпусков она приходит
Ребят, почему так сильно видео лагает?
Чего нельзя, я к дочерним элементам summary прописываю анимации и все нормально работает, отталкиваясь от атрибута open можно все что угодно там сделать)
+
Никита, Firefoxic'а не трогай и его патчи тоже😁 Пусть остаётся. И да, привет, firefoxic!
Подскажите, как Никита выпили SVG из bundle?
кстати, SVG-боль моя - многострочный текст, в спеке есть, а в браузерах нет, по крайней мере пару лет назад было так
Благодарю, ребята. WebStandardsDuos =)
Забавный обзор новых версий фреймворков))
zoom -- это "древнее зло". Реальный кейс из практики: на одном из внутренних проектов нам пришлось добавить на всю страницу это свойство (на body), чтобы без переверстки всего проекта уменьшить страницу, допустим, на 20%. И тут выяснилось, что в Fx это свойство вообще никак не работает. Ну что ж, мы все смирились с этим, учитывая, что процент пользователей, которые пользовались Fx был минимален, сделали, выкатили на прод. Прошло довольно много времени, и тут, внезапно, после обновления браузера я обнаруживаю, что zoom заработал. "Сомнительно, но ок", подумал я. Позже оказалось, что некоторые svg стали криво отрисовываться, неправильно срабатывало позиционирование тултипов. В итоге с помощью @-moz-document url-prefix() пришлось дописать zoom: 1.
Благодарю за ваш труд, ребята. Но очень режет слух: «А-яй, и-яй, аи-яй». Можно ли договориться в команде и просто произносить ИИ - все слушатели, думаю поймут о чём идёт речь, и так бросаться в уши не будет эта аббревиатура.
У нас разговорный подкаст и речь тоже разговорная. Кто-то живёт в Европе и много говорит по-английски, отсюда и термины в оригинальном произношении. А кто-то наоборот только читает по-английски и фонетика русская. Это если про нас. А если про язык - ну не устоялась ещё терминология, всегда тяжело говорить и слушать в моменты хайпа: кому ллм, кому эй-ай, кому ии. Меня вот не любят за ЦСС, ну а что поделаешь) Держитесь, легче будет, но не сразу.
@@pepelsbey каэсэс)
Больше комментариев для самых высоких топов!!! Спасибо за подкаст❤
На temporal уже есть второй полифил который по новейшей спеке сделан и весит сопоставимо с dayjs Так что если завезут в Хром можно переезжать
Есть ещё RSPack который аналог Webpack на Расте. И в отличии от турбопака не только для Некста
Svelte руны я так понял это местные сигналы. Типо раньше реактивность была через подкапотную магию Свелта, а сейчас вынесли наружу Но могу ошибаться
1:06:57 Remix вроде всё. Они правильно решили что нет смысла делать два похожих продукта и будет просто плагин для Vite, который делает SSR
+
Еееееее, Полина пришла)
+
19:32 npm install @Web-Standadrds/experts --dev import { Andrei as Expert } from "@Web-Standadrds/experts";
Лайки в топ и побольше😊
1:22:39 Нет, на самом деле есть ещё TanStack Router, который все очень хвалят за кодогнерацию типов, за счёт чего есть автодополнение ссылок и сложнее ошиться. А ещё в качестве экзотики есть ещё Nanostore Router А то, что отказываются от разделение Remix и React Router это хорошо наверное
`inert` достаточно удобен. Но его долгое время не поддерживал Firefox
Веб компоненты не требуют в рантайме адский код исполнять? О_о А чего тогда с ними столько проблем, чтобы затащить в SSR?
Я фронт, изучаю Раст потому что он мне нравится но не знаю где применить, и тут я понял, wasm
+
+
Так как слушаю подкаст дооолгие годы, хочу отметить: так радостно, что в подкасте появилась девушка, которая не молчит, а активно участвует в дискуссиях. Уже несколько выпусков радуюсь. Полина🎉🌟
полину бы чуть потише + таймкоды сломаны, их не будет в лайве?
Мы не делаем таймкоды для лайвов, только для смонтированной версии. А громкость отладим в следующий раз, спасибо.
@@pepelsbey <3
Тут
Такой же, но с видео ruclips.net/video/1ZubX4B9-uE/видео.html