Alle afleveringen
550 afleveringen, van nieuw naar oud
-
400. Safari, нестинг в DevTools, интенты, WebDriver BiDi, Shadow DOM, Design Tools, a11y, ООП в JS
19 december 2023 · 2 uur 8 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Юля Миоцен, Никита Дубко, Андрей Мелихов
Темы
00:00:00 Интро
00:03:04 Safari 17.2
00:37:09 Нестинг в DevTools
00:48:41 Интенты Chrome
01:03:02 WebDriver BiDi
01:13:31 Декларативный Shadow DOM
01:18:55 Design Tools Survey
01:34:13 Исследование доступности
01:48:15 ООП в JS
02:00:14 Ответы на вопросыСмотрите нас
• Лайв на Ютубе https://youtu.be/-QyzkZ0sHRA
Safari 17.2
• WebKit Features in Safari 17.2 https://webkit.org/blog/14787/webkit-features-in-safari-17-2/
• Exclusive accordions exclude https://yatil.net/blog/exclusive-accordions
• Linear easing generator https://linear-easing-generator.netlify.app/
• WWDC 2023: What’s new in web apps https://developer.apple.com/videos/play/wwdc2023/10120/Нестинг в DevTools
• How would you like to see Chrome DevTools handle Nesting? https://front-end.social/@bramus/111561967310461072
• Вопрос в Твиттере https://twitter.com/bramus/status/1734199465760768136
• Вопрос в Мастодоне https://front-end.social/@bramus/111561967310461072Интенты Chrome
• Intent to Prototype: Locked Mode API https://groups.google.com/a/chromium.org/g/blink-dev/c/2fqPL6OhmUs/m/vuUqbhkeAwAJ
• Intent to Ship: field-sizing CSS property https://groups.google.com/a/chromium.org/g/blink-dev/c/MjCCRQo9Qk0/m/XTjOSVDcAAAJWebDriver BiDi
• Puppeteer Support for the Cross-Browser WebDriver BiDi Standard https://hacks.mozilla.org/2023/12/puppeteer-webdriver-bidi/
• Web Application Testing Today https://hacks.mozilla.org/2020/12/cross-browser-testing-part-1-web-app-testing-today/
• New Automation Features in Firefox Nightly https://hacks.mozilla.org/2021/01/improving-cross-browser-testing-part-2-new-automation-features-in-firefox-nightly/Декларативный Shadow DOM
• Declarative Shadow DOM just landed in Firefox Nightly https://mastodon.social/@pepelsbey/111579924822149881
Desi…
-
399. Safari TP, Chrome 120, CSS 2023, Николь Салливан, Chrome и стандарты, V8 JIT, Baseline, StyleX
11 december 2023 · 1 uur 42 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев
Темы
00:00:00 Интро
00:02:33 Safari TP
00:09:21 Chrome 120
00:16:59 2023 год для CSS
00:24:04 Николь Салливан
00:27:17 Chrome и стандарты
00:34:53 JIT-левитация V8
00:44:45 Обновление Baseline
01:09:02 StyleX и CSS-in-JS
01:38:11 Ответы на вопросыSafari TP
• Release Notes for Safari TP 184 https://webkit.org/blog/14780/release-notes-for-safari-technology-preview-184/
Chrome 120
• New in Chrome 120 https://developer.chrome.com/blog/new-in-chrome-120
• Chrome 120 beta https://developer.chrome.com/blog/chrome-120-beta/2023 год для CSS
• CSS Wrapped: 2023! https://developer.chrome.com/blog/css-wrapped-2023
Николь Салливан
• After 5 1/2 years, today is my last day at Google https://twitter.com/stubbornella/status/1731774405486030956
• Igalia Chats: Nicole Sullivan https://www.igalia.com/chats/history-nicoleChrome и стандарты
• Why Chromium cares about standards https://blog.yoav.ws/posts/why_chromium_cares_about_standards/
JIT-левитация V8
• Maglev V8’s Fastest Optimizing JIT https://v8.dev/blog/maglev
Обновление Baseline
• Baseline’s evolution on MDN https://developer.mozilla.org/en-US/blog/baseline-evolution-on-mdn/
• A definition update for Baseline https://web.dev/blog/baseline-definition-update
• Viewport-relative-units https://github.com/web-platform-dx/web-features/blob/main/feature-group-definitions/viewport-relative-units.yml
• Viewport-relative-unit-variants https://github.com/web-platform-dx/web-features/blob/main/feature-group-definitions/viewport-relative-unit-variants.yml
• MDN/yari https://github.com/mdn/yari/StyleX и CSS-in-JS
• StyleX https://stylexjs.com/
• Facebook/stylex https://github.com/facebook/stylex
• Introducing StyleX https://stylexjs.com/blog/introducing-stylex
• Fela https://fela.js.org/Ответы на вопросы
podcast@web-standar…
-
398. Servo, селекты, State of JS, адвенты, OTMT, Math в CSS, @scope, видео, дизайн и разработка
4 december 2023 · 1 uur 25 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Юля Миоцен, Вадим Макеев, Никита Дубко
Темы
00:00:00 Интро
00:02:40 Движок Servo
00:09:07 Линейки в селектах
00:15:16 Дэшборд с браузерами
00:19:42 State of JS 2023
00:23:38 Адвенты для всех
00:36:55 Подкаст OTMT
00:42:17 Math-функции в CSS
00:49:55 Особенности @scope
00:57:42 Адаптивное видео
01:08:41 Дизайнеры и разработчикиДвижок Servo
• This month in Servo: better floats, :has(), color-mix(), and more! https://servo.org/blog/2023/11/30/embedding-floats-color-mix/
Линейки в селектах
• Firefox: Intent to prototype and ship: hr in select https://groups.google.com/a/mozilla.org/g/dev-platform/c/hQExM12Wzf0/m/nVZcDS1tAgAJ
Дэшборд с браузерами
• Browser Versions https://patrickbrosset.com/lab/browser-versions/
State of JS 2023
• State of JavaScript 2023 https://survey.devographics.com/en-US/survey/state-of-js/2023
Адвенты для всех
• Advent of CSS https://www.adventofcss.com/
• HTMHell: The UX of HTML https://www.htmhell.dev/adventcalendar/2023/1/
• Advent of Code https://adventofcode.com/
• Web Performance Calendar https://calendar.perfplanet.com/2023/
• Performance.now() 2023 https://www.youtube.com/playlist?list=PLjnstNlepBvNb93j0MICxh9ymBlq1It1D
• UXMas https://2023.leanuxmas.com/
• Designcember https://designcember.com/Подкаст OTMT
• Off The Main Thread: WebGPU and Browser Ideologies https://offthemainthread.tech/episode/webgpu-and-browser-ideologies/
Math-функции в CSS
• The New CSS Math: rem() and mod() https://danielcwilson.com/posts/mathematicss-rem-mod/
Особенности @scope
• Scope Selector Nuance https://blog.kizu.dev/scope-selector-nuance/
Адаптивное видео
• How to Use Responsive HTML Video (...and Audio!) https://scottjehl.com/posts/using-responsive-video/
Дизайнеры и разработчики
• Care beyond code: 7 best design practices for frontend developers https://evilmartians.c…
-
397. Firefox 120, TypeScript 5.3, статьи MDN, Node.js и NODE_ENV, тюнинг Prettier, Preact и Next.js
27 november 2023 · 1 uur 15 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Андрей Мелихов
Темы
00:00:00 Интро
00:01:46 Firefox 120
00:22:08 TypeScript 5.3
00:30:58 Новые статьи на MDN
00:39:38 Версии Node.js и NODE_ENV
00:53:54 Тюнинг Prettier
01:04:38 Preact не для Next.js
01:10:52 Ответы на вопросыFirefox 120
• Firefox 120 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/120
• Experimental features in Firefox https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Experimental_features
• -moz-image-rect https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-image-rectTypeScript 5.3
• Announcing TypeScript 5.3 https://devblogs.microsoft.com/typescript/announcing-typescript-5-3/
Новые статьи на MDN
• @starting-style https://developer.mozilla.org/en-US/docs/Web/CSS/@starting-style
• Transition-behavior https://developer.mozilla.org/en-US/docs/Web/CSS/transition-behavior
• Overlay https://developer.mozilla.org/en-US/docs/Web/CSS/overlay
• Animating popovers https://developer.mozilla.org/en-US/docs/Web/API/Popover_API/Using#animating_popoversВерсии Node.js и NODE_ENV
• You are not updating Node.js https://adventures.nodeland.dev/archive/you-are-not-updating-nodejs/
• NODE_ENV=production is a lie https://youtu.be/HMM7GJC5E2oТюнинг Prettier
• Prettier-plugin-void-html https://github.com/awmottaz/prettier-plugin-void-html
• Add an option to prefer void tags https://github.com/prettier/prettier/issues/5246Preact не для Next.js
• Moving back to React https://daily.dev/blog/moving-back-to-react
Ответы на вопросы
• Navigation Menubar Example https://www.w3.org/WAI/ARIA/apg/patterns/menubar/examples/menubar-navigation/
• podcast@web-standards.ru mailto:podcast@web-standards.ruЧитайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https:… -
396. Safari, Invoker, PiP, Adobe и Figma, CQ, веб это Chrome, Stylelint и ESLint, Monaspace
20 november 2023 · 1 uur 48 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Алексей Симоненко, Юля Миоцен
Темы
00:00:00 Интро
00:01:31 Safari TP 183
00:07:05 Invoker в Chrome и Firefox
00:17:49 PiP без вопросов
00:26:34 Новинки Figma
00:36:00 Adobe и Figma S10E01
00:50:06 Container Queries
00:59:45 Веб это Chrome?
01:10:18 Stylelint и ESLint
01:26:53 GitHub Monaspace
01:43:04 Ответы на вопросыSafari TP 183
• Release Notes for Safari Technology Preview 183 https://webkit.org/blog/14769/release-notes-for-safari-technology-preview-183/
Invoker в Chrome и Firefox
• Chrome & Firefox both have experimental support for invoketarget and invokeaction https://indieweb.social/@keithamus/111414371047450338
• A simple counter demo in 9 lines of JS https://twitter.com/keithamus/status/1715667247262261489
• Counter app with Invokers https://codepen.io/keithamus/pen/abXbzqv?editors=1010PiP без вопросов
• Automatic picture-in-picture for web apps https://developer.chrome.com/blog/automatic-picture-in-picture/
Новинки Figma
• Little Big Updates Weekly H2 2023 https://www.figma.com/community/file/1279187003114503131/little-big-updates-weekly-h2-2023
Adobe и Figma S10E01
• The Figma + Adobe Deal, Explained https://www.figma.com/blog/adobe-figma-faq/
Container Queries
• Getting started with CSS container queries https://developer.mozilla.org/en-US/blog/getting-started-with-css-container-queries/
Веб это Chrome?
• The Web Can Do https://thewebshowcase.withgoogle.com/
Stylelint и ESLint
• Stylelint v16.0.0 removed deprecated stylistic rules https://github.com/stylelint/stylelint/blob/changeset-release/main/CHANGELOG.md
• Deprecation of formatting rules https://eslint.org/blog/2023/10/deprecating-formatting-rules/
• Node: use biome as formatter https://github.com/nodejs/node/pull/50672GitHub Monaspace
• Monaspace https://monaspace.githubnext.com/
Ответы на вопро…
-
395. GitHub Universe и Copilot, Angular.dev, знай Юникод, CSS 4, 5, 6 и AI в FigJam
13 november 2023 · 1 uur 39 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Андрей Мелихов, Вадим Макеев
Темы
00:00:00 Интро
00:02:01 GitHub Universe
00:30:39 Angular.dev
00:46:18 Знай Юникод
01:01:24 CSS 4, 5, 6
01:30:37 AI в FigJamGitHub Universe
• Universe 2023: Copilot transforms GitHub into the AI-powered developer platform https://github.blog/2023-11-08-universe-2023-copilot-transforms-github-into-the-ai-powered-developer-platform/
Angular.dev
• Announcing Angular.dev https://blog.angular.io/announcing-angular-dev-1e1205fa3039
• Introducing Angular v17 https://blog.angular.io/introducing-angular-v17-4d7033312e4bЗнай Юникод
• The Absolute Minimum Every Software Developer Must Know About Unicode in 2023 (Still No Excuses!) https://tonsky.me/blog/unicode/
CSS 4, 5, 6
• CSS Feature List https://github.com/orgs/CSS-Next/projects/1/views/2
• CSS-Next Community Group https://docs.google.com/presentation/d/1V3kyGahIl2P2i2J0dlHYhT97ssdfqyQuGpQtUar1aqE/view
• CSSWG supports efforts to define levels for CSS https://github.com/w3c/csswg-drafts/issues/4770#issuecomment-1802342332AI в FigJam
• Introducing AI to FigJam https://www.figma.com/blog/introducing-ai-to-figjam/
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
394. Chrome 119 и бета 120, Firefox, Safari TP, light DOM и веб-компоненты, импорты в Next.js
6 november 2023 · 1 uur 41 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Андрей Мелихов, Алексей Симоненко, Вадим Макеев
Темы
00:00:00 Интро
00:01:24 Chrome 119
00:12:52 Бета Chrome 120
00:37:48 Новости Firefox
00:55:30 Safari TP
01:06:03 Веб-компоненты
01:33:28 Импорты в Next.jsChrome 119
• New in Chrome 119 https://developer.chrome.com/blog/new-in-chrome-119/
Бета Chrome 120
• Chrome 120 beta https://developer.chrome.com/blog/chrome-120-beta/
Новости Firefox
• These Weeks in Firefox: Issue 148 https://blog.nightly.mozilla.org/2023/11/02/i-can-has-browser-improvements-these-weeks-in-firefox-issue-148/
• Firefox: Intent to prototype Invokers https://groups.google.com/a/mozilla.org/g/dev-platform/c/iNeYYiRjMaQ/m/boR2M_SnBAAJ
• Open UI. Invokers (Explainer) https://open-ui.org/components/invokers.explainer/
• Feature request: “Always underline links in text” option in Firefox https://bugzilla.mozilla.org/show_bug.cgi?id=1664278
• GitHub: Underlined Links for Improved Accessibility https://github.blog/changelog/2023-10-18-new-default-underlined-links-for-improved-accessibility/Safari TP
• Release Notes for Safari Technology Preview 182 https://webkit.org/blog/14764/release-notes-for-safari-technology-preview-182/
Веб-компоненты
• Blinded By the Light DOM https://meyerweb.com/eric/thoughts/2023/11/01/blinded-by-the-light-dom/
• Web Components Will Outlive Your JavaScript Framework https://jakelazaroff.com/words/web-components-will-outlive-your-javascript-framework/Импорты в Next.js
• How we optimized package imports in Next.js https://vercel.com/blog/how-we-optimized-package-imports-in-next-js
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
… -
393. Firefox и Safari, Passkey, Figma и Adobe, State of React, Node.js, Next.js, Tailwind и пельмени
31 oktober 2023 · 1 uur 39 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Вадим Макеев, Юля Миоцен, Андрей Мелихов
Темы
00:00:00 Интро
00:01:54 Firefox 119
00:14:42 Safari 17.1 и бета
00:28:10 Код-лаб для Passkey
00:40:29 Figma и Adobe
00:53:33 State of React
00:58:25 Node.js Buffer
01:02:56 Шум вокруг Next.js 14
01:12:27 Опять Tailwind
01:29:32 Эмоджи пельменяFirefox 119
• Firefox 119 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/119
• Firefox DevTools Newsletter 119 https://fxdx.dev/firefox-devtools-newsletter-119/
• Firefox Nightly 120.0a1 https://www.mozilla.org/en-US/firefox/120.0a1/releasenotes/
• Early Hints: How Cloudflare Can Improve Website Load Times by 30% https://blog.cloudflare.com/early-hints/Safari 17.1 и бета
• WebKit Features in Safari 17.1 https://webkit.org/blog/14735/webkit-features-in-safari-17-1/
• Safari 17.2 Beta Release Notes https://developer.apple.com/documentation/safari-release-notes/safari-17_2-release-notesКод-лаб для Passkey
• Passwordless login on the web with passkeys https://developers.google.com/learn/pathways/passkeys_web
• Passkeys Codelab https://glitch.com/edit/#!/xs-passkeys-codelab-endFigma и Adobe
• How Figma and Adobe think they could work together https://www.theverge.com/2023/10/26/23933425/adobe-figma-acquisition-integration-ai-video
• Zoom App Marketplace: Figma https://marketplace.zoom.us/apps/uD_G75csQlOKq3uGCfmu1gState of React
• State of React 2023 https://survey.devographics.com/en-US/survey/state-of-react/2023
Node.js Buffer
• Goodbye, Node.js Buffer https://sindresorhus.com/blog/goodbye-nodejs-buffer
Шум вокруг Next.js 14
• Next.js 14 https://nextjs.org/blog/next-14
• How to Think About Security in Next.js https://nextjs.org/blog/security-nextjs-server-components-actions
• I don’t understand the hate for this https://twitter.com/jaffathecake/sta… -
392. DevTools Chrome и Firefox, скролбары, скрытие IP, text-indent, Safari TP, Node.js, Eleventy 3.0
24 oktober 2023 · 1 uur 35 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Вадим Макеев, Никита Дубко
Темы
00:00:00 Интро
00:01:24 Chrome DevTools
00:13:09 Стилизация скролбаров
00:26:42 Скрытие IP в Chrome
00:37:47 Firefox DevTools
00:49:55 Развитие text-indent
00:58:54 Safari TP
01:12:41 Node.js 21
01:20:06 Маскот Node.js
01:23:52 Eleventy 3.0
01:29:17 Ответы на вопросыChrome DevTools
• What’s New in DevTools (Chrome 119) https://developer.chrome.com/blog/new-in-devtools-119/
Стилизация скролбаров
• Intent to Ship: CSS Scrollbars: scrollbar-color, scrollbar-width https://groups.google.com/a/chromium.org/g/blink-dev/c/PkEsMirl2zE/m/ArphSa39AAAJ
• Can I use: property: scrollbar-color https://caniuse.com/mdn-css_properties_scrollbar-colorСкрытие IP в Chrome
• Intent to Experiment: IP Protection Phase 0 https://groups.google.com/a/chromium.org/g/blink-dev/c/9s8ojrooa_Q/m/I6Rj5UTZBgAJ
Firefox DevTools
• Firefox Developer Tools https://firefox-dev.tools/
• Responsive Design Mode https://firefox-source-docs.mozilla.org/devtools-user/responsive_design_mode/index.html
• The diversity of investment in Chromium is on a steady decline https://toot.cafe/@RickByers/111271033482424687Развитие text-indent
• Intent to prototype & ship: CSS text-indent keywords hanging & each-line https://groups.google.com/a/mozilla.org/g/dev-platform/c/z6PaiICBCRg/m/w171E3_DAAAJ
• text-indent: hanging each-line https://codepen.io/pepelsbey/pen/xxMxbGK
• Can I use: hanging-punctuation https://caniuse.com/css-hanging-punctuationSafari TP
• Safari Technology Preview 181 https://webkit.org/blog/14721/release-notes-for-safari-technology-preview-181/
Node.js 21
• Node.js 21 is now available https://nodejs.org/en/blog/announcements/v21-release-announce
Маскот Node.js
• Announcing the Node.js Mascot Design Contest! https://social.lfx.dev/@nodejs/111269335660411385
• Have a … -
391. Chrome 118 и куки, Arc Max и AI, CSS-темы, адаптивное видео, Source Maps, ESM в Node.js, OKLCH
16 oktober 2023 · 1 uur 34 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Алексей Симоненко, Андрей Мелихов
Темы
00:00:00 Интро
00:01:39 Релиз Chrome 118
00:09:59 Сторонние куки в Chrome
00:22:17 Arc Max и AI
00:36:38 Тёмные темы в CSS
00:46:17 Адаптивное видео
00:55:39 Стандарт Source Maps
01:02:45 Включение ESM в Node.js
01:19:59 OKLCH немного сломан
01:31:34 Ответы на вопросыРелиз Chrome 118
• New in Chrome 118 https://developer.chrome.com/blog/new-in-chrome-118/
Сторонние куки в Chrome
• Preparing for the end of third-party cookies https://developer.chrome.com/blog/cookie-countdown-2023oct/
Arc Max и AI
• Introducing Arc Max https://youtu.be/y7koAGLf0EE
Тёмные темы в CSS
• Easy Light-Dark Mode Color Switching with light-dark() https://www.bram.us/2023/10/09/the-future-of-css-easy-light-dark-mode-color-switching-with-light-dark/
Адаптивное видео
• We’re Bringing Responsive Video Back! https://scottjehl.com/posts/responsive-video/
Стандарт Source Maps
• TC39: a task group to standardize source maps https://www.ecma-international.org/news/ecma-tc39-ecmascript-initiates-a-new-task-group-to-standardize-source-maps/
Включение ESM в Node.js
• When to make default-type=module the Node.js default https://github.com/nodejs/TSC/issues/1445
OKLCH немного сломан
• (ok)lch implementations break the entire purpose for authors https://github.com/w3c/csswg-drafts/issues/9449
• PostCSS Gamut Mapping Plugin https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-gamut-mappingОтветы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn h… -
390. Safari, бета Chrome 119, Divtober, пересмотр Baseline, новинки WCAG 2.2, Closure Compiler
10 oktober 2023 · 1 uur 25 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Юля Миоцен, Вадим Макеев
Темы
00:00:00 Интро
00:01:08 Новинки Safari
00:22:26 Бета Chrome 119
00:50:01 Divtober
00:56:29 Пересмотр Baseline
01:08:03 Новинки WCAG 2.2
01:15:01 Closure CompilerНовинки Safari
• Release Notes for Safari Technology Preview 180 https://webkit.org/blog/14664/release-notes-for-safari-technology-preview-180/
• Window: open() method https://developer.mozilla.org/en-US/docs/Web/API/Window/open
• Simplified Responsive Design Mode https://webkit.org/blog/14670/simplified-responsive-design-mode/Бета Chrome 119
• Chrome 119 beta https://developer.chrome.com/blog/chrome-119-beta/
Divtober
• Хэштег #divtober https://twitter.com/hashtag/divtober
• A Single Div https://a.singlediv.com/
• The Divtober 2023 Collection https://css-only.art/divtober-2023/
• Single Div Drawings https://cssdrawings.com/Пересмотр Baseline
• Call for positions: Baseline definition https://github.com/web-platform-dx/web-features/issues/374
Новинки WCAG 2.2
• W3C: What’s new in WCAG 2.2 https://www.w3.org/WAI/standards-guidelines/wcag/new-in-22/,
• Хидде: What’s new in WCAG 2.2 https://hidde.blog/new-in-wcag22/
• Леони: What’s new in WCAG 2.2 https://tetralogical.com/blog/2023/10/05/whats-new-wcag-2.2/Closure Compiler
• The Saga of the Closure Compiler and Why TypeScript Won https://effectivetypescript.com/2023/09/27/closure-compiler/
• Closure Compiler https://developers.google.com/closure/compilerОтветы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.lin… -
389. Firefox, CSS-нестинг, HTML-заголовки, text-wrap, Фотошоп в вебе, Google Fonts, LCP, Tailwind
2 oktober 2023 · 2 uur 10 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Вадим Макеев, Алексей Симоненко
Темы
00:00:00 Интро
00:02:02 Firefox 118
00:11:51 Тюнинг CSS-нестинга
00:31:50 HTML-заголовки
00:55:38 Порядок в text-wrap
01:02:52 Фотошоп в вебе
01:19:59 Google Fonts через Cloudflare
01:29:53 Картинки и LCP
01:43:31 Tailwind тоже прав
02:02:22 Ответы на вопросыFirefox 118
• Firefox 118 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/118
Тюнинг CSS-нестинга
• CSS Nesting and the Cascade https://webkit.org/blog/14571/css-nesting-and-the-cascade/
• Experiment with support for nested ident-selectors https://bugs.chromium.org/p/chromium/issues/detail?id=1427259HTML-заголовки
• Consider adding a headinglevelstart attribute https://github.com/whatwg/html/issues/5033
Порядок в text-wrap
• CSS WG: move balance, stable, pretty out of text-wrap https://github.com/w3c/csswg-drafts/issues/9102#issuecomment-1737768490
Фотошоп в вебе
• Photoshop’s journey to the web https://web.dev/ps-on-the-web/
• Adobe Photoshop https://photoshop.adobe.com/discover
• System requirements for Photoshop on the web https://helpx.adobe.com/photoshop/system-requirements-web.htmlGoogle Fonts через Cloudflare
• Cloudflare Fonts: enhancing website font privacy and speed https://blog.cloudflare.com/cloudflare-fonts-enhancing-website-privacy-speed/
Картинки и LCP
• The Ultimate Low-Quality Image Placeholder Technique https://csswizardry.com/2023/09/the-ultimate-lqip-lcp-technique/, Гарри Робертс
Tailwind тоже прав
• Classic rock, Mario Kart, and why we can’t agree on Tailwind https://joshcollinsworth.com/blog/tailwind-is-smart-steering, Джош Колинсворт
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/we… -
388. Safari 17 и TP 179, :has в Firefox, State of HTML, Scroll-Driven Animations, TS иногда мешает
25 september 2023 · 1 uur 22 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Никита Дубко, Андрей Мелихов
Темы
00:00:00 Интро
00:01:08 Релиз Safari 17
00:24:39 Safari TP 179
00:28:07 :has в Firefox
00:30:07 State of HTML 2023
00:41:25 Scroll-Driven Animations
00:52:31 TypeScript иногда мешает
01:15:48 Ответы на вопросыРелиз Safari 17
• WebKit Features in Safari 17.0 https://webkit.org/blog/14445/webkit-features-in-safari-17-0/
Safari TP 179
• Release Notes for Safari TP 179 https://webkit.org/blog/14532/release-notes-for-safari-technology-preview-179/
• You can now add a name attribute to the details element https://twitter.com/utilitybend/status/1704793348165230838:has в Firefox
• Firefox: Enable :has on Nightly https://bugzilla.mozilla.org/show_bug.cgi?id=1853701
State of HTML 2023
• State of HTML 2023 https://survey.devographics.com/en-US/survey/state-of-html/2023
• State of HTML 2023 now open! https://lea.verou.me/blog/2023/state-of-html-2023/Scroll-Driven Animations
• Scroll-Driven Animations: Detect if an element can scroll or not https://www.bram.us/2023/09/16/solved-by-css-scroll-driven-animations-detect-if-an-element-can-scroll-or-not/
TypeScript иногда мешает
• TypeScript Prevents Bad Things… and Good Things https://kyleshevlin.com/typescript-prevents-bad-things-and-good-things
Ответы на вопросы
• csswg/issues https://github.com/w3c/csswg-drafts/issues
• podcast@web-standards.ru mailto:podcast@web-standards.ruЧитайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
387. Chrome 117 и бета 118, DevTools, экологичный веб, миксины и функции в CSS, Interop 2024, Figma
18 september 2023 · 1 uur 54 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Никита Дубко, Юля Миоцен, Вадим Макеев
Темы
00:00:00 Интро
00:01:46 Chrome 117
00:12:20 Бета Chrome 118
00:42:21 Chrome DevTools
00:48:49 Экологичный веб
00:58:19 Миксины и функции в CSS
01:25:54 Interop 2024
01:29:59 Новости Figma
01:36:19 CSS в Figma
01:49:16 Ответы на вопросыChrome 117
• New in Chrome 117 https://developer.chrome.com/blog/new-in-chrome-117/
Бета Chrome 118
• Chrome 118 beta https://developer.chrome.com/blog/chrome-118-beta/
• Postcss-use-logical https://logical.mynk.app/
• You can scope styles inside of the parent https://twitter.com/pepelsbey_dev/status/1664767779369541632
• Change Display settings for accessibility on Mac https://support.apple.com/guide/mac-help/change-display-settings-for-accessibility-unac089/macChrome DevTools
• What’s New in DevTools (Chrome 118) https://developer.chrome.com/blog/new-in-devtools-118/
Экологичный веб
• Introducing Web Sustainability Guidelines https://www.w3.org/blog/2023/introducing-web-sustainability-guidelines/
• Web Sustainability Guidelines 1.0 at a Glance https://w3c.github.io/sustyweb/glance.html
• Mother Nature https://youtu.be/QNv9PRDIhesМиксины и функции в CSS
• CSS Mixins and Functions https://css.oddbird.net/sasslike/mixins-functions/
Interop 2024
• Submit your proposals for Interop 2024 https://web.dev/interop-2024-proposals/
Новости Figma
• Video in FigJam https://twitter.com/figma/status/1702336403978498141
• A makeover of embeds https://twitter.com/figma/status/1702337797754179650
• Lights, camera, action https://twitter.com/figma/status/1702339725955350899
• Emojis, upgraded https://twitter.com/figma/status/1702341540671340796
• Stay connected https://twitter.com/figma/status/1702342864381034981CSS в Figma
• Container queries: why it’s time to consider them in Figma https://uxdesign.cc/…
-
386. Safari, Firefox, Bun, Node.js, веб-фичи, Figma, марсианский плагин, Topics, отказ от TypeScript
11 september 2023 · 2 uur 14 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев, Алексей Симоненко
Темы
00:00:00 Интро
00:01:46 Safari TP
00:12:10 Планы Firefox
00:25:25 Bun 1.0
00:46:33 Env в Node.js
00:54:32 Каталог веб-фич
01:11:18 Новости Figma
01:21:50 Марсианский плагин
01:26:08 Google и Topics API
01:41:23 Отказ от TypeScript
02:03:48 Ответы на вопросыSafari TP
• Release Notes for Safari TP 178 https://webkit.org/blog/14435/release-notes-for-safari-technology-preview-178/
Планы Firefox
• Firefox: Intent to ship ARIA reflection https://groups.google.com/a/mozilla.org/g/dev-platform/c/1IvZq_uK9Ho/m/wcuqnqYCBAAJ
• WAI-ARIA 1.3 https://w3c.github.io/aria/#accessibilityroleandproperties-correspondence
• Firefox: Intent-to-prototype Text fragments https://groups.google.com/a/mozilla.org/g/dev-platform/c/1F1vsI0Q1dI/m/dLuXl7W3BAAJBun 1.0
• Bun 1.0 https://bun.sh/blog/bun-v1.0
• Node.js compatibility https://bun.sh/docs/runtime/nodejs-apisEnv в Node.js
• Node.js includes built-in support for .env files https://philna.sh/blog/2023/09/05/nodejs-supports-dotenv/
Каталог веб-фич
• Building the web developer’s catalog of web platform features https://www.w3.org/2023/09/TPAC/demos/web-features.html
• Exploring how to present Web platform features adoptability https://github.com/web-platform-dx/web-features
• Npm: web-features https://www.npmjs.com/package/web-features
• Introducing Baseline https://web.dev/introducing-baseline/Новости Figma
• It’s baaack: Little Big Updates, with a weekly twist https://twitter.com/figma/status/1699090964655333816
• #1: Better search https://twitter.com/figma/status/1699815059327963422
• #2: No more squinting https://twitter.com/figma/status/1699816334119625178
• #3: Details at a glance https://twitter.com/figma/status/1699817421731979612
• #4: A new component modal and playground h… -
385. Firefox 117, form-sizing и релизы Chrome, State of CSS 2023, велосипеды Dropbox, Astro 3.0
4 september 2023 · 1 uur 39 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Никита Дубко, Андрей Мелихов
Темы
00:00:00 Интро
00:01:23 Firefox 117
00:08:29 Прототип form-sizing
00:20:25 State of CSS 2023
00:58:20 Велосипеды Dropbox
01:20:00 Astro 3.0
01:36:00 Ответы на вопросыFirefox 117
• Firefox 117 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/117
• Firefox DevTools Newsletter https://fxdx.dev/firefox-devtools-newsletter-117/Прототип form-sizing
• Intent to Prototype: form-sizing https://groups.google.com/a/chromium.org/g/blink-dev/c/cA-cmgrA_QE/m/6uF_LYq4AAAJ
• Faster Chrome releases (round two!) https://developer.chrome.com/blog/faster-chrome-releases-round2/State of CSS 2023
• State of CSS 2023 https://2023.stateofcss.com/en-US/
Велосипеды Dropbox
• How we reduced the size of our JS bundles by 33% https://dropbox.tech/frontend/how-we-reduced-the-size-of-our-javascript-bundles-by-33-percent
• How Edison is helping us build a faster, more powerful Dropbox on the web https://dropbox.tech/frontend/edison-webserver-a-faster-more-powerful-dropbox-on-the-webAstro 3.0
• Astro 3.0 https://astro.build/blog/astro-3/
• Astro View Transitions https://developer.chrome.com/blog/astro-view-transitions/Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
384. Новинки Safari TP, эксклюзивный аккордеон, словарь терминов веб-разработки
28 augustus 2023 · 33 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев
Темы
00:00:00 Интро
00:01:47 Safari TP
00:06:52 Эксклюзивный аккордеон
00:21:22 Термины веб-разработкиSafari TP
• Release Notes for Safari TP 177 https://webkit.org/blog/14412/release-notes-for-safari-technology-preview-177/
• WebKit Bugzilla https://bugs.webkit.org/Эксклюзивный аккордеон
• OpenUI: Exclusive accordion https://github.com/openui/open-ui/issues/812
Термины веб-разработки
• WebGlossary.info https://webglossary.info/
• Upgrade Your HTML I–IV https://leanpub.com/b/upgrade-your-html-1-4Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
383. Chrome 116 и бета 117, CSS Podcast, Chrome DevTools, валидация форм и боль миграции на ESM
22 augustus 2023 · 1 uur 36 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Вадим Макеев, Андрей Мелихов
Темы
00:00:00 Интро
00:01:08 Chrome 116
00:12:57 Бета Chrome 117
00:37:10 CSS Podcast
00:50:54 Chrome DevTools
01:04:56 Валидация форм
01:18:31 Боль миграции на ESMChrome 116
• New in Chrome 116 https://developer.chrome.com/blog/new-in-chrome-116/
• One-time permissions in Chrome https://developer.chrome.com/blog/one-time-permissions/Бета Chrome 117
• Chrome 117 beta https://developer.chrome.com/blog/chrome-117-beta/
• CSS Grid Level 2 Examples https://gridbyexample.com/examples/#css-grid-level-2-examples
• Widows & orphans https://fonts.google.com/knowledge/glossary/widows_orphans
• Four new CSS features for smooth entry and exit animations https://developer.chrome.com/blog/entry-exit-animations/CSS Podcast
• Why isn’t z-index working? https://youtu.be/QGd1xdxkU58
• Why isn’t the margin applying? https://youtu.be/YdggbwLEuFg
• Why is it overflowing? https://youtu.be/e7PLvudkTE0
• The CSS Podcast https://thecsspodcast.libsyn.com/Chrome DevTools
• What’s New in DevTools (Chrome 117) https://developer.chrome.com/blog/new-in-devtools-117/
Валидация форм
• Part 1: HTML and CSS https://cloudfour.com/thinks/progressively-enhanced-form-validation-part-1-html-and-css/
• Part 2: Layering in JavaScript https://cloudfour.com/thinks/progressively-enhanced-form-validation-part-2-layering-in-javascript/
• Улучшение формы комментариев https://web-standards.ru/articles/enhancing-comment-form/Боль миграции на ESM
• My Experience Modernizing Packages to ESM https://blog.isquaredsoftware.com/2023/08/esm-modernization-lessons/
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.… -
382. Safari, Sanitizer API, PWA на iOS, Firefox, ChatGPT, SVG-анимации, шаблонизация, опять Jamstack
14 augustus 2023 · 1 uur 21 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Юля Миоцен, Никита Дубко
Темы
00:00:00 Интро
00:01:54 Safari TP
00:08:46 Storage Policy в Safari
00:20:56 Переделка Sanitizer API
00:28:17 PWA в Chrome на iOS
00:31:59 Расширения Firefox
00:36:31 Краулер ChatGPT уходи
00:46:40 SVG-анимации
00:52:09 Будущее HTML-шаблонизации
01:06:56 Jamstack точно всё
01:18:50 Ответы на вопросыSafari TP
• Release Notes for Safari Technology Preview 176 https://webkit.org/blog/14401/release-notes-for-safari-technology-preview-176/
Storage Policy в Safari
• Updates to Storage Policy https://webkit.org/blog/14403/updates-to-storage-policy/
Переделка Sanitizer API
• Intent to Deprecate: Sanitizer API MVP https://groups.google.com/a/chromium.org/g/blink-dev/c/PNTt4oFXt8c/m/Fo3yGJctBAAJ
PWA в Chrome на iOS
• Chrome on iOS and iPadOS now supports PWA installation https://twitter.com/firt/status/1689333691040800768
Расширения Firefox
• Prepare your Firefox desktop extension for the upcoming Android release https://blog.mozilla.org/addons/2023/08/10/prepare-your-firefox-desktop-extension-for-the-upcoming-android-release/
Краулер ChatGPT уходи
• Disallow GBTBot User-Agent https://platform.openai.com/docs/gptbot
SVG-анимации
• Animating the Impossible https://youtu.be/OIC72pqIXyk
Будущее HTML-шаблонизации
• The Future of Native HTML Templating and Data Binding https://eisenbergeffect.medium.com/the-future-of-native-html-templating-and-data-binding-5f3e52fda259
Jamstack точно всё
• My Journey Away from the JAMstack https://www.spicyweb.dev/farewell-jamstack/
• Как я перестал верить технологиям https://youtu.be/p5g4giWmcvEОтветы на вопросы
• A Firefox-only minimap https://www.stefanjudis.com/a-firefox-only-minimap/
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https… -
381. Firefox, CSS Math, Service Workers, WCAG 3, P3 Figma, SQ, Astro, View Transitions, PostCSS всё
7 augustus 2023 · 1 uur 47 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Андрей Ситник
Темы
00:00:00 Интро
00:02:18 Firefox 116
00:10:49 Ещё Math в CSS
00:19:08 Ускорение Service Workers
00:25:25 WCAG 3 пока рано
00:45:22 P3 в Figma
00:53:58 Style Queries
01:07:44 Astro и View Transitions
01:17:39 PostCSS всё
01:42:29 Ответы на вопросыFirefox 116
• Firefox 116 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/116
• 10 new CSS math functions are now supported in Firefox 118 https://mozilla.social/@FirefoxNightly/110831720664816920Ещё Math в CSS
• Intent to Experiment: ServiceWorker static routing API https://groups.google.com/a/chromium.org/g/blink-dev/c/_H8rqHW9ERQ/m/KLnRZaz3AAAJ
Ускорение Service Workers
• A repository for the ServiceWorker static routing API https://github.com/yoshisatoyanagisawa/service-worker-static-routing-api
WCAG 3 пока рано
• Do we need WCAG 3 (now)? https://yatil.net/blog/do-we-need-wcag-3-now
P3 в Figma
• Figma: Manage color profiles in design files https://help.figma.com/hc/en-us/articles/360039825114-Manage-color-profiles-in-design-files
• We brought 49% more colors to the Figma canvas https://twitter.com/LinzhiQ/status/1686411635521622016
• Huetone https://huetone.ardov.me/Style Queries
• A Future of Themes with CSS Container Style Queries https://chriskirknielsen.com/blog/future-themes-with-container-style-queries/
• Светлая и тёмная темы на CSS https://youtu.be/Qwuyeo7iuNYAstro и View Transitions
• View Transition API в Astro 2.9 https://astro.build/blog/astro-290/
• Джейк Арчибальд в The F-Word https://f-word.dev/episodes/18/PostCSS всё
• Just migrate to Lightning CSS https://youtu.be/R9f3qOpJYXg?t=1250
• PostCSS https://postcss.org
• Поддержать PostCSS https://opencollective.com/postcss
• Lightning CSS https://lightningcss.dev
• Поддержать Parcel https… -
380. Arc 1.0, State of HTML, HTTP-теги, Web Integrity, Observable, ESM в Vite, Jamstack, OverflowAI
1 augustus 2023 · 1 uur 33 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Алексей Симоненко
Темы
00:00:00 Интро
00:01:23 Arc для всех
00:12:23 State of HTML
00:23:22 HTTP-теги
00:37:20 Web Integrity
01:01:04 Observable в JS
01:06:26 ESM в Vite
01:13:28 Jamstack жив?
01:21:24 OverflowAI
01:27:10 Ответы на вопросыArc для всех
• The excellent Arc browser is now available for anyone to download https://www.theverge.com/2023/7/25/23802843/arc-browser-mac-ios-waitlist-availability
State of HTML
• Help Design the Inaugural State of HTML Survey! https://lea.verou.me/blog/2023/design-state-of-html/
HTTP-теги
• You probably don’t need http-equiv meta tags https://rviscomi.dev/2023/07/you-probably-dont-need-http-equiv-meta-tags/
Web Integrity
• Google’s nightmare “Web Integrity API” wants a DRM gatekeeper for the web https://arstechnica.com/gadgets/2023/07/googles-web-integrity-api-sounds-like-drm-for-the-web
• Web-Environment-Integrity/explainer.md at main https://github.com/RupertBenWiser/Web-Environment-Integrity/blob/main/explainer.md
• Apple already shipped attestation on the web, and we barely noticed https://httptoolkit.com/blog/apple-private-access-tokens-attestation/Observable в JS
• Observable API proposal https://github.com/domfarolino/observable
ESM в Vite
• Should Vite go ESM-only? https://m.webtoo.ls/@bluwy/110736050873446169
Jamstack жив?
• Is the term Jamstack finished? https://javascriptweekly.com/link/143229/web
OverflowAI
• OverflowAI is a tool, that will also have a VS Code plugin https://twitter.com/dthompsondev/status/1684533030809903106
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@we… -
379. Бета Chrome 116, linear(), PNG v3, Firefox ESR, перфоманс, альтернатива GitHub, эмоджи в вебе
24 juli 2023 · 1 uur 31 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Юля Миоцен, Алексей Симоненко
Темы
00:00:00 Интро
00:01:39 Бета Chrome 116
00:15:49 Функция linear()
00:33:37 PNG v3
00:43:16 Firefox ESR
00:44:54 Перфоманс
00:56:52 Альтернатива GitHub
01:10:57 Эмоджи в вебе
01:23:52 Ответы на вопросыБета Chrome 116
• Chrome 116 beta https://developer.chrome.com/blog/chrome-116-beta/
• Браузеры умеют мгновенно переключать страницу при нажатии Назад https://twitter.com/andrey_sitnik/status/1679548099771940864
• Debugging websites in Chrome on iOS 16.4+ https://developer.chrome.com/blog/debugging-chrome-on-ios/Функция linear()
• WebKit: Implement linear() https://github.com/WebKit/WebKit/pull/15936
• Anchor Positioning Exploration https://fantasai.inkedblade.net/style/specs/css-anchor-exploration/
• Some new ideas from Apple about how Anchor Positioning could work https://twitter.com/jensimmons/status/1682142089533063169PNG v3
• Portable Network Graphics (PNG) Specification (Third Edition) https://www.w3.org/TR/png-3/
• PNG Third Edition, Explained https://github.com/w3c/PNG-spec/blob/main/Third_Edition_Explainer.mdFirefox ESR
• Firefox: Full Speed Into The Future https://blog.nightly.mozilla.org/2023/07/14/full-speed-into-the-future-these-weeks-in-firefox-issue-142/
Перфоманс
• When Optimizations Backfire https://portal.gitnation.org/contents/when-optimizations-backfire
• My blog now prerenders all same-origin links, and prefetches all cross-origin ones https://twitter.com/domenic/status/1682310458106314752Альтернатива GitHub
• Pierre.co https://pierreco.substack.com/p/were-working-on-a-thing
• Finally time to talk about what I’ve been working on https://twitter.com/fat/status/1681026345768460289Эмоджи в вебе
• Using emoji on the web https://fullystacked.net/posts/using-emoji-on-the-web/
Ответы на вопросы
podcast@web-standards.ru …
-
378. Chrome 115, шрифты, Safari TP, позиции по стандартам, постмортем AI в MDN, назад к DOM API
17 juli 2023 · 1 uur 36 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Вадим Макеев, Алексей Симоненко, Андрей Мелихов
Темы
00:00:00 Интро
00:01:31 Chrome 115
00:16:04 Технологии шрифтов
00:30:02 Safari TP
00:39:08 Позиции по стандартам
00:56:02 Постмортем AI в MDN
01:17:35 Назад к DOM API
01:30:04 Ответы на вопросыChrome 115
• New in Chrome 115 https://developer.chrome.com/blog/new-in-chrome-115/
• Chrome Platform Status: Fenced frames https://chromestatus.com/feature/5699388062040064Технологии шрифтов
• The new @font-face syntax https://fullystacked.net/posts/new-font-face-syntax/
• pepelsbey.dev: fonts.css https://github.com/pepelsbey/pepelsbey.dev/blob/main/src/styles/global/fonts.cssSafari TP
• Release Notes for Safari TP 174 https://webkit.org/blog/14390/release-notes-for-safari-technology-preview-174/
Позиции по стандартам
• WebKit standards positions (dashboard) https://webkit.org/standards-positions/
• WebKit standards positions (GitHub) https://github.com/WebKit/standards-positions
• Mozilla Specification Positions https://mozilla.github.io/standards-positions/Постмортем AI в MDN
• Reflections on AI Explain: A postmortem https://developer.mozilla.org/en-US/blog/ai-explain-postmortem/
• The AI help button is very good, but it should not exist https://github.com/mdn/yari/issues/9230Назад к DOM API
• Plain Old JavaScript and the DOM https://www.crockford.com/domjs.html
• I have huge respect for Douglas, but… https://twitter.com/LeaVerou/status/1679273406624038918Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn htt… -
377. Firefox 115, эмоджи, контейнеры, DOMContentLoaded, SVG-in-JS, бесполезные слэши в тегах
10 juli 2023 · 1 uur 28 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Вадим Макеев
Темы
00:00:00 Интро
00:02:02 Firefox 115
00:10:01 Юникод и эмоджи
00:17:17 Контейнеры вместо медиа
00:32:49 DOMContentLoaded
00:42:55 Избавляемся от SVG-in-JS
00:58:16 Бесполезные слэши в тегах
01:21:11 Ответы на вопросыFirefox 115
• Firefox 115 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/115
Юникод и эмоджи
• Intent to Prototype: CSS font-variant-emoji https://groups.google.com/a/chromium.org/g/blink-dev/c/MaXgbE4vTbk/m/Q3QbI37IBQAJ
• Emoji under the hood https://tonsky.me/blog/emoji/Контейнеры вместо медиа
• Can We Query the Root Container? https://www.oddbird.net/2023/07/05/contain-root/
DOMContentLoaded
• In Defence of DOMContentLoaded https://csswizardry.com/2023/07/in-defence-of-domcontentloaded/
Избавляемся от SVG-in-JS
• Breaking Up with SVG-in-JS in 2023 https://kurtextrem.de/posts/svg-in-js/
Бесполезные слэши в тегах
• The case against self-closing tags in HTML https://jakearchibald.com/2023/against-self-closing-tags-in-html/
Ответы на вопросы
• HTMLDialogElement: cancel event https://developer.mozilla.org/en-US/docs/Web/API/HTMLDialogElement#events
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
376. Safari, CSS-нестинг, DevTools, @property, бета TS 5.2, Navigation API, Topics API, ошибка MDN
3 juli 2023 · 1 uur 34 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Никита Дубко, Вадим Макеев, Алексей Симоненко
Темы
00:00:00 Интро
00:02:02 Safari TP
00:05:51 Глубина CSS-нестинга
00:15:46 Chrome DevTools
00:25:19 @property в Firefox
00:27:29 Бета TypeScript 5.2
00:40:58 Navigation API
00:54:55 Реклама и Topics API
01:14:40 AI-ошибка MDN
01:27:48 Ответы на вопросыSafari TP
• Release Notes for Safari Technology Preview 173 https://webkit.org/blog/14378/release-notes-for-safari-technology-preview-173/
Глубина CSS-нестинга
• Limit maximum CSS rule nesting level https://github.com/WebKit/WebKit/commit/c9ac90f8cbfa0ae54a296168fe0c517826ff6757
• How to fix iOS push subscriptions getting terminated after 3 notifications https://dev.to/progressier/how-to-fix-ios-push-subscriptions-being-terminated-after-3-notifications-39a7Chrome DevTools
• What’s New in DevTools (Chrome 116) https://developer.chrome.com/en/blog/new-in-devtools-116/
• easeOutBounce https://easings.net/#easeOutBounce
• axe-core https://github.com/dequelabs/axe-core@property в Firefox
• Intent to prototype: Houdini CSS Properties and Values API https://groups.google.com/a/mozilla.org/g/dev-platform/c/deAFkKdg9rU/m/j1Aw_PzTBQAJ
Бета TypeScript 5.2
• Announcing TypeScript 5.2 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-5-2-beta/
Navigation API
• Navigation API https://html.spec.whatwg.org/multipage/nav-history-apis.html#navigation-api
• Modern client-side routing: the Navigation API https://developer.chrome.com/docs/web-platform/navigation-api/
• WebKit: Pending https://github.com/WebKit/standards-positions/issues/34
• Mozilla: Positive https://github.com/mozilla/standards-positions/issues/543Реклама и Topics API
• Intent to Ship: Topics API https://groups.google.com/a/chromium.org/g/blink-dev/c/PN_aE-X-f9U/m/ouwZfBWVDQAJ
• Enhancements to the Topics… -
375. State of CSS, новинки Figma, NestJS, веб на Vision Pro, MDN Playground, using в JS, стили в RSS
27 juni 2023 · 1 uur 36 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Андрей Мелихов, Юля Миоцен, Вадим Макеев
Темы
00:00:00 Интро
00:02:10 State of CSS
00:10:59 Новинки Figma
00:49:22 NestJS 10
00:52:42 Веб на Vision Pro
01:07:21 MDN Playground
01:13:50 Using в TS/JS
01:23:36 Стили для RSS
01:33:07 Ответы на вопросыState of CSS
• State of CSS 2023 https://survey.devographics.com/en-US/survey/state-of-css/2023
• The 2023 State of CSS survey is now open! https://dev.to/sachagreif/the-2023-state-of-css-survey-is-now-open-18bk
• The UI fund https://web.dev/ui-fund/Новинки Figma
• What’s new from Config 2023 https://www.figma.com/whats-new/
NestJS 10
• NestJS v10 is now available https://trilon.io/blog/nestjs-10-is-now-available
Веб на Vision Pro
• Thoughts from Meet Safari for Spatial Computing https://blog.jim-nielsen.com/2023/thoughts-on-safari-spatial-computing/
• Meet Safari for spatial computing https://developer.apple.com/videos/play/wwdc2023/10279/MDN Playground
• Introducing the MDN Playground: Bring your code to life! https://developer.mozilla.org/en-US/blog/introducing-the-mdn-playground/
Using в TS/JS
• TypeScript 5.2’s New Keyword: 'using' https://www.totaltypescript.com/typescript-5-2-new-keyword-using
Стили для RSS
• Style your RSS feed https://darekkay.com/blog/rss-styling/
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
374. Safari TP, сабгриды, JS-итераторы, тестирование, Figma, ES-импорты, CSS-нестинг, редактор Zed
19 juni 2023 · 1 uur 29 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Юля Миоцен, Вадим Макеев, Алексей Симоненко
Темы
00:00:00 Интро
00:01:39 Safari TP
00:06:53 Сабгриды
00:11:47 Методы итераторов
00:16:48 Chrome для тестирования
00:27:29 Гадания по Figma
00:40:52 Магические импорты
00:53:02 CSS-нестинг
01:12:12 Редактор Zed
01:22:31 Ответы на вопросыSafari TP
• Safari Technology Preview 172 https://webkit.org/blog/14372/release-notes-for-safari-technology-preview-172/
Сабгриды
• Intent to Ship: CSS Subgrid https://groups.google.com/a/chromium.org/g/blink-dev/c/qvfOyAVePfs/m/S04XMmTlCwAJ
• Learn CSS Subgrid https://ishadeed.com/article/learn-css-subgrid/
• Usage examples of CSS Grid Layout https://gridbyexample.com/examples/Методы итераторов
• Intent to Ship: Iterator Helpers https://groups.google.com/a/chromium.org/g/blink-dev/c/UyzwOm9QrxI/m/Ic40zdYYDAAJ
• Methods for working with iterators in ECMAScript https://github.com/tc39/proposal-iterator-helpers
• Iterator Helpers https://tc39.es/proposal-iterator-helpers/Chrome для тестирования
• Chrome for Testing: reliable downloads for browser automation https://developer.chrome.com/blog/chrome-for-testing/
Гадания по Figma
• Config quest https://configteaser.fun/
• Predictions for Config https://twitter.com/mds/status/1669048950488289280Магические импорты
• JavaScript Imports Under The Hood https://blog.jim-nielsen.com/2023/imports-under-the-hood/
CSS-нестинг
• The gotchas of CSS Nesting https://kilianvalkhof.com/2023/css-html/the-gotchas-of-css-nesting/
• I think we’re going to regret CSS nesting https://notes.keithjgrant.com/notes/2023/06/i-think-were-going-to-regret/
• Most of the gotchas are just differences from Sass https://front-end.social/@mia/110546388977198342Редактор Zed
• Zed: Building a platform that open sources itself https://zed.dev/blog/open-sourcing-zed-on-zed
• Panic Nova https:/… -
373. Chrome DevTools, Firefox 114, Apple Web Apps, Safari 17, Figma, ESM или CJS, Sass в браузере
12 juni 2023 · 1 uur 39 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Алексей Симоненко, Никита Дубко
Темы
00:00:00 Интро
00:01:46 Chrome DevTools
00:19:54 Firefox 114
00:28:27 Apple Web Apps
00:53:22 Новинки Safari 17
01:11:44 Apple в Figma
01:18:00 ESM или CJS
01:28:58 Sass в браузере
01:35:07 Ответы на вопросыChrome DevTools
• What’s New in DevTools (Chrome 114) https://developer.chrome.com/blog/new-in-devtools-114/
• What’s New in DevTools (Chrome 115) https://developer.chrome.com/en/blog/new-in-devtools-115/Firefox 114
• Firefox 114 https://www.mozilla.org/en-US/firefox/114.0/releasenotes/
• CSS Nesting got enabled in Firefox https://front-end.social/@bramus/110496512784889460Apple Web Apps
• News from WWDC23: WebKit Features in Safari 17 beta https://webkit.org/blog/14205/news-from-wwdc23-webkit-features-in-safari-17-beta/
• Web Apps on macOS Sonoma 14 Beta https://blog.tomayac.com/2023/06/07/web-apps-on-macos-sonoma-14-beta/Новинки Safari 17
• Web technology sessions at WWDC23 https://webkit.org/blog/14203/web-technology-sessions-at-wwdc23/
• iOS 17 automatically removes tracking parameters from links https://9to5mac.com/2023/06/08/ios-17-link-tracking-protection/Apple в Figma
• Apple в Figma Community http://www.figma.com/@apple
ESM или CJS
• How’s the Node.js ESM migration going https://twitter.com/pimterry/status/1666417270371827719
Sass в браузере
• Dart Sass in the Browser https://github.com/sass/dart-sass/blob/1.63.0/README.md#dart-sass-in-the-browser
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn http… -
372. Chrome 114-115, WWDC, Safari, пароли, вертикальный ритм, Scroll Animations, CSS Scoping, Web3
5 juni 2023 · 1 uur 43 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Юля Миоцен, Алексей Симоненко
Темы
00:00:00 Интро
00:01:47 Chrome 114-115
00:18:42 Чего ждать от WWDC
00:28:40 Safari TP
00:35:43 Требования к паролям
00:45:34 Вертикальный ритм
00:56:23 Scroll Driven Animations
01:07:31 CSS Scoping
01:17:29 404 и Web3
01:31:00 Ответы на вопросыChrome 114-115
• New in Chrome 114 https://developer.chrome.com/blog/new-in-chrome-114/
• Chrome 115 beta https://developer.chrome.com/blog/chrome-115-beta/
• Digging Into The Display Property: The Two Values Of Display https://www.smashingmagazine.com/2019/04/display-two-value/
• CSS Display Module Level 3 https://drafts.csswg.org/css-display/#display-value-summaryЧего ждать от WWDC
• WWDC 2023 https://youtu.be/GYkq9Rgoj8E
Safari TP
• Release Notes for Safari TP 171 https://webkit.org/blog/14200/release-notes-for-safari-technology-preview-171/
Требования к паролям
• Safari allows to configure password autofilling https://www.stefanjudis.com/today-i-learned/safari-allows-to-configure-password-autofilling/
• Password Rules Validation Tool https://developer.apple.com/password-rules/
• Proposal: HTML passwordrules attribute https://github.com/whatwg/html/issues/3518
• Password-rules.json https://github.com/apple/password-manager-resources/blob/main/quirks/password-rules.jsonВертикальный ритм
• Vertical rhythm on web https://twitter.com/argyleink/status/1664760429296635905?s=46&t=rYbni4-iwdVa6t50DFbnCg
Scroll Driven Animations
• Future CSS: Wishes Granted by Scroll-driven Animations https://kizu.dev/scroll-driven-animations/
CSS Scoping
• Scoped CSS is Back https://keithjgrant.com/posts/2023/04/scoped-css-is-back/
• You can scope styles inside of the parent https://twitter.com/pepelsbey_dev/status/1664767779369541632404 и Web3
• 404 Pages for Framer https://page-not-found.framer.website/
• What I… -
371. Arc Boosts, Popover и starting-style, Figma, HTML-формы, YouTube, приватные поля, JS в JS
29 mei 2023 · 1 uur 23 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Юля Миоцен, Алексей Симоненко, Вадим Макеев, Андрей Мелихов
Темы
00:00:00 Интро
00:01:46 Arc Boosts
00:14:05 Popover и starting-style
00:31:07 Новинки Figma
00:37:51 HTML-формы
00:50:49 CSS на YouTube
00:56:30 Приватные поля
01:06:10 JS в JS через WASM
01:16:19 Ответы на вопросыArc Boosts
• Arc Boosts Gallery https://arc.net/boosts
• VisBug https://chrome.google.com/webstore/detail/visbug/cdockenadnadldjbbgcallicgledbeocPopover и starting-style
• Introducing the popover API https://developer.chrome.com/blog/introducing-popover-api/
• :root isn’t global https://kilianvalkhof.com/2023/css-html/root-isnt-global/
• The Yellow Fade Technique with Modern CSS using @starting-style https://www.bram.us/2023/05/24/the-yellow-fade-technique-with-modern-css-using-starting-style/Новинки Figma
• Introduction to design systems https://www.youtube.com/playlist?list=PLXDU_eVOJTx6vqOWJSWH87Zb5-riiG63A
• State management in Figma prototypes https://twitter.com/nikolasklein/status/1661498043999596544
• Announcing FigJam screen reader support https://www.figma.com/blog/announcing-figjam-screen-reader-support/HTML-формы
• 11 HTML best practices for login & sign-up forms https://evilmartians.com/chronicles/html-best-practices-for-login-and-signup-forms
CSS на YouTube
• Юля Миоцен на Ютубе https://www.youtube.com/@julia_miocene
• Стефани Эклс на Twitch https://www.twitch.tv/5t3phdevПриватные поля
• JS private class fields considered harmful https://lea.verou.me/2023/04/private-fields-considered-harmful/
JS в JS через WASM
• A JavaScript to Webassembly toolchain https://github.com/bytecodealliance/javy
• Javy is now part of the Bytecode Alliance https://twitter.com/dassurma/status/1658590818825904131
• Bringing JavaScript to WebAssembly https://shopify.engineering/javascript-in-webassembly-for-shopify-fun… -
370. Поддержка и чат, Safari, Baseline, Firefox 113, TS 5.1 RC, семантика popover, перфоманс DOM
22 mei 2023 · 1 uur 26 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Андрей Мелихов, Вадим Макеев
Темы
00:00:00 Интро
00:01:23 Поддержка и чат
00:05:23 Новости Safari
00:17:55 Снова про Baseline
00:38:20 Firefox 113
00:52:13 TypeScript 5.1 RC
01:05:52 Семантика popover
01:13:32 Перфоманс DOMНовости Safari
• WebKit Features in Safari 16.5 https://webkit.org/blog/14154/webkit-features-in-safari-16-5/
• Release Notes for Safari Technology Preview 170 https://webkit.org/blog/14167/release-notes-for-safari-technology-preview-170/Снова про Baseline
• On browser compatibility and support baselines https://molily.de/browser-compatibility-baseline/
• Дока: grid https://doka.guide/css/grid/Firefox 113
• Firefox Developer Experience https://fxdx.dev/
• Firefox 113 https://tanalin.com/blog/posts/firefox-113/TypeScript 5.1 RC
• Announcing TypeScript 5.1 RC https://devblogs.microsoft.com/typescript/announcing-typescript-5-1-rc/
• Introducing Deopt Explorer https://devblogs.microsoft.com/typescript/introducing-deopt-explorer/Семантика popover
• Semantics and the popover attribute: what to use when? https://hidde.blog/popover-semantics/
• Попап вместо селекта https://youtu.be/mG0VFWCTnZIПерфоманс DOM
• How large DOM sizes affect interactivity, and what you can do about it https://web.dev/dom-size-and-interactivity/
• The truth about CSS selector performance https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-stand… -
369. Исходники WebKit, Baseline, INP, linear, Kotlin и WASM на Google I/O, цвета GitHub, JS как PHP
15 mei 2023 · 1 uur 41 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Юля Миоцен, Никита Дубко, Алексей Симоненко
Темы
00:00:00 Интро
00:01:31 Исходники WebKit
00:07:18 UI вместо AI
00:22:27 Baseline
00:42:53 INP в CWV
00:51:56 Linear в CSS
00:59:41 Kotlin и WASM
01:07:21 Цвета GitHub
01:14:15 JS как PHP
01:38:12 Ответы на вопросыИсходники WebKit
• Contributing to WebKit https://annevankesteren.nl/2023/05/webkit-committer
• Introducing WebKit Documentation https://webkit.org/blog/14139/introducing-webkit-documentation/UI вместо AI
• 10 updates at Google I/O https://developer.chrome.com/blog/chrome-at-io23/
• What’s new in CSS and UI: I/O 2023 Edition https://developer.chrome.com/blog/whats-new-css-ui-2023/Baseline
• Introducing Baseline https://web.dev/introducing-baseline/
• Introducing Baseline: a unified view of stable web features https://developer.mozilla.org/en-US/blog/baseline-unified-view-stable-web-features/
• Baseline features you can use today https://web.dev/baseline-features/INP в CWV
• Advancing Interaction to Next Paint https://web.dev/inp-cwv/
Linear в CSS
• Linear easing generator https://linear-easing-generator.netlify.app/
Kotlin и WASM
• Bringing Kotlin to the Web https://developers.googleblog.com/2023/05/bringing-kotlin-to-web.html
Цвета GitHub
• Unlocking inclusive design: how Primer’s color system is making https://github.blog/2023-05-11-unlocking-inclusive-design-how-primers-color-system-is-making-github-com-more-inclusive/
JS как PHP
• The JavaScript Ecosystem is Delightfully Weird https://fly.io/blog/js-ecosystem-delightfully-wierd/
Ответы на вопросы
• Decap CMS https://decapcms.org/
• Kirby CMS https://getkirby.com/
• Tilda https://tilda.cc
• Webflow https://webflow.com
• Readymag https://readymag.com
• Squarespace https://www.squarespace.com
• Framer https://www.framer.com
• Bubble https://bubble.iopodcast@web-standa…
-
368. Safari TP и WebKit, единицы QC, Chrome 113 и 114, SupportsCSS, Event Loop, Deno, Vercel Ship
8 mei 2023 · 1 uur 42 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев, Алексей Симоненко
Темы
00:00:00 Интро
00:01:38 Safari TP 169
00:09:19 WebContainer в Safari
00:25:06 Ошибка в единицах QC
00:29:40 Chrome 113
00:40:58 Бета Chrome 114
00:58:06 SupportsCSS
01:10:29 Event Loop
01:15:37 Deno 1.33
01:24:41 Vercel Ship
01:35:02 Ответы на вопросыSafari TP 169
• Release Notes for Safari Technology Preview 169 https://webkit.org/blog/14135/release-notes-for-safari-technology-preview-169/
WebContainer в Safari
• WebContainers now run on Safari, iOS, and iPadOS https://blog.stackblitz.com/posts/webcontainers-are-now-supported-on-safari/
• TC39: Error Stacks https://github.com/tc39/proposal-error-stacksОшибка в единицах QC
• CQ units use border box instead of a content box https://front-end.social/@kizu/110295410985070483
• WebKit PR https://github.com/WebKit/WebKit/pull/13364Chrome 113
• New in Chrome 113 https://developer.chrome.com/blog/new-in-chrome-113/
Бета Chrome 114
• Chrome 114 beta https://developer.chrome.com/blog/chrome-114-beta/
• Blur camera background https://developer.chrome.com/blog/background-blur/
• It seems like subgrid is starting to land in Chrome https://front-end.social/@jensimmons/110277676383860136SupportsCSS
• Testing Feature Support for Modern CSS https://moderncss.dev/testing-feature-support-for-modern-css/
• SupportsCSS https://supportscss.dev/Event Loop
• Practical Guide To Not Blocking The Event Loop https://www.bbss.dev/posts/eventloop/
Deno 1.33
• Deno 1.33: Deno 2 is coming https://deno.com/blog/v1.33
Vercel Ship
• Vercel Ship https://youtube.com/playlist?list=PLBnKlKpPeaglyLdfJLKngi5uahfi8pgMB
Ответы на вопросы
• Примеры фокуса https://www.whoop.ee/css-modern-dialog/
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X ht… -
367. Инклюзивный ананас, Scroll animation, Badging, Opera, CSS Scope, дизайн-система WP, ES-модули
1 mei 2023 · 1 uur 26 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев, Юля Миоцен, Никита Дубко, Алексей Симоненко
Темы
00:00:00 Интро
00:01:32 Инклюзивный ананас
00:04:38 Scroll animations
00:19:16 Badging API
00:29:16 Opera One
00:38:08 Scope в CSS
00:52:43 Дизайн-система WP
01:00:45 ES-модули
01:19:16 Ответы на вопросыИнклюзивный ананас
• Инклюзивный ананас https://inclusivepineapple.github.io/
Scroll animations
• Intent to Ship: Scroll-driven animations https://groups.google.com/a/chromium.org/g/blink-dev/c/RDKAi9JPHwY/m/5MWvzGPjAgAJ
• Scroll-driven Animations https://scroll-driven-animations.style/Badging API
• Badging for Home Screen Web Apps https://webkit.org/blog/14112/badging-for-home-screen-web-apps/
Opera One
• Opera One https://www.opera.com/one
Scope в CSS
• Scoped CSS is back https://keithjgrant.com/posts/2023/04/scoped-css-is-back/
Дизайн-система WP
• WP Design System: Accessibility https://build.washingtonpost.com/resources/accessibility?itid=lk_inline_manual_10
ES-модули
• ECMAScript modules and browser compatibility https://molily.de/ecmascript-modules/
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
366. Safari, Chrome DevTools, ES2023, CSS-модули, письма без таблиц, HDR-градиенты, Node.js 20, Deno
24 april 2023 · 1 uur 47 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко, Алексей Симоненко
Темы
00:00:00 Интро
00:01:39 Safari TP
00:08:05 Chrome DevTools
00:14:55 Новинки ES2023
00:24:09 Экспорты в CSS-модулях
00:41:41 Письма без таблиц
01:05:13 HDR-градиенты
01:14:03 Node.js 20
01:21:45 Зачем Deno?
01:34:55 Ответы на вопросыSafari TP
• Release Notes for Safari Technology Preview 168 https://webkit.org/blog/14106/release-notes-for-safari-technology-preview-168/
Chrome DevTools
• What’s New in DevTools (Chrome 113) https://developer.chrome.com/blog/new-in-devtools-113/
Новинки ES2023
• What’s new in ECMAScript 2023 https://pawelgrzybek.com/whats-new-in-ecmascript-2023/
Экспорты в CSS-модулях
• CSSWG Drafts: Multiple stylesheets per file https://github.com/w3c/csswg-drafts/issues/5629
• Cascading Stylesheet Module scripts https://github.com/WICG/webcomponents/blob/gh-pages/proposals/css-modules-v1-explainer.mdПисьма без таблиц
• Modern HTML email (tables no longer required) https://fullystacked.net/posts/modern-html-email/
• Email Markup Consortium https://emailmarkup.org/
• Can I email… https://www.caniemail.com/clients/
• Punched card coding https://youtu.be/xhUfiOSOk3gHDR-градиенты
• CSS HD Gradients https://gradient.style/
• A modern CSS gradient and color picking tool https://twitter.com/argyleink/status/1649124742463623169Node.js 20
• Node.js 20 is now available https://openjsf.org/blog/2023/04/18/node-js-20-now-available/
Зачем Deno?
• Deno vs. Node: No One is Ready for the Move https://cult.honeypot.io/reads/deno-vs-node-main-differences/
Ответы на вопросы
• Придумал вариант применения @layer https://github.com/calmosowl/layers-test
• CSS and JavaScript as first-class citizens in Eleventy https://pepelsbey.dev/articles/eleventy-css-js/
• Свежий взгляд на Gulp: функции и ES-модули https://youtu.be/fgJmCevEtL4podca…
-
365. Zoom, text-wrap, Cascade Layers, reading-order, перфоманс, Node.js, WordPress, нейронки
17 april 2023 · 1 uur 42 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Алексей Симоненко, Никита Дубко, Вадим Макеев
Темы
00:00:00 Интро
00:01:39 Zoom уходит из CSS
00:07:57 Text-wrap: balance
00:17:24 Зачем Cascade Layers
00:30:05 Reading-order
00:44:07 Правило перфоманса
00:57:41 Тест-раннер в Node.js
01:11:57 WordPress в браузере
01:21:54 Нейронки в браузереZoom уходит из CSS
• Intent to remove: CSS zoom https://groups.google.com/a/chromium.org/g/blink-dev/c/V7q43bgutbo/m/-7jneTl8CQAJ?pli=1
Text-wrap: balance
• CSS Text balancing with text-wrap: balance https://ishadeed.com/article/css-text-wrap-balance/
• CSS text-wrap: balance https://developer.chrome.com/blog/css-text-wrap-balance/Зачем Cascade Layers
• What’s a Basic Use Case for Cascade Layers in CSS? https://chriscoyier.net/2023/04/10/whats-a-basic-use-case-for-cascade-layers-in-css/
Reading-order
• Solving the CSS layout and source order disconnect https://developer.chrome.com/blog/reading-order/
Правило перфоманса
• The Performance Golden Rule Revisited https://timkadlec.com/remembers/2023-04-10-the-golden-rule-revisited/
Тест-раннер в Node.js
• Node.js: Move ESM loaders off-thread https://github.com/nodejs/node/pull/44710
• Trying Node.js Test Runner https://glebbahmutov.com/blog/trying-node-test-runner/WordPress в браузере
• Build in-browser WordPress experiences WASM https://web.dev/wordpress-playground/
Нейронки в браузере
• Web Stable Diffusion https://mlc.ai/web-stable-diffusion/
• Играем в Mortal Kombat с TensorFlow.js https://medium.com/devschacht/transfer-learning-tensorflow-js-data-augmentation-59823ab00b34
• WebGPU: Implementation Status https://github.com/gpuweb/gpuweb/wiki/Implementation-StatusОтветы на вопросы
• When is :focus-visible visible? https://bitsofco.de/when-is-focus-visible-visible/
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читай…
-
364. Chrome, Safari TP, hr внутри select, релизы Safari, Babel на ESM, история JSON, веб на WASM
10 april 2023 · 1 uur 23 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Андрей Мелихов
Темы
00:00:00 Интро
00:01:08 Chrome 112/113
00:18:49 Safari TP
00:25:37 Hr внутри select
00:31:41 Релизы Safari
00:48:25 Babel на ESM
00:52:05 История JSON
01:05:11 Веб на WASMChrome 112/113
• New in Chrome 112 https://developer.chrome.com/blog/new-in-chrome-112/
• Chrome 113 beta https://developer.chrome.com/blog/chrome-113-beta/
• LCP change in Chrome 112 to ignore low-entropy images https://chromium.googlesource.com/chromium/src/+/refs/heads/main/docs/speed/metrics_changelog/2023_04_lcp.mdSafari TP
• Release Notes for Safari Technology Preview 167 https://webkit.org/blog/14100/release-notes-for-safari-technology-preview-167/
Hr внутри select
• Allow hr to be used inside select as a separator https://github.com/whatwg/html/pull/9124
Релизы Safari
• Safari releases are development hell https://www.construct.net/en/blogs/ashleys-blog-2/safari-releases-development-1616
Babel на ESM
• Super experimental ESM-based version Babel https://twitter.com/NicoloRibaudo/status/1643272880590045185
История JSON
• JSON vs XML With Douglas Crockford https://corecursive.com/json-vs-xml-douglas-crockford/
Веб на WASM
• Towards a modern Web stack https://docs.google.com/document/d/1peUSMsvFGvqD5yKh3GprskLC3KVdAlLGOsK6gFoEOD0/view
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
363. Mozilla 25, Figma, Safari, Sass и CSS, React, @media scripting, Playwright, CSS Zen Garden жив!
3 april 2023 · 1 uur 26 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Юля Миоцен, Андрей Мелихов, Алексей Симоненко
Темы
00:00:00 Интро
00:01:16 25 лет Mozilla
00:12:33 Новинки Figma
00:25:39 Safari 16.4
00:49:20 Sass и CSS-нестинг
00:59:50 Новости React Labs
01:09:59 media scripting
01:16:00 Playwright UI
01:20:47 CSS Zen Garden жив!25 лет Mozilla
• A quarter century of Mozilla https://blog.mozilla.org/en/mozilla/mitchell-baker-mozilla-25-anniversary/
• XUL Layout is gone https://crisal.io/words/2023/03/30/xul-layout-is-gone.htmlНовинки Figma
• Figma Little big things https://www.figma.com/release-notes/?title=Little%20Big%20Updates%20are%20back!
Safari 16.4
• WebKit Features in Safari 16.4 https://webkit.org/blog/13966/webkit-features-in-safari-16-4/
• JavaScript import maps are now supported cross-browser https://web.dev/import-maps-in-all-modern-browsers/
• Safari 16.5 Beta Release https://developer.apple.com/documentation/safari-release-notes/safari-16_5-release-notesSass и CSS-нестинг
• Sass and Native Nesting https://sass-lang.com/blog/sass-and-native-nesting
Новости React Labs
• React Labs: What We’ve Been Working On https://react.dev/blog/2023/03/22/react-labs-what-we-have-been-working-on-march-2023
@media scripting
• Intent to prototype and ship: Scripting media feature https://groups.google.com/a/mozilla.org/g/dev-platform/c/BU3zzial8lE/m/NzJhLV0MAgAJ
• Media scripting demo https://front-end.social/@stefan/110117172307719974Playwright UI
• Playwright: Introducing UI Mode https://github.com/microsoft/playwright/releases/tag/v1.32.0
CSS Zen Garden жив!
• CSS Zen Garden is back https://tilde.zone/@daveshea/110099202953413733
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook htt… -
362. Safari TP, новый тег search, focus-visible, AI в дизайне и разработке, печать на CSS, Vite 5
27 maart 2023 · 1 uur 40 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Юля Миоцен, Никита Дубко
Темы
00:00:00 Интро
00:01:08 Safari TP 166
00:09:33 HTML-элемент search
00:23:05 Focus-visible
00:31:20 GitHub Copilot X
00:47:34 AI в дизайне
01:05:32 AI в разработке
01:23:39 Печать на CSS
01:33:23 Планы на Vite 5
01:36:07 Ответы на вопросыSafari TP 166
• Release Notes for Safari TP 166 https://webkit.org/blog/13964/release-notes-for-safari-technology-preview-166/
HTML-элемент search
• The search element https://www.scottohara.me/blog/2023/03/24/search-element.html
Focus-visible
• When is focus-visible visible? https://bitsofco.de/when-is-focus-visible-visible/
GitHub Copilot X
• GitHub Copilot X: The AI-powered dev experience https://github.blog/2023-03-22-github-copilot-x-the-ai-powered-developer-experience/
AI в дизайне
• Beta Adobe Firefly https://www.adobe.com/sensei/generative-ai/firefly.html
AI в разработке
• The End of Front-End Development https://www.joshwcomeau.com/blog/the-end-of-frontend-development/
Печать на CSS
• Laying Out a Print Book With CSS https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/
Планы на Vite 5
• Vite 5 discussion https://github.com/vitejs/vite/discussions/12466
Ответы на вопросы
podcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
361. Firefox 111, анимация display, TS 5.x, CQ, Anchor Positioning, Electron 10 лет, React-ошибки
20 maart 2023 · 1 uur 43 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Никита Дубко, Алексей Симоненко
Темы
00:00:00 Интро
00:01:54 Firefox 111
00:13:45 Анимация display
00:21:03 TypeScript 5.x
00:34:40 Container Queries
00:49:37 Anchor Positioning
01:07:19 Electron 10 лет
01:15:49 React.dev
01:23:33 Ошибки на React
01:35:26 Ответы на вопросыВадим ищет работу
• LinkedIn https://www.linkedin.com/in/pepelsbey/
• Резюме https://pepelsbey.notion.site/28c6517a714b49ab9a0d2adc002b7059Firefox 111
• Firefox 111 https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/111
Анимация display
• Intent to Ship: Transitions on specified discrete properties https://groups.google.com/a/chromium.org/g/blink-dev/c/UK6TtET2gOI/m/mtms_sjtBQAJ?pli=1
• Dialog open close animation https://output.jsbin.com/buquher/quietTypeScript 5.x
• Announcing TypeScript 5.0 https://devblogs.microsoft.com/typescript/announcing-typescript-5-0/
• TypeScript 5.1 Iteration Plan https://github.com/microsoft/TypeScript/issues/53031Container Queries
• On Container Queries, Responsive Images, and JPEG-XL https://cloudfour.com/thinks/on-container-queries-responsive-images-and-jpeg-xl/
Anchor Positioning
• Future CSS: Anchor Positioning https://kizu.dev/anchor-positioning-experiments/
Electron 10 лет
• 10 years of Electron https://www.electronjs.org/blog/10-years-of-electron
React.dev
• Introducing react.dev https://react.dev/blog/2023/03/16/introducing-react-dev
Ошибки на React
• 5 Mistakes I Made When Starting My First React Project https://css-tricks.com/5-mistakes-starting-react/
Ответы на вопросы
• Over 1000 feeds for web developers https://github.com/simevidas/web-dev-feeds
• Фид подкаста на Гитхабе https://github.com/web-standards/podcastpodcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https… -
360. Chrome 111/112, Safari TP, Chrome на iOS, CSS Nesting, Inert и доступность, TS на ES-модулях
13 maart 2023 · 1 uur 46 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Андрей Мелихов, Никита Дубко, Вадим Макеев
Темы
00:00:00 Интро
00:02:10 Chrome 111
00:06:49 Бета Chrome 112
00:18:24 Safari TP
00:30:53 Chrome на iOS
00:38:33 Тригонометрия в CSS
00:46:48 CSS Nesting
01:00:20 Ускорение таблиц
01:12:30 Inert и доступность
01:22:00 TS 5.0 на ES-модулях
01:33:26 Ответы на вопросыВеб-стандарты в Мастодоне https://mastodon.social/@webstandards_ru
Chrome 111
• New in Chrome 111 https://developer.chrome.com/blog/new-in-chrome-111/
Бета Chrome 112
• Chrome 112 beta https://developer.chrome.com/blog/chrome-112-beta/
Safari TP
• Release Notes for Safari Technology Preview 165 https://webkit.org/blog/13932/release-notes-for-safari-technology-preview-165/
• Новый image-set как тег picture в CSS https://youtu.be/VnjrIGvoO_YChrome на iOS
• Checking out and building Chromium for iOS https://chromium.googlesource.com/chromium/src/+/main/docs/ios/build_instructions.md
• Open Web Advocacy https://open-web-advocacy.org/
• The F-Word https://f-word.dev/Тригонометрия в CSS
• Trigonometric functions in CSS https://web.dev/css-trig-functions/
CSS Nesting
• CSS Nesting https://developer.chrome.com/articles/css-nesting/
Ускорение таблиц
• Making Tanstack Table 1000x faster with a 1 line change https://jpcamara.com/2023/03/07/making-tanstack-table.html
Inert и доступность
• Firefox: Intent to ship inert attribute https://groups.google.com/a/mozilla.org/g/dev-platform/c/05UFVR_nj3I/m/GIVT4VwHAwAJ
• WCAG: Клавиатура https://tatiana-fokina-blog.ru/posts/wcag-keyboard/TS 5.0 на ES-модулях
• TypeScript’s Migration to Modules https://devblogs.microsoft.com/typescript/typescripts-migration-to-modules/
Ответы на вопросы
• Polypane https://polypane.app/
• Forecast https://overcast.fm/forecastpodcast@web-standards.ru mailto:podcast@web-standards.ru
Читайт…
-
359. Новинки CSS, зум в Chrome, специфичность, семантика, дизайн-система Wise, фронтенд без сборки
6 maart 2023 · 2 uur 5 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Андрей Мелихов, Никита Дубко, Алексей Симоненко, Юля Миоцен
Темы
00:00:00 Интро
00:01:47 Text-wrap: balance
00:12:50 CSS anchor positioning
00:36:44 Зум в мобильном Chrome
00:46:45 Блистательная кнопка
00:52:02 Стандарты дискуссий
01:05:43 CSS-специфичность
01:16:55 Текстовая семантика
01:32:36 Дизайн-система Wise
01:39:51 Фронтенд без сборки
01:50:43 Ответы на вопросыText-wrap: balance
• Chrome Canary: text-wrap: balance in action https://twitter.com/una/status/1630710860980035586
• Bugzilla: Implement CSS text-wrap: balance https://bugzilla.mozilla.org/show_bug.cgi?id=1731541
• CSSWG: text-wrap: balance feedback https://github.com/w3c/csswg-drafts/issues/8516CSS anchor positioning
• Tether elements to each other with CSS anchor positioning https://developer.chrome.com/blog/tether-elements-to-each-other-with-css-anchor-positioning/
• Open UI CG meetings https://mastodon.social/@hdv@front-end.social/109958286983640304Зум в мобильном Chrome
• You can set zoom level while maintaining layouts https://twitter.com/backlon/status/1630145782312476672
Блистательная кнопка
• Shiny Button https://shiny-button.vercel.app/
Стандарты дискуссий
• Improving standards of behavior in standards discussions https://developer.chrome.com/blog/standards-behavior/
CSS-специфичность
• (255,255,255) is the highest specificity https://www.bram.us/2023/02/21/255255255-is-the-highest-specificity/
Текстовая семантика
• Representation of style https://html5accessibility.com/stuff/2023/02/19/representation-of-style/
• Screen Readers support for text level HTML semantics https://www.tpgi.com/screen-readers-support-for-text-level-html-semantics/Дизайн-система Wise
• Wise Design https://wise.design
Фронтенд без сборки
• You don’t need a build step https://deno.com/blog/you-dont-need-a-build-step
…
-
358. Safari, PWA, Chrome Headless, генераторы статики, без сборки, TS Reset, Codux, Vercel Cache API
27 februari 2023 · 1 uur 40 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Вадим Макеев, Андрей Мелихов
Темы
00:00:00 Интро
00:01:16 Safari TP
00:07:47 Apple про PWA
00:17:46 Chrome Headless
00:25:50 Статьи и курсы
00:38:43 Генераторы статики
00:49:39 Фронтенд без сборки
00:59:10 TypeScript Reset
01:05:26 WYSIWYG для React
01:16:59 Vercel Cache API
01:27:26 Ответы на вопросыSafari TP
• Release Notes for Safari TP 164 https://webkit.org/blog/13902/release-notes-for-safari-technology-preview-164/
Apple про PWA
• Why Apple/Safari/WebKit folks don’t say Progressive Web App or PWA https://qoto.org/@othermaciej/109915477136281890
Chrome Headless
• Chrome’s Headless mode gets an upgrade https://developer.chrome.com/articles/new-headless/
Статьи и курсы
• Web.Dev: Learn HTML https://web.dev/learn/html/
• Web.Dev: Learn Privacy https://web.dev/learn/privacy/
• Last baseline alignment https://web.dev/last-baseline/Генераторы статики
• The JavaScript Site Generator Review https://www.zachleat.com/web/site-generator-review/
Фронтенд без сборки
• Writing Javascript without a build system https://jvns.ca/blog/2023/02/16/writing-javascript-without-a-build-system/
TypeScript Reset
• CSS reset for TypeScript https://github.com/total-typescript/ts-reset
WYSIWYG для React
• Codux by WiX https://www.codux.com
Vercel Cache API
• Vercel Cache API: A progressive cache, integrated with Next.js https://vercel.com/blog/vercel-cache-api-nextjs-cache
Ответы на вопросы
• ECMAScript spec proposal for ShadowRealm API https://github.com/tc39/proposal-shadowrealm
• Styles Directory https://stylestage.dev/styles/
• MDN: Template https://developer.mozilla.org/en-US/docs/Web/HTML/Element/templatepodcast@web-standards.ru mailto:podcast@web-standards.ru
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstanda… -
357. Firefox 110, Chrome DevTools 110/111, шрифты, Safari, CSS-вишлист, нестинг, postcss-preset-env
20 februari 2023 · 1 uur 34 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Алексей Симоненко, Никита Дубко, Вадим Макеев
Темы
00:00:00 Интро
00:01:39 Firefox 110 и Container Queries
00:19:50 Chrome DevTools 110/111
00:33:48 Тюнинг шрифтов
00:43:47 PWA-релиз Safari 16.4
00:58:15 Нестинг и postcss-preset-env
01:14:46 CSS-вишлист
01:29:16 Ответы на вопросыFirefox 110 и Contaier Queries
• Firefox 110 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/110
• Container queries land in stable browsers https://web.dev/cq-stable/Chrome DevTools 110/111
• What’s New In DevTools (Chrome 110) https://developer.chrome.com/blog/new-in-devtools-110/
• What’s New in DevTools (Chrome 111) https://developer.chrome.com/blog/new-in-devtools-111/Тюнинг шрифтов
• Improved font fallbacks https://developer.chrome.com/blog/font-fallbacks/
PWA-релиз Safari 16.4
• Web Push for Web Apps on iOS and iPadOS https://webkit.org/blog/13878/web-push-for-web-apps-on-ios-and-ipados/
• Meet Web Push https://developer.apple.com/videos/play/wwdc2022/10098/
• Safari 16.4 Beta Release Notes https://developer.apple.com/documentation/safari-release-notes/safari-16_4-release-notes
• Web Push on iOS and iPadOS 16.4 beta 1 https://twitter.com/firt/status/1626676389872033838
• How many sentences are not valid for the mobile Safari https://twitter.com/firt/status/1626672294071263261Нестинг и postcss-preset-env
• Upcoming changes to CSS Nesting https://preset-env.cssdb.org//blog/upcoming-changes-css-nesting/
• CSS Nesting syntax is not like Sass https://twitter.com/sitnikcode/status/1626610594034876416CSS-вишлист
• Дейв Руперт https://daverupert.com/2023/01/css-wishlist-2023/
• Эрик Мейер https://meyerweb.com/eric/thoughts/2023/02/08/css-wish-list-2023/
• Ахмад Шадид https://ishadeed.com/article/css-wishlist-2023/
• Мануэль Матузович https://www.matuzo.at/blog/… -
356. Новинки Chrome, релизы и новости Safari, Interop 2023, Stylelint 15, Eleventy 2, Deno и SSR
13 februari 2023 · 1 uur 35 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Никита Дубко, Вадим Макеев
Темы
00:00:00 Интро
00:01:39 Chrome 110
00:09:03 Chrome Beta 111
00:22:33 Safari TP
00:30:31 Новости Safari
00:41:59 Ленивый CSS в Safari
00:49:45 Interop 2023
01:02:42 Stylelint 15
01:07:17 Eleventy 2
01:14:14 Deno и SSR
01:28:15 Ответы на вопросыChrome 110
• New in Chrome 110 https://developer.chrome.com/blog/new-in-chrome-110/
Chrome Beta 111
• Chrome 111 beta https://developer.chrome.com/blog/chrome-111-beta/
• First/Last Baseline https://codepen.io/pepelsbey/pen/LYBPeQz
• Intent to Prototype: CSS :initial pseudo class https://groups.google.com/a/chromium.org/g/blink-dev/c/s3dqBLX6gVo/m/6fkVvpUhAgAJSafari TP
• Release Notes for Safari TP 163 https://webkit.org/blog/13839/release-notes-for-safari-technology-preview-163/
Новости Safari
• ElementInternals and Form-Associated Custom Elements https://webkit.org/blog/13711/elementinternals-and-form-associated-custom-elements/
• Allowing Web Share on Third-Party Sites https://webkit.org/blog/13708/allowing-web-share-on-third-party-sites/
• Try out CSS Nesting today https://webkit.org/blog/13813/try-css-nesting-today-in-safari-technology-preview/
• Mozilla, like Google, is looking ahead to the end of Apple’s WebKit rule https://www.theregister.com/2023/02/07/mozilla_google_apple_webkit/Ленивый CSS в Safari
• CSS lazy loading is kinda broken in Safari https://pepelsbey.dev/articles/lazy-loading-safari/
• Conditionally adaptive CSS https://pepelsbey.dev/articles/conditionally-adaptive/Interop 2023
• Apple https://webkit.org/blog/13706/interop-2023/
• Bocoup https://bocoup.com/blog/interop-2023
• Google https://web.dev/interop-2023/
• Igalia https://www.igalia.com/news/2023/interop2023.html
• Microsoft https://blogs.windows.com/msedgedev/2023/02/01/microsoft-edge-and-interop-2023/
• Mozilla https:/… -
355. Бета TypeScript 5, новые цвета, что угодно в PiP, будущее Create React App, AI заменит/поможет?
6 februari 2023 · 1 uur 25 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Юля Миоцен, Андрей Мелихов
Темы
00:00:00 Интро
00:02:41 Бета TypeScript 5
00:17:14 Зачем новые цвета
00:35:29 Что угодно в PiP
00:43:59 Будущее Create React App
01:00:49 AI заменит или поможет?Почта Веб-стандартов
podcast@web-standards.ru mailto:podcast@web-standards.ru
Бета TypeScript 5
• Announcing TypeScript 5.0 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-5-0-beta/
• Civet https://civet.dev/Зачем новые цвета
• High Definition CSS Color Guide https://developer.chrome.com/articles/high-definition-css-color-guide/
• CSS color-mix() https://developer.chrome.com/blog/css-color-mix/Что угодно в PiP
• The future of Picture-in-Picture https://developer.chrome.com/blog/the-future-of-picture-in-picture/
Будущее Create React App
• Create React App: proposed way forward https://github.com/reactjs/reactjs.org/pull/5487#issuecomment-1409720741
AI заменит или поможет?
• Httpie https://httpie.io/product
• Magician for Figma https://magician.design
• OpenAI ChatGPT https://chat.openai.com/chat
• GitHub Copilot https://github.com/features/copilot
• Microsoft Teams Premium with OpenAI features https://www.theverge.com/2023/2/2/23582610/microsoft-teams-premium-openai-gpt-featuresЧитайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
354. Safari 16.3 и TP, Firefox и новые цвета, буквица, Core Web Vitals, SVG, нормальный CSS-in-JS
30 januari 2023 · 1 uur 22 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Мария Просвирнина, Никита Дубко
Темы
00:00:00 Интро
00:01:24 Safari 16.3 и TP 162
00:24:14 Firefox и новые цвета
00:37:48 Подробности про буквицу
00:42:27 Core Web Vitals 2023
01:02:10 Справочник по SVG
01:07:42 Нормальный CSS-in-JSSafari 16.3 и TP 162
• WebKit Features in Safari 16.3 https://webkit.org/blog/13691/webkit-features-in-safari-16-3/
• Release Notes for Safari TP 162 https://webkit.org/blog/13703/release-notes-for-safari-technology-preview-162/
• Margin-trim https://developer.mozilla.org/en-US/docs/Web/CSS/margin-trim
• Declarative Shadow DOM https://web.dev/declarative-shadow-dom/
• Цветовые функции в CSS https://youtu.be/-6V7EvfUs3kFirefox и новые цвета
• Implement lab() and lch() from CSS Color Module L4 https://bugzilla.mozilla.org/show_bug.cgi?id=1352757
• Upgrading colors to HD on the web https://www.bram.us/2022/10/13/upgrading-colors-to-hd-on-the-web/Подробности про буквицу
• Greater styling control over type with initial-letter https://blog.stephaniestimac.com/posts/2023/1/css-initial-letter/
Core Web Vitals 2023
• Our top Core Web Vitals recommendations for 2023 https://web.dev/top-cwv-2023/
Справочник по SVG
• SSSVG: An Interactive SVG Reference https://fffuel.co/sssvg/
• Про CSS http://css.yoksel.ru/
• SVG Filters https://yoksel.github.io/svg-filters/Нормальный CSS-in-JS
• Is CSS-in-JS actually bad? https://blog.mayank.co/is-css-in-js-actually-bad
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/ -
353. Firefox, CSS для печати, возвращение Servo, насколько ты Fugu, CSS-перфоманс, великий раздел
23 januari 2023 · 1 uur 32 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Вадим Макеев, Алексей Симоненко, Андрей Мелихов
Темы
00:00:00 Интро
00:01:16 Firefox 109
00:20:23 CSS для печати
00:30:24 Возвращение Servo
00:44:00 Насколько ты Fugu?
00:52:30 CSS-перфоманс
01:06:27 Великий разделFirefox 109
• Firefox 109 https://tanalin.com/blog/posts/firefox-109/
• Firefox 109 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/109
• Adding tick marks https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/range#adding_tick_marks
• Keyboard accessible datetime picker popup https://bugzilla.mozilla.org/show_bug.cgi?id=1676068CSS для печати
• Firefox, Intent to ship: CSS named pages https://groups.google.com/a/mozilla.org/g/dev-platform/c/bazhFYQH6C8/m/cGi6AvR4AAAJ
• Firefox собирается выкатить именованные страницы https://t.me/mefody_dev/22Возвращение Servo
• Servo to Advance in 2023 https://servo.org/blog/2023/01/16/servo-2023/
• Igalia plans around Servo https://people.igalia.com/mrego/servo/igalia-servo-tsc-2022/
• ACID2 here we come :D https://kolektiva.social/@delan/109703987181699304
• Acid Tests https://www.acidtests.org/Насколько ты Fugu?
• How Fugu is my browser? https://howfuguismybrowser.dev/
CSS-перфоманс
• Using :is() in complex selectors selects more than you might initially think https://www.bram.us/2023/01/17/using-is-in-complex-selectors-selects-more-than-you-might-initially-think/
• The truth about CSS selector performance https://blogs.windows.com/msedgedev/2023/01/17/the-truth-about-css-selector-performance/
• CSS runtime performance https://youtu.be/nWcexTnvIKIВеликий раздел
• The Great Divide https://css-tricks.com/the-great-divide/
• JavaScript, Community https://www.zachleat.com/web/javascript-community/Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandard… -
352. Safari TP, Chrome 109-110, :has, CSS и Figma, State of JS 2022, Civet как призрак CoffeeScript
16 januari 2023 · 1 uur 23 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Алексей Симоненко, Вадим Макеев, Юля Миоцен
Темы
00:00:00 Интро
00:02:02 Safari TP
00:10:42 Chrome 109
00:24:33 Бета Chrome 110
00:34:51 :has для диапазонов
00:39:24 Conditional CSS
00:44:31 State of JS
01:10:08 Призрак CoffeeScriptПеревод про OKLCH
• OKLCH в CSS: почему мы ушли от RGB и HSL https://web-standards.ru/articles/oklch-in-css-why-quit-rgb-hsl/
Safari TP
• Release Notes for Safari Technology Preview 161 https://webkit.org/blog/13686/release-notes-for-safari-technology-preview-161/
Chrome 109
• New in Chrome 109 https://developer.chrome.com/blog/new-in-chrome-109/
• New CSS Relative Units https://nerdy.dev/new-relative-units-ric-rex-rlh-and-rch
• Igalia Brings MathML Back to Chromium https://www.igalia.com/2023/01/10/Igalia-Brings-MathML-Back-to-Chromium.htmlБета Chrome 110
• Chrome 110 beta https://developer.chrome.com/blog/chrome-110-beta/
• SQLite Wasm in the browser backed by the Origin Private File System https://developer.chrome.com/blog/sqlite-wasm-in-the-browser-backed-by-the-origin-private-file-system/Has для диапазонов
• Sibling Scopes in CSS, thanks to :has() https://www.bram.us/2023/01/12/sibling-scopes-in-css-thanks-to-has/
Conditional CSS
• Conditional CSS https://ishadeed.com/article/conditional-css/
• Figma: Improvements to library updates https://releases.figma.com/2023/01/improvements-to-library-updates.htmlState of JS
• The State of JS 2022 https://2022.stateofjs.com
• How To Build A Progressively Enhanced, Accessible, Filterable And Paginated List https://www.smashingmagazine.com/2022/04/accessible-filterable-paginated-list-11ty-alpinejs/Призрак CoffeeScript
• Civet. The modern way to write TypeScript https://github.com/DanielXMoore/Civet
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK… -
351. React Concurrency, HTTP3, сжатие картинок, SVG-фильтры, visibility и order, тригонометрия в CSS
9 januari 2023 · 1 uur 23 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Никита Дубко, Юля Миоцен, Вадим Макеев
Темы
00:00:00 Интро
00:01:16 React Concurrency
00:18:34 Мифы HTTP3
00:39:12 Сжатие картинок
00:48:10 SVG-фильтры
00:53:55 CSS visibility
00:58:11 Порядок чтения
01:12:27 Тригонометрия в CSSReact Concurrency
• React Concurrency, Explained https://3perf.com/talks/react-concurrency/
Мифы HTTP3
• HTTP/3 Prioritization Demystified https://calendar.perfplanet.com/2022/http-3-prioritization-demystified/
Сжатие картинок
• Compress An Image Before Upload With JavaScript https://pqina.nl/blog/compress-image-before-upload/
• OffscreenCanvas https://developer.mozilla.org/en-US/docs/Web/API/OffscreenCanvasSVG-фильтры
• How To Distort Text With SVG Filters https://henry.codes/writing/how-to-distort-text-with-svg/
CSS visibility
• Obscure CSS: Restoring Visibility https://kizu.dev/restoring-visibility/
Порядок чтения
• CSS Display Module L3: Display Order https://drafts.csswg.org/css-display-4/#display-order
• CSSWG: Method of opting into following the visual order https://github.com/w3c/csswg-drafts/issues/7387Тригонометрия в CSS
• An Intro to Trigonometric CSS Functions https://blog.stephaniestimac.com/posts/2023/1/css-trigonometric-functions/
• Change between square tilings with CSS variables https://codepen.io/thebabydino/pen/JNZGwE/Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/