Alle afleveringen

550 afleveringen, van nieuw naar oud

350. Как дела у подкаста и ведущих, важное в HTML/CSS, JS/API и дизайне, про браузер Arc и планы

2 januari 2023 · 2 uur 4 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

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

Темы

00:00:00 Интро
00:02:02 Подкаст
00:19:44 Вадим
00:27:50 HTML/CSS
00:43:20 Никита
00:51:07 Интероп
01:02:12 Юля
01:09:42 Дизайн
01:14:55 Андрей
01:29:42 JS/API
01:38:12 Лёша
01:45:44 Браузер Arc
01:54:47 Планы

Ссылки

• Смотреть на Ютубе https://youtu.be/EbfiKb7dOvE
• Все новогодние выпуски https://www.youtube.com/playlist?list=PLMBnwIwFEFHcH-CaOP1lByMIGTByKaX4D
• Блог Вадима https://pepelsbey.dev/
• Подкаст LP https://3lp.me/
• Канал Никиты в Телеграме https://t.me/mefody_dev
• Канал Андрея в Телеграме https://t.me/melikhov_dev
• Interop 2022–2023 https://web.dev/interop-2022-wrapup/
• The most hearted CodPens of 2022 https://codepen.io/2022/popular/pens/10

Читайте новости

• 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/
349. Safari, CSS Masonry, Badging API, Firefox 108, Passkeys в Chrome, слухи про Apple и CSS Nesting

19 december 2022 · 1 uur 30 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Алексей Симоненко, Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:02:26 Safari 16.2
00:09:43 Safari TP
00:26:20 CSS Masonry
00:32:03 Badging API
00:37:20 Firefox 108
00:42:56 Passkeys в Chrome
00:51:43 Слухи про Apple
01:13:16 CSS Nesting

Safari 16.2

• WebKit Features in Safari 16.2 https://webkit.org/blog/13591/webkit-features-in-safari-16-2/
• First/Last Baseline https://codepen.io/pepelsbey/pen/LYBPeQz

Safari TP

• Release Notes for Safari Technology Preview 160 https://webkit.org/blog/13639/release-notes-for-safari-technology-preview-160/

CSS Masonry

• WebKit has started implementing CSS Grid Masonry Layout https://twitter.com/yisibl/status/1602211408627654668

Badging API

• WebKit engine support for Badging API https://github.com/WebKit/WebKit/pull/7778

Firefox 108

• Firefox 108 https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/108

Passkeys в Chrome

• Introducing passkeys in Chrome https://blog.chromium.org/2022/12/introducing-passkeys-in-chrome.html

Слухи про Apple

• Apple is reportedly preparing to allow third-party app stores on the iPhone https://www.theverge.com/2022/12/13/23507766/apple-app-store-eu-dma-third-party-sideloading
• Apple Considering Dropping Requirement for iPhone Browsers to Use WebKit https://www.macrumors.com/2022/12/14/apple-considering-non-webkit-iphone-browsers/

CSS Nesting

• Help choose the syntax for CSS Nesting https://webkit.org/blog/13607/help-choose-from-options-for-css-nesting-syntax/
• Help pick a syntax for CSS nesting https://developer.chrome.com/blog/help-css-nesting/

Читайте новости

• 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/pro…
348. Новости и история Chrome, результаты опросов, из таблицы в Figma, npm, мобильные и десктопы

12 december 2022 · 1 uur 34 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Никита Дубко, Юля Миоцен

Темы

00:00:00 Интро
00:01:31 Chrome Prerender
00:21:37 Экономный Chrome
00:26:27 Chrome 10 лет спустя
00:37:41 Результаты State of CSS
00:51:37 Design Tools Survey
00:56:13 Из таблицы в Figma
01:10:27 Новинки npm
01:22:04 Мобильные и десктопы

Chrome Prerender

• Prerender pages in Chrome for instant page navigations https://developer.chrome.com/blog/prerender-pages/

Экономный Chrome

• New Chrome features to save battery and make browsing smoother https://blog.google/products/chrome/new-chrome-features-to-save-battery-and-make-browsing-smoother/

Chrome 10 лет спустя

• Chrome, 10 years later https://neugierig.org/software/blog/2022/12/chrome.html

Результаты State of CSS

• State of CSS 2022: Results https://2022.stateofcss.com/

Design Tools Survey

• 2022 Design Tools Survey https://uxtools.co/survey/2022/

Из таблицы в Figma

• Sync and trigger Figma Components, Variants & Props https://youtu.be/3nXbUH9YYgo

Новинки npm

• New npm features for secure publishing and safe consumption https://github.blog/2022-12-06-new-npm-features-for-secure-publishing-and-safe-consumption/
• Npm feedback discussions https://github.com/npm/feedback/discussions

Мобильные и десктопы

• Desktop vs. mobile https://twitter.com/JoshWComeau/status/1599074531074666501

Читайте новости

• 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/
347. Safari, Firefox, Chrome, HTML/CSS/JS-календари, инструменты, CSS-фильтры и маски, цвета в CSS

5 december 2022 · 1 uur 37 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Никита Дубко, Юля Миоцен, Вадим Макеев

Темы

00:00:00 Интро
00:01:24 Safari TP 159
00:12:20 Firefox 107
00:21:34 Chrome 108
00:34:00 Бета Chrome 109
00:41:07 CSS- и JS-календари
00:45:51 HTML-календарь
00:53:35 Ускорение инструментов
01:04:24 CSS-фильтры и маски
01:13:56 Цвета в CSS

Safari TP 159

• Release Notes for Safari TP 159 https://webkit.org/blog/13587/release-notes-for-safari-technology-preview-159/
• WebKit Standards Positions: @scope https://twitter.com/bramus/status/1597250674005254146

Firefox 107

• Firefox 107 https://tanalin.com/blog/posts/firefox-107/

Chrome 108

• New in Chrome 108 https://developer.chrome.com/blog/new-in-chrome-108/
• The large, small, and dynamic viewport units https://web.dev/viewport-units/

Бета Chrome 109

• Chrome 109 beta https://developer.chrome.com/blog/chrome-109-beta/
• CSS Text Module Level 4 https://drafts.csswg.org/css-text-4/#hyphenate-char-limits
• -ms-hyphenate-limit-chars https://learn.microsoft.com/en-us/previous-versions/hh771865(v=vs.85)

CSS- и JS-календари

• Advent of CSS https://www.adventofcss.com/
• Advent of JavaScript https://www.adventofjs.com/

HTML-календарь

• HTMHell Advent Calendar 2022 https://www.htmhell.dev/adventcalendar/
• How to transfigure wireframes into HTML https://www.htmhell.dev/adventcalendar/2022/1/
• You Don’t Need ARIA For That https://www.htmhell.dev/adventcalendar/2022/2/
• Using SRI to protect from malicious JS https://www.htmhell.dev/adventcalendar/2022/3/

Ускорение инструментов

• Speeding up the JavaScript ecosystem. One library at a time https://marvinh.dev/blog/speeding-up-javascript-ecosystem/

CSS-фильтры и маски

• Experimenting with layering, filtering, and masking in CSS http://jlzych.com/2022/11/17/experimenting-with-layering-filtering-and-masking-in-css/

Цвета в CSS

• Color Formats in CSS: hex, …
346. Firefox, таблицы, шум на CSS, State of JS, npm, IWA, флексы, доступность, два волка и инпут

28 november 2022 · 1 uur 31 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

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

Темы

00:00:00 Интро
00:01:24 Firefox Nightly
00:09:16 Смешные таблицы
00:17:38 Шум на CSS
00:28:17 State of JS
00:34:57 Npm-пакеты
00:40:28 Isolated Web Apps
00:56:49 Картинки, флексы и CSS
01:07:03 Доступность с клавиатуры
01:16:10 Два волка и инпут

Firefox Nightly

• More improvements than can fit into this title https://blog.nightly.mozilla.org/2022/11/22/more-improvements-than-can-fit-into-this-title-these-weeks-in-firefox-issue-127/

Смешные таблицы

• My favorite piece of code on GitHub belongs to the WebKit engine https://twitter.com/KittyGiraudel/status/1595776000461344768

Шум на CSS

• Making Static Noise From a Weird CSS Gradient Bug https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/
• The Art Of SVG Filters And Why It Is Awesome https://www.smashingmagazine.com/2015/05/why-the-svg-filter-is-awesome/
• Creating Patterns With SVG Filters https://css-tricks.com/creating-patterns-with-svg-filters/

State of JS

• State of JavaScript 2022 https://survey.devographics.com/survey/state-of-js/2022

Npm-пакеты

• How we lost our slick new npm package name (and then got it back) https://reactflow.dev/blog/reactflow-npm-package-name/

Isolated Web Apps

• Isolated Web Apps https://github.com/WICG/isolated-web-apps
• Learning from the mistakes of Firefox OS https://github.com/WICG/isolated-web-apps/issues/10

Картинки, флексы и CSS

• CSS for Developers https://css-for-js.dev
• Inline Magic Space https://courses.joshwcomeau.com/inline-magic-space
• An Interactive Guide to Flexbox in CSS https://www.joshwcomeau.com/css/interactive-guide-to-flexbox/

Доступность с клавиатуры

• Practical Accessibility https://practical-accessibility.today/
• HTML And CSS (Part 1) https://www.smashingmagazine.com/2022/11/guide-keyboard-access…
345. Safari TP, WebDX, OKLCH, TS 4.9, CSS-токены на типах, гриды и шейпы, where или is, трюк с has

22 november 2022 · 1 uur 16 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Юля Миоцен, Никита Дубко

Темы

00:00:00 Интро
00:01:08 Safari TP 158
00:10:31 Группа WebDX
00:19:54 OKLCH в CSS
00:33:11 TypeScript 4.9
00:45:40 CSS-токены на типах
00:56:03 Гриды и шейпы
01:04:17 Where или is
01:10:13 Трюк с has

Safari TP 158

• Release Notes for Safari TP 158 https://webkit.org/blog/13584/release-notes-for-safari-technology-preview-158

Группа WebDX

• WebDX: Improving the experience for web developers https://www.w3.org/blog/2022/11/webdx-improving-the-experience-for-web-developers/

OKLCH в CSS

• OKLCH in CSS: why we moved from RGB and HSL https://evilmartians.com/chronicles/oklch-in-css-why-quit-rgb-hsl

TypeScript 4.9

• Announcing TypeScript 4.9 https://devblogs.microsoft.com/typescript/announcing-typescript-4-9/

CSS-токены на типах

• CSS-Only Type Grinding: Casting Tokens into Useful Values https://www.bitovi.com/blog/css-only-type-grinding-casting-tokens-into-useful-values

Гриды и шейпы

• CSS Grid and Custom Shapes, Part 1 https://css-tricks.com/css-grid-and-custom-shapes-part-1/
• CSS Grid and Custom Shapes, Part 2 https://css-tricks.com/css-grid-and-custom-shapes-part-2/
• CSS Grid and Custom Shapes, Part 3 https://css-tricks.com/css-grid-and-custom-shapes-part-3/

Where или is

• Day 34: :is() or :where() https://www.matuzo.at/blog/2022/100daysof-day34/

Трюк с has

• Style a parent element based on its number of children using CSS https://www.bram.us/2022/11/17/style-a-parent-element-based-on-its-number-of-children-using-css-has/

Читайте новости

• 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…
344. 18 лет Firefox, Safari, Next.js и CRA, JS и SEO, Rome, px/rem, код по папкам, вёрстка баннера

14 november 2022 · 1 uur 16 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев

Темы

00:00:00 Интро
00:01:39 18 лет Firefox
00:12:41 Safari TP 157
00:19:14 Next.js вместо CRA
00:30:13 JS и SEO
00:39:12 Rome 10
00:47:23 Пиксели или ремы
00:57:44 Код по папкам
01:06:14 Вёрстка баннера

18 лет Firefox

• 18 years ago today, we shipped Firefox 1.0 https://twitter.com/asadotzler/status/1590446577407041537

Safari TP 157

• Release Notes for Safari Technology Preview 157 https://webkit.org/blog/13575/release-notes-for-safari-technology-preview-157/

Next.js вместо CRA

• Next.js passed Create React App in npm downloads https://twitter.com/leeerob/status/1589838795280879616

JS и SEO

• Google Needs 9X More Time To Crawl JS Than HTML https://www.onely.com/blog/google-needs-9x-more-time-to-crawl-js-than-html/
• Google: Dynamic Rendering Is A Workaround and Not A Long-Term Solution https://www.seroundtable.com/google-dynamic-rendering-workaround-33897.html

Rome 10

• Announcing Rome v10 https://rome.tools/blog/2022/11/08/rome-10.html
• Why Not Bundle with esbuild? https://vitejs.dev/guide/why.html#why-not-bundle-with-esbuild

Пиксели или ремы

• Accessibility: px or rem? https://matklad.github.io/2022/11/05/accessibility-px-or-rem.html
• Ремы, емы, и почему отказ от них — не проблема https://medium.com/p/3b2b1e785787

Код по папкам

• Feature-Sliced Design: эволюция фронтенда для быстрых экспериментов https://habr.com/p/693768/
• React File Structure https://react-file-structure.surge.sh/
• Feature-Sliced Design https://feature-sliced.design/ru/
• Как разложить код по папкам, Александр Бальцевич https://youtube.com/watch?v=Gj0Bi1fDSAY

Вёрстка баннера

• Inside the mind of a frontend developer: Hero section https://ishadeed.com/article/inside-frontend-developer-mind-hero-section/

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/we…
343. Firefox, Arc, Text Fragments, JPEG XL, шрифты, jQuery, Vite/Turbopack, Remix, исход из Твитера

7 november 2022 · 1 uur 28 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев

Темы

00:00:00 Интро
00:01:32 Firefox 106
00:07:14 Снова Arc
00:28:14 Text Fragments
00:32:45 Зачем JPEG XL
00:42:44 Веб-шрифты
00:50:38 Цена jQuery
00:54:52 Vite vs Turbopack
01:03:26 Remix в Shopify
01:08:49 Исход из Твитера

Firefox 106

• Firefox 106 https://tanalin.com/blog/posts/firefox-106/

Снова Arc

• Time to reinvent the browser https://www.theverge.com/2022/10/31/23428862/arc-browser-web-company-darin-fisher

Text Fragments

• Scroll to Text Fragments https://blog.jim-nielsen.com/2022/scroll-to-text-fragments/

Зачем JPEG XL

• The Case for JPEG XL https://cloudinary.com/blog/the-case-for-jpeg-xl
• AVIF has landed https://jakearchibald.com/2020/avif-has-landed/
• Can I use: JPEG XL https://caniuse.com/jpegxl

Веб-шрифты

• Switching from static to variable fonts https://fonts.google.com/knowledge/using_type/switching_from_static_to_variable_fonts
• Using variable fonts on the web https://fonts.google.com/knowledge/using_variable_fonts_on_the_web

Цена jQuery

• The impact of removing jQuery on our web performance https://insidegovuk.blog.gov.uk/2022/08/15/the-impact-of-removing-jquery-on-our-web-performance/

Vite vs Turbopack

• Is Turbopack really 10x Faster than Vite? https://github.com/yyx990803/vite-vs-next-turbo-hmr/discussions/8

Remix в Shopify

• Mixing It Up: Remix Joins Shopify to Push the Web Forward https://shopify.engineering/remix-joins-shopify

Исход из Твитера

• Your account is permanently suspended https://www.matuzo.at/blog/2022/your-account-is-permanently-suspended/
• Accessibility Experience Team at Twitter is fired https://twitter.com/gerardkcohen/status/1588584459779321857
• Fedifinder https://fedifinder.glitch.me/
• Канал Вадима в Телеграме https://t.me/pepelsbey_dev
• Канал Никиты в Телеграме https://t.me/mefody_dev

Читайте новости

…
342. Safari, Chrome 107/108, Next.js 13, ESLint, мэш-градиенты, блендинг, опрос про дизайн, YouTube

31 oktober 2022 · 1 uur 34 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Никита Дубко, Андрей Мелихов, Юля Миоцен

Темы

00:00:00 Интро
00:01:24 Safari 16.1
00:22:01 Chrome 107
00:30:29 Бета Chrome 108
00:39:51 Что не так с Next.js 13
00:55:05 Новый конфиг ESLint
01:03:52 Мэш-градиенты
01:10:26 Как работает блендинг
01:18:45 Опрос про дизайн
01:23:35 YouTube стал быстрее

Safari 16.1

• WebKit Features in Safari 16.1 https://webkit.org/blog/13399/webkit-features-in-safari-16-1/
• Responsively plugin for Figma https://www.figma.com/community/plugin/1079288264185622297

Chrome 107

• New in Chrome 107 https://developer.chrome.com/blog/new-in-chrome-107/

Бета Chrome 108

• Chrome 108 beta https://developer.chrome.com/blog/chrome-108-beta/
• The Large, Small, and Dynamic Viewports https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/

Что не так с Next.js 13

• Next.js 13 https://nextjs.org/blog/next-13
• Automatic fetch() Request Deduping https://beta.nextjs.org/docs/data-fetching/fundamentals#automatic-fetch-request-deduping
• React + Next? https://twitter.com/RyanCarniato/status/1584973099740499968
• Introducing Turbopack https://vercel.com/blog/turbopack
• Evan You: Vite vs Next.js https://twitter.com/youyuxi/status/1586042491739860993

Новый конфиг ESLint

• ESLint’s new config system, pt. 1 https://eslint.org/blog/2022/08/new-config-system-part-1/
• ESLint Configuration Files (New) https://eslint.org/docs/latest/user-guide/configuring/configuration-files-new

Мэш-градиенты

• Highly Customizable Background Gradients https://cloudfour.com/thinks/highly-customizable-background-gradients/

Как работает блендинг

• Blending Modes, тред https://twitter.com/DanHollick/status/1583080119068807168
• Blending Modes, статья https://typefully.com/DanHollick/KrBa0JP

Опрос про дизайн

• Design Tools Survey https://uxtools.co/survey/

YouTube стал быстрее

• Building …
341. Дока про a11y, Safari TP, Interop, DOM timers, CSS Speech, TypeRunner, CSS Toggles, CSS-in-JS

24 oktober 2022 · 1 uur 35 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Никита Дубко, Вадим Макеев

Темы

00:00:00 Интро
00:01:24 Дока про доступность
00:03:25 Safari TP 156
00:17:52 Interop 2022
00:29:20 DOM timers
00:36:51 CSS Speech
00:55:31 TypeRunner
01:06:06 CSS Toggles
01:20:43 Плохой CSS-in-JS

Дока про доступность

• Дока — Доступность https://doka.guide/a11y/

Safari TP 156

• Release Notes for Safari Technology Preview 156 https://webkit.org/blog/13394/release-notes-for-safari-technology-preview-156/
• Control the behavior of JavaScript imports with Import Maps https://www.bram.us/2021/03/03/control-the-behavior-of-javascript-imports-with-import-maps/
• The wait is over: DuckDuckGo for Mac beta is now open to the public! https://spreadprivacy.com/duckduckgo-for-mac-open-beta/

Interop 2022

• Browser Vendors Aim to Heal Developer Pain with Interop 2022 https://thenewstack.io/browser-vendors-aim-to-heal-developer-pain-with-interop-2022/

DOM timers

• Intent to Ship: Align Timers (including DOM timers) at 125 Hz https://groups.google.com/a/chromium.org/g/blink-dev/c/Di3uO1eMVJ4/m/I3uwiz28AwAJ

CSS Speech

• Why we need CSS Speech https://tink.uk/why-we-need-css-speech/
• Speech Synthesis Markup Language https://www.w3.org/TR/speech-synthesis11/
• CSS Speech Module https://www.w3.org/TR/css-speech-1/

TypeRunner

• TypeRunner: High-performance TypeScript compiler https://github.com/marcj/TypeRunner

CSS Toggles

• CSS Toggles Explainer & Proposal https://css.oddbird.net/toggles/explainer/
• CSS Toggles https://tabatkins.github.io/css-toggle/
• Chrome 108+ has experimental support for CSS Toggles https://twitter.com/yisibl/status/1581324896310681600

Плохой CSS-in-JS

• Why We’re Breaking Up with CSS-in-JS https://dev.to/srmagura/why-were-breaking-up-wiht-css-in-js-4g9b
• Reverted to using vanilla CSS too https://pepelsbey.net/pres/vanilla-css/#tj
…
340. Fleet, Chrometober, Fugu, полезные паттерны, курс WebPageTest, SVG-спрайты, два JS, Socket

17 oktober 2022 · 1 uur 27 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:01:23 Fleet для всех
00:15:54 Chrometober
00:24:13 Fugu не всё
00:35:48 Полезные паттерны
00:42:29 Курс WebPageTest
00:50:45 SVG-спрайты
01:01:51 Два разных JS
01:14:29 Socket

Fleet для всех

• Introducing the Fleet Public Preview https://blog.jetbrains.com/fleet/2022/10/introducing-the-fleet-public-preview/

Chrometober

• Chrometober 2022 https://web.dev/chrometober-2022/
• Scroll-timeline Polyfill https://github.com/flackr/scroll-timeline

Fugu не всё

• Is Project Fugu “done”? https://developer.chrome.com/blog/is-project-fugu-done/

Полезные паттерны

• New patterns for amazing apps https://web.dev/new-patterns-for-amazing-apps/
• GoogleChrome/web.dev/…/patterns https://github.com/GoogleChrome/web.dev/tree/main/src/site/content/en/patterns

Курс WebPageTest

• Lightning-Fast Web Performance Online Course, https://www.webpagetest.org/learn/lightning-fast-web-performance/

SVG-спрайты

• SVG sprites: old-school, modern, unknown, and forgotten https://pepelsbey.dev/articles/svg-sprites/

Два разных JS

• Two JavaScripts https://remysharp.com/2022/10/13/two-javascripts

Socket

• Node on mobile, NodeConf EU 2022 https://youtu.be/Ij2BN-hksaE
• Socket — A New Runtime for the Web https://socketsupply.co/blog/socket-runtime/
• Socket SDK https://sockets.sh

Читайте новости

• 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/
339. Safari, State of CSS, Intl, Axios, эмоджи, CSS Nesting, JS в C++, PWA, тесты, 10 лет TypeScript

10 oktober 2022 · 1 uur 30 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Андрей Мелихов, Никита Дубко

Темы

00:00:00 Интро
00:01:08 Safari TP
00:06:44 State of CSS
00:11:50 Intl API
00:16:34 Axios 1.0
00:22:10 Пикер эмоджи
00:27:59 CSS Nesting
00:43:41 JS в C++
00:53:30 PWA-плеер
01:11:10 Быстрые тесты
01:24:16 10 лет TypeScript

Safari TP

• Release Notes for Safari TP 155 https://webkit.org/blog/13338/release-notes-for-safari-technology-preview-155/

State of CSS

• State of CSS 2022 https://survey.devographics.com/survey/state-of-css/2022
• Devographics https://www.devographics.com/

Intl API

• Intl.NumberFormat.format() Playground https://codepen.io/girliemac/full/MWGoYwx

Axios 1.0

• Axios 1.0.0 https://github.com/axios/axios/releases/tag/v1.0.0

Пикер эмоджи

• Proposal: showEmojiPicker() on input/textarea https://github.com/whatwg/html/issues/8358

CSS Nesting

• Simplified CSS nesting syntax https://twitter.com/tabatkins/status/1577753789787799553
• Sass-вермишель https://github.com/operasoftware/devopera/blob/master/src/styles/modules/teaser.scss

JS в C++

• I turned JS into a compiled language (for fun and Wasm) https://surma.dev/things/compile-js/

PWA-плеер

• Building desktop apps without native code https://patrickbrosset.com/articles/2022-10-06-building-desktop-apps-without-native-code/
• PWAs on Chrome https://twitter.com/firt/status/1578018239531036672
• Project Fugu. Is it edible? https://youtu.be/iC3fspqn3vA

Быстрые тесты

• Running 1000 tests in 1s https://marvinh.dev/blog/running-1000-test-in-1s/

10 лет TypeScript

• Ten Years of TypeScript https://devblogs.microsoft.com/typescript/ten-years-of-typescript/
• Microsoft’s Typescript is SO impressive (2012) https://twitter.com/cassidoo/status/257947446083203073

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_r…
338. Новинки Chrome и Firefox, Facebook WebView, Learn HTML/a11y, SVG, Prettier, Веб-альманах 2022

5 oktober 2022 · 1 uur 39 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Никита Дубко, Юля Миоцен, Вадим Макеев

Темы

00:00:00 Интро
00:01:16 Chrome 106
00:13:20 Бета Chrome 107
00:20:36 Firefox 105
00:33:45 Facebook WebView
00:44:25 Learn HTML/a11y
00:50:31 SVG на CSS
00:59:33 Prettier
01:12:52 Веб-альманах CSS
01:27:23 Веб-альманах JS
01:34:23 Веб-альманах HTML

Chrome 106

• New in Chrome 106 https://developer.chrome.com/blog/new-in-chrome-106/

Бета Chrome 107

• Chrome 107 beta https://developer.chrome.com/blog/chrome-107-beta/

Firefox 105

• Firefox 105 https://tanalin.com/blog/posts/firefox-105/

Facebook WebView

• Launching a new Chromium-based WebView for Android https://engineering.fb.com/2022/09/30/android/launching-a-new-chromium-based-webview-for-android/

Learn HTML/a11y

• Learn HTML https://web.dev/learn/html/
• Learn Accessibility https://web.dev/learn/accessibility/

SVG на CSS

• Experimenting A New Syntax To Write SVG https://yuanchuan.dev/experimenting-a-new-syntax-to-write-svg

Prettier

• Why I don’t use Prettier https://antfu.me/posts/why-not-prettier
• No need to argue anymore! https://twitter.com/pepelsbey_dev/status/1556982284120735745

Веб-альманах

• Web Almanac 2022 https://almanac.httparchive.org/en/2022/
• Google Fonts on Twitter https://twitter.com/googlefonts
• Тред Стефана Джадиса https://twitter.com/stefanjudis/status/1574692009926967297

Читайте новости

• 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/
337. Safari, Interop 2023, конкуренция браузеров, Node.js vs bash, HTML и SPA, грид-области, React

26 september 2022 · 1 uur 40 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Никита Дубко, Вадим Макеев

Темы

00:00:00 Интро
00:01:47 Safari TP
00:10:39 Interop 2023
00:29:33 Грязная конкуренция браузеров
00:43:36 Node.js вместо bash
00:52:02 HTML быстрее SPA
01:06:06 Грид-области
01:17:14 Сложные отношения с React

Safari TP

• Release Notes for Safari TP 154 https://webkit.org/blog/13207/release-notes-for-safari-technology-preview-154/

Interop 2023

• Submit your proposals for Interop 2023 https://web.dev/submit-your-proposals-for-interop-2023/
• HTTP 203 Viewport https://youtu.be/xl9R8aTOW_I
• HTTP 203 Podcast https://http203.libsyn.com/
• Interop 2023: Focus Area Proposal https://github.com/web-platform-tests/interop/issues/new?template=focus-area-proposal.yml

Грязная конкуренция браузеров

• Five Walled Gardens: Why Browsers are Essential to the Internet and How Operating Systems Are Holding Them Back https://research.mozilla.org/browser-competition/

Node.js вместо bash

• Shell scripting with Node.js https://exploringjs.com/nodejs-shell-scripting/
• A tool for writing better scripts: zx https://github.com/google/zx
• How to Write Shell Scripts in Node with Google’s zx Library https://www.sitepoint.com/google-zx-write-node-shell-scripts/

HTML быстрее SPA

• Will Serving Real HTML Content Make A Website Faster? Let’s Experiment! https://blog.webpagetest.org/posts/will-html-content-make-site-faster/

Грид-области

• Using Grid Named Areas to Visualize (and Reference) Your Layout https://css-tricks.com/using-grid-named-areas-to-visualize-and-reference-your-layout/

Сложные отношения с React

• React I Love You, But You’re Bringing Me Down https://marmelab.com/blog/2022/09/20/react-i-love-you.html
• Introducing Signals https://preactjs.com/blog/introducing-signals/

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru…
336. Safari 16, :has сломал jQuery, Adobe Figma CC, input number, JS и loading=lazy, SSR, Theatre.js

19 september 2022 · 1 uur 1 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Юля Миоцен, Андрей Мелихов

Темы

00:00:00 Интро
00:01:08 Safari 16
00:12:39 Has сломал jQuery
00:23:41 Adobe Figma CC
00:35:25 Плохой input number
00:45:53 JS и loading=lazy
00:49:58 Медленный SSR
00:58:55 Theatre.js

Safari 16

• WebKit Features in Safari 16.0 https://webkit.org/blog/13152/webkit-features-in-safari-16-0/
• Is animated AVIF support already landed? https://twitter.com/mathias/status/1569584118706442240
• Safari 16.1 Beta Release Notes https://developer.apple.com/documentation/safari-release-notes/safari-16_1-release-notes
• Container queries begin to land in stable browsers https://developer.chrome.com/blog/cq-polyfill/

Has сломал jQuery

• Has сломал сайты на jQuery https://css-live.ru/vecssti-s-polej/has-breaks-jquery.html

Adobe Figma CC

• Слух года: Adobe собирается купить Figma https://t.me/addmeto/5057
• A new collaboration with Adobe https://www.figma.com/blog/a-new-collaboration-with-adobe/

Плохой input number

• Why the number input is the worst input https://stackoverflow.blog/2022/09/15/why-the-number-input-is-the-worst-input/
• Why the GOV.UK Design System team changed the input type for numbers https://technology.blog.gov.uk/2020/02/24/why-the-gov-uk-design-system-team-changed-the-input-type-for-numbers

JS и loading=lazy

• Disabled JavaScript turns off native lazy loading https://www.stefanjudis.com/today-i-learned/disabled-javascript-turns-off-native-lazy-loading/

Медленный SSR

• How To Avoid SSR Load Issues in Node.js https://nodesource.com/blog/ssr-load-issues-in-n

Theatre.js

• Theatre.js https://www.theatrejs.com/blog/theatre-05-is-out

Читайте новости

• 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/@webstandard…
335. Firefox, Safari, Arc, баги, a11y, скругление, меню, приватность, Clipboard API, export default

12 september 2022 · 1 uur 36 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

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

Темы

00:00:00 Интро
00:01:08 Firefox Nightly
00:08:06 Safari TP
00:28:25 Браузер Arc
00:36:23 Сбор SVG-багов
00:41:41 Доступность в Доке
00:50:00 Вложенный радиус
00:57:33 Правильное меню
01:12:53 Доступ к камере из HTML
01:25:38 Clipboard API
01:28:36 Export default

Firefox Nightly

• These Weeks In Firefox: Issue 123 https://blog.nightly.mozilla.org/2022/09/09/these-weeks-in-firefox-issue-122-2/

Safari TP

• Release Notes for Safari Technology Preview 153 https://webkit.org/blog/13148/release-notes-for-safari-technology-preview-153/

Браузер Arc

• Arc https://arc.net

Сбор SVG-багов

• SVG Interop 2023 https://twitter.com/bigel/status/1566465627820380161?s=21&t=v8RqzIc6Cm4VXTaCe-uXnA

Доступность в Доке

• Дока https://doka.guide/
• Раздел по доступности в Доке https://twitter.com/doka_guide/status/1567873147185287168
• Ишью с лейблом a11y https://github.com/doka-guide/content/labels/a11y

Вложенный радиус

• New border-radius value for perfectly matching nested radii https://github.com/w3c/csswg-drafts/issues/7707
• Optical correction for rounded corners https://github.com/w3c/csswg-drafts/issues/1848

Правильное меню

• Building the main navigation for a website https://web.dev/website-navigation/
• Stylelint-performance-animation https://twitter.com/postcss/status/941389905174786048

Доступ к камере из HTML

• You Can Access A User’s Camera with Just HTML https://austingil.com/html-capture-attribute/

Clipboard API

• Async Clipboard API https://twitter.com/tomayac/status/1567794885842948097

Export default

• Default Exports in JavaScript Modules Are Terrible https://www.lloydatkinson.net/posts/2022/default-exports-in-javascript-modules-are-terrible/

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstand…
334. Chrome 105, картинки в Angular, Firefox 104, SpiderMonkey, TS 4.9, стиль ошибок, отключение кук

6 september 2022 · 1 uur 33 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев, Алексей Симоненко, Никита Дубко

Темы

00:00:00 Интро
00:04:14 Chrome 105
00:24:01 Картинки в Angular
00:31:10 Firefox 104
00:44:04 Новинки SpiderMonkey
00:56:30 Бета TypeScript 4.9
01:04:03 Стилизация ошибок
01:14:20 Отключение кук

Chrome 105

• New in Chrome 105 https://developer.chrome.com/blog/new-in-chrome-105/

Картинки в Angular

• Optimizing Images with the Angular Image Directive https://developer.chrome.com/blog/angular-image-directive/

Firefox 104

• Firefox 104 https://tanalin.com/blog/posts/firefox-104/
• Oh Snap! Adam Argyle https://youtu.be/34zcWFLCDIc
• Титры для Disney+ https://bugzilla.mozilla.org/show_bug.cgi?id=1766273
• Титры для Washington Post https://bugzilla.mozilla.org/show_bug.cgi?id=1773325
• WebVTT API https://developer.mozilla.org/en-US/docs/Web/API/WebVTT_API
• Файл youtube.js https://hg.mozilla.org/integration/autoland/file/cfb21012d7e0128560c93e3b31b207ac07826379/browser/extensions/pictureinpicture/video-wrappers/youtube.js

Новинки SpiderMonkey

• SpiderMonkey Newsletter (Firefox 104-105) https://spidermonkey.dev/blog/2022/08/29/newsletter-firefox-104-105.html
• No more confusing native modules in Node.js https://github.com/nodejs/node/pull/44135

Бета TypeScript 4.9

• TypeScript 4.9 Iteration Plan https://github.com/microsoft/TypeScript/issues/50457

Стилизация ошибок

• Meet the CSS highlight pseudos https://www.azabani.com/2022/09/01/meet-the-css-highlight-pseudos.html
• Chromium spelling and grammar features https://www.azabani.com/2021/05/17/spelling-grammar.html
• Chromium spelling and grammar, part 2 https://www.azabani.com/2021/12/16/spelling-grammar-2.html
• Styles of text selection https://mefody.dev/chunks/selection/

Отключение кук

• Things not available when someone blocks all cookies https://blog.tomayac.com/2022/08/30/t…
333. Safari TP, :has, Flipper, Deno, Console Ninja, цвета, Early Hints, должен ли фронтендер

29 augustus 2022 · 1 uur 36 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев

Темы

00:00:00 Интро
00:01:10 Safari TP 152
00:07:19 Селектор :has
00:27:03 Flipper для отладки
00:37:37 Deno теперь с npm
00:46:33 Console Ninja
00:51:50 Цвета и контраст
01:01:48 Перфоманс и Early Hints
01:20:16 Должен ли фронтендер

Safari TP 152

• Release Notes for Safari Technology Preview 152 https://webkit.org/blog/13137/release-notes-for-safari-technology-preview-152/

Селектор :has

• Using :has() as a CSS Parent Selector and much more https://webkit.org/blog/13096/css-has-pseudo-class/

Flipper для отладки

• Flipper and JS: why we added JS support to a mobile debugging platform https://developers.facebook.com/blog/post/2022/08/25/flipper-and-js-why-we-added-javascript-support-to-a-mobile-debugging-platform/
• Flipper https://fbflipper.com/

Deno теперь с npm

• Deno 1.25 Release Notes https://deno.com/blog/v1.25

Console Ninja

• Console Ninja https://console-ninja.com/

Цвета и контраст

• Color and Contrast.com https://colorandcontrast.com/

Перфоманс и Early Hints

• How to eliminate render blocking resources https://www.debugbear.com/blog/render-blocking-resources
• Early Hints update: How Cloudflare, Google, and Shopify are working together to build a faster Internet for everyone https://blog.cloudflare.com/early-hints-performance/
• Faster page loads using server think-time with Early Hints https://developer.chrome.com/blog/early-hints/

Должен ли фронтендер

• The web is a harsh manager https://daverupert.com/2022/08/web-is-a-harsh-manager/

Читайте новости

• 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.co…
332. Server Push всё, DevTools, перфоманс, SPA и SEO, focus-visible, WebView, Container Queries

22 augustus 2022 · 1 uur 29 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Никита Дубко, Вадим Макеев

Темы

00:00:00 Интро
00:01:07 Server Push всё
00:09:04 Chrome DevTools
00:26:42 Перфоманс
00:39:24 SPA и SEO
00:50:55 FocusVisible
01:00:58 Приватность WebView
01:13:21 Container Queries

Server Push всё

• Removing HTTP/2 Server Push from Chrome https://developer.chrome.com/blog/removing-push/

Chrome DevTools

• What’s New In DevTools (Chrome 105) https://developer.chrome.com/blog/new-in-devtools-105/

Перфоманс

• Can browsers optimize the loading of third-party resources? https://developer.chrome.com/blog/third-party-scripts/

SPA и SEO

• Google: Dynamic dendering is a workaround and not a long-term solution https://www.seroundtable.com/google-dynamic-rendering-workaround-33897.html

FocusVisible

• The HTML has added a focusVisible option for the focus() https://twitter.com/tomayac/status/1559449034628243456
• This :focus-visible to :focus fallback is good enough for Safari 14 https://twitter.com/simevidas/status/1560611832473145345

Приватность WebView

• iOS Privacy: see what JS commands get injected through an in-app browser https://krausefx.com/blog/announcing-inappbrowsercom-see-what-javascript-commands-get-executed-in-an-in-app-browser

Container Queries

• Use the Right Container Query Syntax https://www.oddbird.net/2022/08/18/cq-syntax/
• Container-query-polyfill https://www.npmjs.com/package/container-query-polyfill
• A first look at container-query-polyfill https://www.bram.us/2021/11/26/a-first-look-at-container-query-polyfill-a-polyfill-for-css-container-queries/
• CSS Container Queries, или Адаптация по-новому https://youtu.be/bP3ceQEXMhU

Читайте новости

• 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/@webs…
331. Эмоджи, ч/б интерфейсы, TS 4.8 RC, цвета, вьюпорт, рейтинг, анимация, React Query, типы в JS

15 augustus 2022 · 1 uur 4 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Юля Миоцен

Темы

00:00:00 Интро
00:00:53 Эмоджи в опенсорсе
00:04:06 Чёрно-белые интерфейсы
00:10:25 TypeScript 4.8 RC
00:13:15 Смешивание цветов
00:20:45 Единицы вьюпорта
00:29:26 Неожиданный рейтинг
00:33:30 Анимация в DevTools
00:41:21 React Query, не зашло
00:51:01 Аннотация типов в JS

Эмоджи в опенсорсе

• Open-source Microsoft Teams emojis https://medium.com/microsoft-design/designing-in-the-open-source-5c62be73a599

Чёрно-белые интерфейсы

• System.css https://sakofchit.github.io/system.css/
• Mono https://monocss.vercel.app

TypeScript 4.8 RC

• Announcing TypeScript 4.8 RC https://devblogs.microsoft.com/typescript/announcing-typescript-4-8-rc/

Смешивание цветов

• CSS color-mix() https://www.smashingmagazine.com/2022/06/simplify-color-palette-css-color-mix/

Единицы вьюпорта

• CSS viewport sizes https://www.bram.us/2021/07/08/the-large-small-and-dynamic-viewports/

Неожиданный рейтинг

• On ratings and meters https://lea.verou.me/2022/08/on-ratings-and-meters/

Анимация в DevTools

• How to inspect animations https://youtu.be/lVLzkleL_CE

React Query, не зашло

• Why we moved away from React Query https://www.basedash.com/blog/why-we-had-to-move-away-from-react-query

Аннотация типов в JS

• Type Annotations in JavaScript https://fusebit.io/blog/type-annotations-javascript/
• WAT https://www.destroyallsoftware.com/talks/wat

Читайте новости

• 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/
330. Chrome DevTools, container и :has, random в CSS, CSS в npm, доки, VS Code, телефоны, SPA и MPA

8 augustus 2022 · 1 uur 38 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

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

Темы

00:00:00 Интро
00:00:46 Chrome DevTools
00:16:12 @container и :has
00:25:17 Random в CSS
00:33:16 CSS в npm
00:43:02 Docusaurus
00:49:44 Стики VS Code
00:57:51 Поля для телефона
01:11:45 Отдельные transform
01:16:15 SPA и MPA

Chrome DevTools

• What’s New In DevTools Chrome 104 https://developer.chrome.com/en/blog/new-in-devtools-104/
• BFCache, или Туда и обратно https://habr.com/p/496360/
• C in 100 Seconds https://youtu.be/U3aXWizDbQ4

@container и :has

• @container and :has() landing in Chromium 105 https://developer.chrome.com/blog/has-with-cq-m105/
• 2D hover effect using :has() https://codepen.io/t_afif/pen/GRxxaJG

Random в CSS

• Random() function https://github.com/w3c/csswg-drafts/issues/2826#issuecomment-1204305712
• We just resolved to pursue work on random() and random-item() for CSS! https://twitter.com/LeaVerou/status/1554911545435602944

CSS в npm

• Npm Query https://docs.npmjs.com/cli/v8/commands/npm-query
• Introducing the new npm Dependency Selector Syntax https://github.blog/changelog/2022-08-03-introducing-the-new-npm-dependency-selector-syntax/
• Npm ships a new query command to inspect dependencies https://twitter.com/stefanjudis/status/1554900105517563906

Docusaurus

• Announcing Docusaurus 2.0 https://docusaurus.io/blog/2022/08/01/announcing-docusaurus-2.0

Стики VS Code

• VS Code comes with an experimental sticky mode https://twitter.com/stefanjudis/status/1555466217774882818

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

• Phone inputs and you: the designer’s essential UI guide https://evilmartians.com/chronicles/phone-inputs-and-you-the-designers-essential-ui-guide

Отдельные transform

• Finer grained control over CSS transforms with individual transform properties https://web.dev/css-individual-transform-properties/

SPA и MPA…
329. State of CSS, CSS Nesting, Firefox 103, npm, манифест, SVG, Node.js, CSS-селекторы, куки

1 augustus 2022 · 1 uur 38 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Алексей Симоненко, Никита Дубко

Темы

00:00:00 Интро
00:00:52 State of CSS
00:11:50 CSS Nesting
00:28:07 Firefox 103
00:37:46 Безопасность npm
00:48:41 Адаптивный манифест
01:00:38 SVG не только картинка
01:08:23 Лоадеры в Node.js
01:15:59 CSS-селекторы будущего
01:23:27 Сторонние куки

State of CSS

• Help design the State of CSS Survey 2022! https://lea.verou.me/2022/07/help-design-the-state-of-css-survey-2022/

CSS Nesting

• Help pick a syntax for CSS nesting https://developer.chrome.com/blog/help-css-nesting/

Firefox 103

• Firefox 103 (En) https://www.mozilla.org/en-US/firefox/103.0/releasenotes/
• Firefox 103 (Ru) https://tanalin.com/blog/posts/firefox-103/

Безопасность npm

• Introducing even more security enhancements to npm https://github.blog/2022-07-26-introducing-even-more-security-enhancements-to-npm/

Адаптивный манифест

• Web Manifest Overrides https://github.com/w3c/manifest/issues/1045

SVG не только картинка

• SVG images aren’t just images https://twitter.com/kornelski/status/1552408281330622465
• Svg-hush https://github.com/cloudflare/svg-hush

Лоадеры в Node.js

• Experimental ESM Loader https://dev.to/jakobjingleheimer/custom-esm-loaders-who-what-when-where-why-how-4i1o
• Experimental ESM Loader Hooks API https://nodejs.org/en/blog/release/v18.6.0/#experimental-esm-loader-hooks-api

CSS-селекторы будущего

• Solving “The Dangler” Conundrum with Container Queries and :has() https://daverupert.com/2022/07/solving-the-dangler-conundrum-with-has-and-container-queries/

Сторонние куки

• New Recipes for “Cookies” https://textslashplain.com/2022/07/27/new-recipes-for-cookies/
• Expanding testing for the Privacy Sandbox for the Web https://blog.google/products/chrome/update-testing-privacy-sandbox-web/

Читайте новости

• Telegram https://t.me/webstandards_ru
• X ht…
328. Twitter Spaces, Safari и Apple, графика или CSS, ARIA в селекторах, эмоции, курс по доступности

25 juli 2022 · 1 uur 11 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Алексей Симоненко, Вадим Макеев, Юля Миоцен

Темы

00:00:00 Интро
00:00:44 Twitter Spaces
00:09:43 Safari 15.6
00:16:50 Новые люди в Apple
00:28:38 Графика или CSS?
00:39:24 ARIA в CSS-селекторах
00:49:34 Эмоции в интерфейсах
01:06:30 Курс по доступности

Twitter Spaces

• Connect with us on Twitter Spaces https://web.dev/spaces/

Safari 15.6

• New WebKit Features in Safari 15.6 https://webkit.org/blog/13009/new-webkit-features-in-safari-15-6/

Новые люди в Apple

• I have joined the WebKit team at Apple https://twitter.com/annevk/status/1549677533263790081

Графика или CSS?

• Yes, it’s a CSS https://twitter.com/julia_miocene/status/1548260437895966724
• Тайна третьей планеты https://youtu.be/HZodexUkiDI

ARIA в CSS-селекторах

• Style with Stateful, Semantic Selectors https://benmyers.dev/blog/semantic-selectors/

Эмоции в интерфейсах

• Where’s the fun in accessibility? https://elisehe.in/2022/07/19/the-fun-in-accessibility

Курс по доступности

• Testing Accessibility https://testingaccessibility.com/
• Thrilled to announce my self-paced a11y workshop series https://twitter.com/marcysutton/status/1547299758519099393

Читайте новости

• 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/
327. Chrome Dev Insider, Safari TP, компоненты, не-радио-кнопки, переменные единицы, aspect-ratio

18 juli 2022 · 1 uur 20 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Никита Дубко, Андрей Мелихов, Вадим Макеев

Темы

00:00:00 Интро
00:00:34 Chrome Dev Insider
00:19:52 Safari TP
00:27:24 Библиотека React-компонентов
00:47:32 Кнопки, но не радио
00:56:30 Переменные единицы
01:10:01 Aspect-ratio

Chrome Dev Insider

• Chrome Dev Insider: The CSS and UI edition https://developer.chrome.com/blog/insider-july-2022/

Safari TP

• Safari Technology Preview 149 https://webkit.org/blog/12998/release-notes-for-safari-technology-preview-149/

Библиотека React-компонентов

• Notes on maintaining an internal React component library https://www.gabe.pizza/notes-on-component-libraries/

Кнопки, но не радио

• What is the best way to mark up an exclusive button group? https://lea.verou.me/2022/07/button-group/
• Perceived affordances and the functionality mismatch https://tink.uk/perceived-affordances-and-the-functionality-mismatch/
• Переключатель цветовой схемы https://youtu.be/8LFbS78a4Rw

Переменные единицы

• Как и зачем типизировать CSS-переменные? https://ru.ariarzer.dev/articles/2022/css-variables-typing.html
• Вы уже слышали о вариативных юнитах? https://ru.ariarzer.dev/articles/2022/css-variable-units.html
• Обсуждение термина variable units в словаре https://github.com/web-standards/dictionary/pull/457

Aspect-ratio

• Avoiding img layout shifts: aspect-ratio vs width & height attributes https://jakearchibald.com/2022/img-aspect-ratio/

Читайте новости

• 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/
326. Дизайн-токены, Bun.sh, ES-модули в Node.js, Figma, MDN, Style Queries, вариативные шрифты

11 juli 2022 · 1 uur 27 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Юля Миоцен, Андрей Мелихов, Вадим Макеев, Алексей Симоненко

Темы

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

Дизайн-токены

• Design Tokens CLI https://github.com/Heydon/design-tokens-cli
• Design Systems News https://news.design.systems/
• The Future of Design Tokens, вебинар 19 июля https://us02web.zoom.us/webinar/register/WN_KUi4s7eUTEaBXVSXKxQe5g

Bun.sh вместо Node.js

• Bun.sh https://bun.sh

ES-модули в Node.js

• Create a statement about migration to ESM https://github.com/nodejs/TSC/issues/1251
• Валентин Семирульник про ESM https://t.me/valya_reads_issue/261
• Роман Дворнов про ESM в Node.js https://t.me/gorshochekvarit/175

Виджеты для Figma

• Use plugins in files https://help.figma.com/hc/en-us/articles/360042532714-Run-plugins-in-files
• Виджет для GitHub https://www.figma.com/community/widget/1101944648482192724/GitHub
• Notion 2.17, now with Synced Databases https://www.notion.so/releases/2022-06-29

OpenProps

• OpenProps https://open-props.style/
• GUI Challenges https://www.youtube.com/playlist?list=PLNYkxOF6rcIAaV1wwI9540OC_3XoIzMjQ

Стиль кода MDN

• Modernization of code examples https://github.com/orgs/mdn/discussions/143
• Раздел JavaScript на Доке https://doka.guide/js/

Style Queries

• Style Queries https://una.im/style-queries/

Вариативные шрифты

• Variable fonts in real life https://evilmartians.com/chronicles/variable-fonts-in-real-life-how-to-use-and-love-them
• The joy of Variable Fonts https://evilmartians.com/chronicles/the-joy-of-variable-fonts-getting-started-on-the-frontend

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webs…
325. Safari и WebKit, Model для 3D, Firefox 102, интервенции, DevTools, HTML без фантазий, Color.js

4 juli 2022 · 1 uur 27 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

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

Темы

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

Safari TP

• Release Notes for Safari Technology Preview 148 https://webkit.org/blog/12992/release-notes-for-safari-technology-preview-148
• Razvan Caliman https://twitter.com/razvancaliman

WebKit на GitHub

• And now WebKit is 100% on Git https://twitter.com/jensimmons/status/1540339390685265921
• WebKit’s positions on emerging web specifications https://github.com/WebKit/standards-positions
• Support AVIF images for macOS Ventura and iOS 16 https://github.com/WebKit/WebKit/pull/1717

Model для 3D

• Model is a potential new HTML element https://twitter.com/jensimmons/status/1542630137606332416
• Pointerevents в DevTools https://twitter.com/alexey_rodionov/status/1542391767139397638

Firefox 102

• Firefox 102 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/102
• Firefox 102 https://tanalin.com/blog/posts/firefox-102/
• Exploring the World of E-Ink https://youtu.be/dhRgw0HfrYU

Браузеры

• New to the web platform in June https://web.dev/web-platform-06-2022/
• Browsers.fyi https://www.browsers.fyi/

Интервенции

• What are browser interventions https://twitter.com/zcorpan/status/1542857247923081218

DevTools

• CanIDev.Tools https://www.canidev.tools/

HTML без фантазий

• Replace current outline algorithm with one based on heading levels https://github.com/whatwg/html/pull/7829

Color.js

• Color.js https://twitter.com/LeaVerou/status/1542108424846163968

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://w…
324. Chrome, :has, MathML, Defensive CSS, карточка-ссылка, дизайн-токены, ES2022, GitHub Copilot

27 juni 2022 · 1 uur 37 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

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

Темы

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

Chrome 103

• New in Chrome 103 https://developer.chrome.com/blog/new-in-chrome-103/

Бета Chrome 104

• Chrome 104 Beta: New Media Query Syntax, Region Capture, and More https://blog.chromium.org/2022/06/chrome-104-beta-new-media-query-syntax.html
• Focusgroup Explainer https://github.com/openui/open-ui/blob/main/research/src/pages/focusgroup/focusgroup.explainer.mdx

Зачем :has

• :has() shipping with Chrome 105 https://twitter.com/bramus/status/1539154484479377408

MathML в Chrome

• Intent to Ship: MathML https://www.igalia.com/2022/06/22/Intent-to-Ship-MathML.html
• Achievement Unlocked: Intent to Mathify https://bkardell.com/blog/IntentToMathify.html

Defensive CSS

• Defensive CSS https://defensivecss.dev/
• Every Layout https://every-layout.dev/

Порядок фокуса

• Tab visual order vs logical order https://github.com/w3c/csswg-drafts/issues/7387

Карточка-ссылка

• Простая семантичная карточка-ссылка https://ru.ariarzer.dev/tutorials/2022/easy-semantic-card-link.html

Дизайн-токены

• Вторая версия Design Tokens https://www.w3.org/community/design-tokens/2022/06/14/call-to-implement-the-second-editors-draft-and-share-feedback/

Красивое

• Sharing some music with code https://twitter.com/dqgorelick/status/1540041927181012992
• Hydra https://hydra.ojack.xyz/
• Tidal Cycles http://tidalcycles.org

ES 2022

• ECMAScript excitement https://twitter.com/robpalmer2/status/1539883826662592512
• ECMAScript 2022: What’s new? https://2ality.com/2022/06/ecmascript-2022.ht…
323. Возвращение и смысл, MQ и CQ, V8, бета Safari 16, Telegram и веб, мир без паролей, IE снова всё

21 juni 2022 · 1 uur 12 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Алексей Симоненко, Вадим Макеев, Андрей Мелихов

Темы

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

Понятные Media Queries

• New syntax for range media queries in Chrome 104 https://developer.chrome.com/blog/media-query-range-syntax/

Релиз-ноуты V8 всё

• Discontinuing V8 release blog posts https://v8.dev/blog/discontinuing-release-posts

Бета Safari 16

• News from WWDC22: WebKit Features in Safari 16 Beta https://webkit.org/blog/12824/news-from-wwdc-webkit-features-in-safari-16-beta/
• What’s new in Safari and WebKit https://developer.apple.com/videos/play/wwdc2022/10048/
• Create Safari Web Inspector Extensions https://developer.apple.com/videos/play/wwdc2022/10100
• Meet Web Push for Safari https://developer.apple.com/videos/play/wwdc2022/10098

Container Queries

• CSS Container Queries, или Адаптация по-новому https://youtu.be/bP3ceQEXMhU
• CSS Container Query Units https://ishadeed.com/article/container-query-units/
• Say Hello To CSS Container Queries https://ishadeed.com/article/say-hello-to-css-container-queries/
• CSS Container Queries For Designers https://ishadeed.com/article/container-queries-for-designers/

Telegram защитник веба

• Does Apple intentionally prevent Safari from being a modern browser? https://t.me/WebK_en/5

Мир без паролей

• Apple Just Killed the Password—for Real This Time https://www.wired.com/story/apple-passkeys-password-ios16-ventura/

Что попросить у Safari

• New CSS, fixed bugs https://twitter.com/jensimmons/status/1536387028652281861
• JS or Web API https://twitter.com/jensimmons/status/1536387311641976832
• Any new CSS magic https://twitter.com/jensimmons/status/15364…
322. Express, WebP в Ps, чарты в маркдауне, Eleventy, layer, кривые Безье, React Native, State of JS

21 februari 2022 · 1 uur 9 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Мария Просвирнина, Юля Миоцен, Вадим Макеев

Темы

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

События

• MinskJS Meetup онлайн 2 марта https://minskjs.timepad.ru/event/1881882/
• Desilopers & Devigners онлайн 10 марта https://desilopers.timepad.ru/event/1923873/
• Шрифт в вебе без боли, Рома Шамин https://twitter.com/desilopers/status/1494327194482401281
• BeJS Conf в Брюсселе и онлайн 13 мая https://www.bejs.io/conf

Новости Express

• Express 5.0 Beta https://github.com/expressjs/express/blob/5.0/History.md

WebP в Photoshop

• Adobe Photoshop: Native support for WebP https://helpx.adobe.com/photoshop/kb/support-webp-image-format.html

Чарты в маркдауне

• Include diagrams in your Markdown files with Mermaid https://github.blog/2022-02-14-include-diagrams-markdown-files-mermaid/

Фултайм Eleventy

• Full time open source development for eleventy, sponsored by netlify https://www.zachleat.com/web/eleventy-oss/
• Doubling down on the ecosystem: open source and integrations https://www.netlify.com/blog/growing-our-open-source-contributions
• Eleventy на YouTube https://youtube.com/channel/UCskGTioqrMBcw8pd14_334A
• 28% build time performance improvement for Google’s web.dev https://twitter.com/eleven_ty/status/1494827671204909057

Забытый тег layer

• Which of these is NOT a built-in HTML element? https://twitter.com/argyleink/status/1493659047077187586
• How do you define built-in HTML element such that layer is included? https://twitter.com/zcorpan/status/1494043961794695169
• These are spec violations, spec doesn’t have this rule for layer https://twitter.com/zcorpan/status/1494046674523725830
• Баг в…
321. Safari TP, диалог в WebKit, Interop 2022, popup, SQL+CSS, жалобы на браузеры, Я Люблю Фронтенд

15 februari 2022 · 1 uur 22 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Никита Дубко, Андрей Мелихов

Гости: Полина Немчак

Темы

00:00:00 Интро
00:02:51 События
00:07:21 Safari TP
00:13:11 Диалог в WebKit
00:21:42 Interop 2022
00:26:05 Атрибут popup
00:33:02 SQL в CSS
00:42:27 Жалобы на браузеры
00:55:23 Календарь ЯЛФ
01:07:25 Доклады ЯЛФ

Полина Немчак

• Полина в Твиттере https://twitter.com/PaulineNemchak
• Канал Полины в Телеграме https://t.me/pauline_dev

События

• Я Люблю Фронтенд 26 февраля https://ilovefrontend.ru/
• Krasnodar Frontend miniConf в Краснодаре 23 апреля https://krd.dev/events/24
• HolyJS онлайн 18–21 апреля https://holyjs.ru/
• Web Audio conference https://wac2022.i3s.univ-cotedazur.fr/ CFP открыто до 15 марта https://wac2022.i3s.univ-cotedazur.fr/node/7

Safari TP

• Safari Technology Preview 140 https://webkit.org/blog/12255/release-notes-for-safari-technology-preview-140/

Диалог в WebKit

• Introducing the Dialog Element https://webkit.org/blog/12209/introducing-the-dialog-element/

Interop 2022

• Interop 2022 https://github.com/web-platform-tests/interop-2022

Атрибут popup

• Popup Top-Layer UI Functionality https://github.com/mfreed7/popup
• Today’s meeting was 🔥, OpenUI https://twitter.com/openuicg/status/1491871308761612293
• Попап вместо селекта https://youtu.be/mG0VFWCTnZI

SQL в CSS

• Yes, I can connect to a DB in CSS https://www.leemeichin.com/posts/yes-i-can-connect-to-a-db-in-css.html
• 6+5 способов сделать две колонки https://youtu.be/DxSjlTKvmS8

Жалобы на браузеры

• Before I go: When it comes to complaining about web browsers https://daverupert.com/2022/02/complaining-about-web-browsers/

Я Люблю Фронтенд

• Я Люблю Фронтенд 26 февраля https://ilovefrontend.ru/
• Дока https://doka.guide/

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
…
320. Wolvic, бета Chrome 99, 2FA, Cooler, декораторы, Fetch, раскладка, Jest, Nova, редкие шрифты

7 februari 2022 · 1 uur 7 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Юля Миоцен, Вадим Макеев

Темы

00:00:00 Интро
00:01:13 События
00:03:20 Браузер Wolvic
00:11:35 Бета Chrome 99
00:20:55 Npm и 2FA
00:26:55 Cooler в Figma
00:32:17 Декораторы в Babel
00:36:30 Fetch в Node.js
00:39:00 Абстрактная раскладка
00:45:33 Ничей Jest
00:52:24 Дизайн-система Nova
01:00:35 Редкие шрифты

События

• OpenIT в Гомеле 19 февраля https://gomel.openit.by/
• Desilopers & Devigners онлайн 10 марта https://desilopers.timepad.ru/event/1923873/

Браузер Wolvic

• Wolvic https://wolvic.com/
• Introducing Wolvic https://www.igalia.com/2022/02/03/Introducing-Wolvic.html
• Update on Firefox Reality https://blog.mozilla.org/mozilla/update-on-firefox-reality/
• Enter: Wolvic https://bkardell.com/blog/wolvic.html

Бета Chrome 99

• Chrome 99 Beta https://blog.chromium.org/2022/02/chrome-99-css-cascade-layers-new-picker.html

Npm и 2FA

• Top-100 npm package maintainers now require 2FA https://github.blog/2022-02-01-top-100-npm-package-maintainers-require-2fa-additional-security/

Cooler в Figma

• Coolors for Figma is finally here! https://www.figma.com/community/plugin/1068919813159975006/Coolors
• Sorted CSS Colors https://enes.in/sorted-colors/

Декораторы в Babel

• Babel 7.17.0: RegExp 'v' mode and 🥁 decorators! https://babeljs.io/blog/2022/02/02/7.17.0

Fetch в Node.js

• fetch() In Node.js Core: Why You Should Care https://fusebit.io/blog/node-fetch/

Абстрактная раскладка

• LYTS, Layout primitives for React https://lyts.christiankaindl.com/

Ничей Jest

• Nobody at FB (Meta?) has worked on Jest for years at this point https://github.com/facebook/jest/pull/11529#issuecomment-1027152470

Дизайн-система Nova

• Дизайн-система Сбербанк Онлайн https://www.sberbank.ru/nova
• Гайды для дизайн-системы https://guides.dsgnsystem.ru/

Редкие шрифты

• North American Syllabics fonts …
319. Topics API, новинки Figma и дизайна, бедный WebKit, сложности WebAssembly, TS на Go, пайпы в JS

31 januari 2022 · 1 uur 12 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

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

Темы

00:00:00 Интро
00:01:09 События
00:04:14 Topics API
00:17:23 Новинки Figma
00:21:49 Дизайн руками
00:31:01 Бедный WebKit
00:45:30 Сложности WebAssembly
00:51:52 TS на Go
01:01:50 Пайпы в JS

События

• Запись MinskCSS Meetup #9 https://youtu.be/qRMGVOmJUPE?t=536
• DUMP в Екатеринбурге 27 мая https://dump-ekb.ru/frontend
• CodeFest в Новосибирске 28–29 мая https://12.codefest.ru

Topics API

• Анонс https://blog.google/products/chrome/get-know-new-topics-api-privacy-sandbox/
• Технологии https://developer.chrome.com/docs/privacy-sandbox/topics/
• Спека https://github.com/jkarlin/topics
• Google Chrome third-party cookies block delayed until 2023 https://www.theverge.com/2021/6/24/22547339/google-chrome-cookiepocalypse-delayed-2023

Новинки Figma

• 32 little big updates https://www.figma.com/community/file/1066028835503653151
• По-русски https://www.figma.com/community/file/1067861418103711637

Дизайн руками

• Building UIs in Figma with hand movements https://charliegerard.dev/blog/hand-control-ui-figma-plugin/

Бедный WebKit

• Safari TP 139 https://webkit.org/blog/12193/release-notes-for-safari-technology-preview-139/
• Please DONATE NOW to the world’s richest company, to help feed their starving browser https://twitter.com/jaffathecake/status/1485179808019537921
• No, Apple Did Not Crowdfund :focus-visible in Safari https://meyerweb.com/eric/thoughts/2022/01/24/no-apple-did-not-crowdfund-focus-visible-in-safari/
• Adventures in Collective Implementation https://youtu.be/zhlw7_BoG9U

Сложности WebAssembly

• WebAssembly feature detection https://web.dev/webassembly-feature-detection/

TS на Go

• I’m porting tsc to Go https://kdy1.dev/posts/2022/1/tsc-go
• Hacker News https://news.ycombinator.com/item?id=30074414

Пайпы в JS

• A pipe ope…
318. Safari, сабгриды, Vue 3, оверрайды в npm, border-image, спеки, старые браузеры, TS и Девшахта

24 januari 2022 · 1 uur 22 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Никита Дубко, Юля Миоцен

Темы

00:00:00 Интро
00:00:52 Safari TP
00:07:04 Утечка в Safari
00:12:57 Сабгриды +1
00:19:50 Vue 3 близко
00:26:15 Оверрайды в npm
00:32:41 Border-image
00:41:53 Читать ли спеки
00:51:54 Старые браузеры
01:00:41 Как не писать TypeScript
01:13:16 Девшахта

Safari TP

• Release Notes for Safari Technology Preview 138 https://webkit.org/blog/12176/release-notes-for-safari-technology-preview-138/

Утечка в Safari

• Exploiting IndexedDB API information leaks in Safari 15 https://fingerprintjs.com/blog/indexeddb-api-browser-vulnerability-safari-15/

Сабгриды +1

• Intent to Prototype: CSS Subgrid https://groups.google.com/a/chromium.org/g/blink-dev/c/GcoJNrGwWAc/m/hbEsge9qAAAJ

Vue 3 близко

• Vue 3 as the New Default https://blog.vuejs.org/posts/vue-3-as-the-new-default.html

Оверрайды в npm

• Npm now supports overrides https://twitter.com/iansu/status/1469389394138189824

Border-image

• Тёмная сторона CSS: выходим за рамки и взрываем звезды с border-image и градиентами https://css-live.ru/tricks/border-image-gradients-sorcery.html

Читать ли спеки

• Как читать W3C-спецификации https://css-live.ru/articles/kak-chitat-w3c-specifikacii.html

Старые браузеры

• The Optional Chaining Operator, “Modern” Browsers, and My Mom https://blog.jim-nielsen.com/2022/a-web-for-all/

Как не писать TypeScript

• TypeScript Features to Avoid https://www.executeprogram.com/blog/typescript-features-to-avoid

Девшахта

• Девшахта на Ютубе https://www.youtube.com/devschacht
• Девшахта на Медиуме https://medium.com/devschacht
• Сайт Андрея https://melikhov.dev/
• Андрей в Твиттере https://twitter.com/amel_true

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandar…
317. Firefox 96, State of JS, Figma, CSS Tools, CodePen, CSS-парсер на Rust, Eleventy 1.0, Metho

17 januari 2022 · 1 uur 17 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

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

Темы

00:00:00 Интро
00:01:04 События
00:02:35 Firefox 96
00:12:31 Лисичка, не кашляй
00:18:16 State of JS
00:22:08 Утечка из опроса
00:27:12 Вариативные шрифты и Figma
00:35:37 CSS Tools
00:42:40 Топ CodePen
00:50:45 CSS-парсер на Rust
00:57:02 Eleventy 1.0
01:07:31 Metho?

Обложка выпуска на чистом CSS https://codepen.io/miocene/full/ed97acb82ea44d93bf13a68371c74bbe

События

• Конференция по цифровой доступности онлайн 18 января—8 февраля https://facebook.com/events/4783636631715537
• 18 января: Доступные фичи и где они обитают, Татьяна Фокина https://kurmakinfo.timepad.ru/event/1899021/
• MinskCSS Meetup онлайн 26 января https://minskcss.timepad.ru/event/1881868/

Firefox 96

• Firefox 96 https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/96
• Марат Таналин https://tanalin.com/blog/2022/01/firefox-96/

Лисичка, не кашляй

• Firefox has witnessed outages recently https://twitter.com/FirefoxSupport/status/1481592266141716482
• Yesterday, Firefox became unresponsive https://twitter.com/FirefoxSupport/status/1481918504203091969

State of JS

• State of JS 2021 https://app.stateofjs.com/survey/state-of-js/2021

Утечка из опроса

• Disclosing a State of JavaScript/State of CSS Data Leak https://dev.to/sachagreif/disclosing-a-state-of-javascriptstate-of-css-data-breach-2lg1

Вариативные шрифты и Figma

• Figma is adding the support of variable fonts! https://twitter.com/nima_owji/status/1479815195979665411
• Add Support for Variable Fonts https://forum.figma.com/t/add-support-for-variable-fonts/325

CSS Tools

• CSS Tools https://twitter.com/css_tools_/status/1481169865763397633
• CSS DB https://cssdb.org/
• PostCSS Preset Env https://preset-env.netlify.app
• How we migrated postcss-preset-env to a mono repo https://github.com/csstool…
316. Новинки Chrome 97 и DevTools, Faker.js и опенсорс, Crypto Mozilla, стандарт дизайн-токенов

11 januari 2022 · 1 uur 6 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

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

Темы

00:00:00 Интро
00:01:50 События
00:04:31 Chrome 97
00:14:34 Chrome DevTools
00:25:35 Faker.js
00:38:17 Crypto Mozilla
00:49:41 Дизайн-токены

События

• React Talks Meetup в Киеве 18 января https://www.meetup.com/react-talks-kyiv/events/283060842/
• JSNation в Амстердаме 16 июня https://jsnation.com
• React Summit в Амстердаме 17 июня https://reactsummit.com

Chrome 97

• Видео: New in Chrome 97 https://youtu.be/eXaog4gUIXI
• Статья: New in Chrome 97 https://developer.chrome.com/blog/new-in-chrome-97/

Chrome DevTools

• Новинки DevTools (Chrome 97) https://developer.chrome.com/ru/blog/new-in-devtools-97/

Faker.js

• Just went to install Faker for my latest demo, and… https://twitter.com/samselikoff/status/1478735175668355079
• GitHub-репозиторий Faker.js https://github.com/Marak/Faker.js
• Marak Takes An Open Source Stand https://ilikekillnerds.com/2020/11/marak-takes-an-open-source-stand/
• Mocha: Delete my code https://github.com/mochajs/mocha/issues/4467

Crypto Mozilla

• Было: Dabble in @dogecoin? HODLing some #Bitcoin & #Ethereum? https://twitter.com/mozilla/status/1476951030638260225
• Стало: We’ll pause the ability to donate cryptocurrency https://twitter.com/mozilla/status/1479143340159422468
• I founded Mozilla and I’m here to say https://twitter.com/jwz/status/1478022085737803776
• I designed Gecko https://twitter.com/plinss/status/1478135256683143168
• Washed Up https://infrequently.org/2022/01/washed-up/
• My first impressions of web3 https://moxie.org/2022/01/07/web3-first-impressions.html
• Crypto: the good, the bad and the ugly https://seldo.com/posts/crypto-the-good-the-bad-and-the-ugly

Дизайн-токены

• Design Tokens + Open UI https://twitter.com/openuicg/status/1479187335099011073
• Design Tokens Format Module https://d…
315. Как прошёл год, подкаст и другие проекты, фронтенд, JS, бэк и тулинг, один вопрос, чат и личное

4 januari 2022 · 1 uur 33 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:02:18 Подкаст
00:18:04 Проекты
00:31:30 Фронтенд
00:46:27 JavaScript
00:55:23 Бэк и тулинг
01:04:47 Вопрос
01:15:47 Личное

Подкаст

• Смотрите этот эпизод на Ютубе https://youtu.be/t7Vrmaa57Oc
• Все новогодние выпуски https://www.youtube.com/playlist?list=PLMBnwIwFEFHcH-CaOP1lByMIGTByKaX4D

Проекты

• Чат в Телеграме https://t.me/webstandards_chat
• Новости на английском https://twitter.com/webstandards_en
• Календарь https://github.com/web-standards/calendar
• Словарь https://github.com/web-standards/dictionary

Фронтенд

• WebCompat https://web.dev/compat2021-holiday-update/

JavaScript

• Announcing the Deno Company https://deno.com/blog/the-deno-company
• Seed Funding for Remix https://remix.run/blog/seed-funding-for-remix
• Turborepo is joining Vercel https://turborepo.org/blog/joining-vercel
• Vercel welcomes Rich Harris, creator of Svelte https://vercel.com/blog/vercel-welcomes-rich-harris-creator-of-svelte

Бэк и тулинг

• Introducing Zero-Bundle-Size React Server Components https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html
• New Suspense SSR Architecture in React 18 https://github.com/reactwg/react-18/discussions/37
• React 18 Usage in Next.js https://nextjs.org/docs/advanced-features/react-18
• Remix https://remix.run/
• Rust is the future of JS infrastructure https://leerob.io/blog/rust

Вопрос

• Патреон Веб-стандартов https://www.patreon.com/webstandards_ru

Личное

• Итоги года Андрея https://ameltrue.notion.site/2021-a608d70b29b84e05b994b43224d97bbb
• Итоги годы Никиты https://darkmefody.notion.site/2021-b5878e270cfd4e56a1d92154375a6b3f
• Англоязычный блог Никиты https://mefody.dev/

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https:/…
314. Safari TP, линтер на C++, книги, CRA 5, Rust, глубокое копирование, юникодный бэкдор, Fleet

27 december 2021 · 1 uur 22 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев

Гости: Денис Ушаков, Валентин Фондаратов

Темы

00:00:00 Интро
00:02:33 Safari TP 137
00:06:34 Линтер на C++
00:13:15 Адаптивность и паттерны
00:16:01 Create React App 5
00:18:25 NAPI и Rust
00:24:12 Глубокое копирование
00:27:41 Быстрый Rust
00:39:11 Юникодный бэкдор
00:45:35 Зачем Fleet
01:09:01 Новая платформа JB

Safari TP 137

• Release Notes for Safari TP 137 https://webkit.org/blog/12156/release-notes-for-safari-technology-preview-137/
• Don’t say Safari is always last. Sometimes we are first https://twitter.com/jensimmons/status/1473051429115940868
• :has в CSS — псевдокласс из будущего https://youtu.be/aJ1XMcwys48

Линтер на C++

• Faster, easier, friendlier: how quick-lint-js will take over ESLint https://quick-lint-js.com/blog/version-1.0/

Адаптивность и паттерны

• Learn Responsive Design https://web.dev/learn/design/
• Learning Patterns https://www.patterns.dev/

Create React App 5

• CRA 5.0 https://github.com/facebook/create-react-app/releases/tag/v5.0.0

NAPI и Rust

• Announcing NAPI-RS v2 https://napi.rs/blog/announce-v2
• Deep dive: Native module https://napi.rs/docs/deep-dive/native-module

Глубокое копирование

• Deep-copying in JavaScript using structuredClone https://web.dev/structured-clone/

Быстрый Rust

• Rust is the future of JS infrastructure https://leerob.io/blog/rust
• Ли Робинсон https://www.youtube.com/user/MaStaleee
• Developers would rather have a faster tool that’s harder to contribute to https://twitter.com/devongovett/status/1261379312898306048
• Fast software wins https://craigmod.com/essays/fast_software/

Юникодный бэкдор

• The invisible JS backdoor https://certitude.consulting/blog/en/invisible-backdoor/
• VS Code: "editor.unicodeHighlight.ambiguousCharacters": false
• Panic Nova https://nova.app/
• Zed: lightning-fast, collabo…
313. CSS 25, Safari, отладка утечек, кастомный select, DOM и AOM, Compat 2021, минское сообщество

21 december 2021 · 1 uur 18 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Никита Дубко, Вадим Макеев

Гости: Глаша Жур, Саша Шинкевич

Темы

00:00:00 Интро
00:02:01 События
00:07:05 25 лет CSS
00:12:26 State of CSS 2021
00:24:02 Safari 15.2
00:28:28 Отладка утечек
00:38:23 Кастомный select
00:46:24 DOM и AOM
00:55:05 Итоги Compat 2021
00:59:32 Минское сообщество

События

• Трансляция с Yamal.Dev Conf https://youtu.be/TGpo3lDi7_I
• MoscowCSS онлайн 21 декабря https://twitter.com/css_moscow/status/1471495375294894089
• MinskCSS онлайн 26 января https://minskcss.timepad.ru/event/1881868/

25 лет CSS

• 25 лет CSS https://twitter.com/WebDesignMuseum/status/1471895466656903169

State of CSS 2021

• State of CSS 2021 https://2021.stateofcss.com/en-US/
• Assembler CSS https://asmcss.com/

Safari 15.2

• Safari 15.2 Release Notes https://developer.apple.com/documentation/safari-release-notes/safari-15_2-release-notes

Отладка утечек

• Debug memory leaks with the Microsoft Edge Detached Elements tool https://blogs.windows.com/msedgedev/2021/12/09/debug-memory-leaks-detached-elements-tool-devtools/

Кастомный select

• Fully-stylable and accessible select https://twitter.com/patrickbrosset/status/1470346157100568579

DOM и AOM

• Full accessibility tree in Chrome DevTools https://developer.chrome.com/blog/full-accessibility-tree/

Итоги Compat 2021

• Compat 2021 Holiday Update: presents for developers before the end of the year https://web.dev/compat2021-holiday-update/

Читайте новости

• 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/
312. Firefox и Safari, Web Neural Network API, Turborepo, GitPod, вшитые node_modules и Деплойми

13 december 2021 · 1 uur 12 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Гости: Роман Байталов

Темы

00:00:00 Интро
00:01:00 События
00:02:10 Firefox 95
00:08:40 Safari TP 136
00:14:31 Web Neural Network API
00:19:15 Vercel + Turborepo
00:26:35 JetBrains в GitPod
00:34:10 Вшитые node_modules
00:49:18 Деплойми

События

• Я.Субботник по фронтенду и дизайну онлайн 11 декабря https://events.yandex.ru/events/yasubbotnik-2021-12-11/
• MoscowCSS онлайн 21 декабря https://twitter.com/css_moscow/status/1469321067000905734

Firefox 95

• Firefox 95 https://tanalin.com/blog/2021/12/firefox-95/

Safari TP 136

• Release Notes for Safari Technology Preview 136 https://webkit.org/blog/12137/release-notes-for-safari-technology-preview-136/
• Link to Text Fragment https://apps.apple.com/app/1532224396

Web Neural Network API

• Web Neural Network API https://www.w3.org/TR/webnn/
• Intent to Prototype: Web Machine Learning: Model Loader API https://groups.google.com/a/chromium.org/g/blink-dev/c/w7Oq2_x2D8U/m/8BhYLGCIBwAJ

Vercel + Turborepo

• Vercel acquires Turborepo to accelerate build speed and improve developer experience https://vercel.com/blog/vercel-acquires-turborepo

JetBrains в GitPod

• JetBrains desktop available in beta https://www.gitpod.io/changelog/jetbrains-desktop-available-in-beta

Вшитые node_modules

• More teams should check node_modules directory into git https://twitter.com/Jack_Franklin/status/1468290740505698316
• Yarn Zero Installs https://yarnpkg.com/features/zero-installs
• Building layers. AWS Serverless Application Model https://docs.aws.amazon.com/serverless-application-model/latest/developerguide/building-layers.html
• Serverless TypeScript: A complete setup for AWS SAM Lambdas https://evilmartians.com/chronicles/serverless-typescript-a-complete-setup-for-aws-sam-lambda

Деплойми

• Deployme.app https://deploym…
311. Лёгкий Fleet, GitHub Actions, ESM+TS ломают сборку, свежие CQ, HTML, CSS, JS в Веб-альманахе

6 december 2021 · 54 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Темы

00:00:00 Интро
00:02:15 События
00:04:20 Лёгкий Fleet
00:16:48 Node.js в GitHub Actions
00:22:05 ESM+TS ломают сборку
00:29:28 Свежие Container Queries
00:33:16 Веб-альманах HTML
00:43:06 Веб-альманах CSS
00:48:59 Веб-альманах JS

26 лет JS

• The birth of JavaScript in 4 slides https://twitter.com/JavaScriptDaily/status/809071560107655168
• Netscape and Sun announce JavaScript (Dec 4, 1995) https://web.archive.org/web/20070916144913/http://wp.netscape.com/newsref/pr/newsrelease67.html

События

• YaTalks онлайн 3–4 декабря https://yatalks.yandex.ru/
• Alfa JS MeetUP онлайн 9 декабря https://digital.alfabank.ru/events/js-meetup
• Odessa Frontend Meetup в Одессе 15 декабря https://odessafrontend.com/

Лёгкий Fleet

• Встречайте Fleet — совершенно новый инструмент JetBrains https://blog.jetbrains.com/ru/blog/2021/11/29/welcome-to-fleet/

Node.js в GitHub Actions

• Default Node.js version will be set to 16 on November, 29 https://github.com/actions/virtual-environments/issues/4446

ESM+TS ломают сборку

• Chalk v5.0.0 https://github.com/chalk/chalk/releases/tag/v5.0.0
• Pure ESM package https://gist.github.com/sindresorhus/a39789f98801d908bbc7ff3ecc99d99c
• Get Ready For ESM https://blog.sindresorhus.com/get-ready-for-esm-aa53530b3f77

Свежие Container Queries

• Existing CQ demos are broken in the latest Chrome Canary https://twitter.com/TerribleMia/status/1466835751224721408

Веб-альманах

• Markup https://almanac.httparchive.org/en/2021/markup
• CSS https://almanac.httparchive.org/en/2021/css
• JavaScript https://almanac.httparchive.org/en/2021/javascript

Читайте новости

• 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://…
310. Полифил для Container Queries, Remix вместо Next.js, PWA в 2021, TypeScript в Etsy, CSS-ресеты

2 december 2021 · 1 uur 13 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Никита Дубко, Андрей Мелихов

Темы

00:00:00 Интро
00:02:35 События
00:05:38 Полифил для Container Queries
00:13:44 Remix альтернатива Next.js
00:29:04 Состояние PWA в 2021
00:46:49 TypeScript в Etsy
00:54:49 Ресеты для CSS

Веб-стандарты на английском

• Web Standards в Твиттере https://twitter.com/webstandards_en

События

• GDG Minsk Web онлайн 30 ноября https://gdg-minsk.timepad.ru/event/1849806/
• YAMAL.DEV CONF в Салехарде 18 декабря https://yamal.dev/

Полифил для Container Queries

• A polyfill for CSS Container Queries https://github.com/GoogleChromeLabs/container-query-polyfill
• CSS: новый вид JavaScript https://web-standards.ru/articles/css-new-kind-of-javascript/
• CSS Container Queries, или Адаптация по-новому: контейнер вместо вьюпорта https://youtu.be/bP3ceQEXMhU

Remix альтернатива Next.js

• Remix https://remix.run/
• Introducing Remix v1 https://youtu.be/wsJaUjd1rUo
• 50-секундный питч Introducing Remix https://youtu.be/9FDV-VCq5XE
• 6-часовой туториал Кента Доддса https://youtu.be/hsIWJpuxNj0
• Introduction to Remix https://flaviocopes.com/remix/

Состояние PWA в 2021

• Web Almanac: PWA https://almanac.httparchive.org/ru/2021/pwa

TypeScript в Etsy

• Etsy’s Journey to TypeScript https://codeascraft.com/2021/11/08/etsys-journey-to-typescript/
• The essentials of TypeScript https://exploringjs.com/tackling-ts/ch_typescript-essentials.html

Ресеты для CSS

• Modern CSS Reset / Global Styles https://www.joshwcomeau.com/css/custom-css-reset/
• HTML Шорты: Нормальный сброс https://htmlacademy.ru/blog/boost/frontend/short-13

Читайте новости

• 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://bs…
309. Chrome 96 и беты, Safari TP 135, Web Almanac, SVGcode, сложный фронтенд, мифы о доступности

23 november 2021 · 1 uur 19 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев, Андрей Мелихов, Никита Дубко

Темы

00:00:00 Интро
00:00:54 События
00:03:05 Новинки Chrome 96
00:19:06 Что в бетах Chrome
00:23:56 Safari TP 135
00:29:14 Web Almanac
00:39:23 SVGcode
00:47:05 Сложный фронтенд
00:58:23 Прогресс-бар
01:01:40 Мифы о доступности

События

• Видео с ITeaConf https://www.youtube.com/channel/UCbdJCW3jOKREqBmhtY1C4nA
• WebCore Meetup онлайн 25 ноября https://www.meetup.com/WebCore/events/281733576/

Новинки Chrome 96

• New in Chrome 96 https://developer.chrome.com/blog/new-in-chrome-96/
• Intent to Prototype: blocking=render on scripts and link https://groups.google.com/a/chromium.org/g/blink-dev/c/ujX8Vbr_VFE/m/Z61eyTcoBAAJ
• Explainer https://gist.github.com/xiaochengh/fae2b549b3d37454beeb9028a829f4bd
• Resource Loading Orchestration https://docs.google.com/document/d/15k6sLw3hscfsD1BD51FJ_qWLIOVziS33a3Ld-kB-G3w/view
• Chrome 96 just enabled the back/forward cache https://twitter.com/anthony_ricaud/status/1460885633229012999
• BFCache, или Туда и обратно https://youtu.be/vz2IsHcSaKE
• Google Chrome 96 breaks Twitter, Discord, video rendering and more https://www.bleepingcomputer.com/news/google/google-chrome-96-breaks-twitter-discord-video-rendering-and-more/

Что в бетах Chrome

• Chrome 97: WebTransport, New Array Static Methods and More http://blog.chromium.org/2021/11/chrome-97-webtransport-new-array-static.html
• Chromium commit: Support range syntax in MQ https://twitter.com/bramus/status/1460980473975484419

Safari TP 135

• Release Notes for Safari TP 135 https://webkit.org/blog/12040/release-notes-for-safari-technology-preview-135/

Web Almanac

• Web Almanac 2021 https://almanac.httparchive.org/en/2021/
• Web Almanac Contributors https://almanac.httparchive.org/ru/2021/contributors

SVGcode

• SVGcode https://svgco.de/
• A PWA to convert raster ima…
308. HTML-элемент search и парсеры, кастомные свойства, contain и перфоманс, TypeScript и Angular 13

16 november 2021 · 1 uur 9 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Никита Дубко, Вадим Макеев

Гости: Глеб Михеев

Темы

00:00:00 Интро
00:02:52 События
00:07:38 HTML-элемент search
00:13:59 Парсеры HTML
00:21:39 Пути в кастомных свойствах
00:28:38 Contain и перфоманс
00:38:30 Дженерики в TypeScript
00:49:33 Angular 13
01:00:01 Агностичные компоненты

События

• Видео с Ad Blocker Dev Summit https://www.youtube.com/playlist?list=PLZt1X5e3NK8ZABmBPCR90Iskxo_kHWbmJ
• JavaScript Congress онлайн 23–25 ноября https://www.wearedevelopers.com/javascript-congress
• Скидка 20%: JSC-webstandardsru20
• JS fwdays онлайн 27 ноября https://fwdays.com/en/event/js-autumn-fwdays-2021
• Скидка 10%: EDE6EA6202

HTML-элемент search

• Add the search element https://github.com/whatwg/html/pull/7320

Парсеры HTML

• Meta charset=utf-8 https://htmlparser.info/parser/#detecting-character-encoding

Пути в кастомных свойствах

• Пути в кастомных свойствах. История одного бага https://web-standards.ru/articles/url-and-custom-properties/

Contain и перфоманс

• How I made Google’s data grid scroll 10x faster with one line of CSS https://medium.com/p/78cb1e8d9cb1

Дженерики в TypeScript

• Дженерики в TypeScript https://habr.com/ru/company/tinkoff/blog/588655/

Angular 13

• Angular v13 is now Available https://blog.angular.io/angular-v13-is-now-available-cce66f7bc296

Читайте новости

• 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/
307. Firefox 94, Chrome Dev Summit, Web.Dev, Next.js, Yarn, TypeScript, вёрстка чата, взлом пакета

8 november 2021 · 1 uur 3 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Вадим Макеев, Никита Дубко

Гости: Сергей Бережной

Темы

00:00:00 Интро
00:02:58 События
00:10:36 Firefox 94
00:19:22 Chrome Dev Summit
00:27:32 Learn на Web.Dev
00:29:29 Next.js 12
00:33:06 Yarn 3.1
00:35:12 TypeScript 4.5 RC
00:36:57 Вёрстка чата
00:45:23 Взлом пакета

События

• Yandex Cup https://yandex.ru/cup/
• IT-конференция Merge в Иннополисе 13–14 ноября https://mergeconf.ru/
• YaTalks 2021 онлайн 3–4 декабря https://yatalks.yandex.ru/
• React Conf 2021 онлайн 8 декабря https://conf.reactjs.org/

Firefox 94

• Firefox 94 https://tanalin.com/blog/2021/11/firefox-94/
• Firefox 94 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/94

Chrome Dev Summit

• Chrome Dev Summit https://developer.chrome.com/devsummit/
• CDS Recap https://youtu.be/n57U2_-3NLQ
• The Privacy Sandbox https://privacysandbox.com
• Towards an animation smoothness metric https://web.dev/smoothness/
• An experimental responsiveness metric https://web.dev/responsiveness/
• Tooling announcements https://twitter.com/hdjirdeh/status/1455950529041891338
• Record, replay and measure user flows https://developer.chrome.com/docs/devtools/recorder/

Learn на Web.Dev

• Learn Responsive Design https://web.dev/learn/design/
• Learn Forms https://web.dev/learn/forms/
• Learn PWA https://web.dev/learn/pwa/

Next.js 12

• Next.js 12 https://nextjs.org/blog/next-12
• Rakkas https://github.com/rakkasjs/rakkasjs

Yarn 3.1

• Yarn 3.1: Corepack, ESM, pnpm, Optional Packages https://dev.to/arcanis/yarn-31-corepack-esm-pnpm-optional-packages--3hak#nodejs-corepack-integration

TypeScript 4.5 RC

• TypeScript 4.5 RC https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-rc/
• Concerns with TypeScript 4.5’s Node 12+ ESM Support https://github.com/microsoft/TypeScript/issues/46452

Вёрстка ч…
306. Новинки Safari TP, API и тихий релиз Safari 15.1, Photoshop в браузере, Node.js и веб-платформа

2 november 2021 · 1 uur 10 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Алексей Симоненко, Андрей Мелихов, Вадим Макеев

Темы

00:00:00 Интро
00:01:08 События
00:06:36 Большой Safari TP
00:14:11 Safari 15.1 и API
00:34:12 Photoshop в браузере
00:52:11 Node.js и веб-платформа

События

• Chrome Dev Summit https://developer.chrome.com/devsummit/
• HolyJS онлайн 2–5 ноября https://holyjs-moscow.ru/
• Видео с HolyJS Piter 2021 https://www.youtube.com/playlist?list=PL8sJahqnzh8JyUetDcVI5iHzGP8pfKjcl
• WebCore Meetup онлайн 25 ноября https://www.meetup.com/WebCore/events/281733576/
• YaTalks онлайн 3–4 декабря https://yatalks.yandex.ru/
• Видео с «Природы кода» https://www.youtube.com/playlist?list=PLzHkdYA9zRNJncty7R1wlT150x1L-Jnfh
• Видео с NodeConf 2021 https://www.youtube.com/playlist?list=PL0CdgOSSGlBbvNDKMs1RTA-NS-ZwtUm0G

Большой Safari TP

• Release Notes for Safari TP 134 https://webkit.org/blog/12033/release-notes-for-safari-technology-preview-134/

Safari 15.1 и API

• New WebKit Features in Safari 15 https://webkit.org/blog/11989/new-webkit-features-in-safari-15/
• Safari 15.1, bringing us 2017’s best graphics API: WebGL2 https://twitter.com/slightlylate/status/1453148027657490435

Photoshop в браузере

• Photoshop’s journey to the web https://web.dev/ps-on-the-web/
• We’re gated on a few WASM and File System Access APIs https://twitter.com/BenDelarre/status/1453056774588682241

Node.js и веб-платформа

• Node.js v16.13.0 LTS https://nodejs.org/en/blog/release/v16.13.0/
• Node.js 16 promoted to long-term support https://medium.com/the-node-js-collection/node-js-17-is-here-8dba1e14e382#e42b
• Yes, Node.js is part of the Web Platform https://youtu.be/ZldXkyNS-WM

Читайте новости

• 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.s…
305. Экосистема 2021, VS Code в браузере, Node.js 17, Reporting API, автозаполнение, SPA или MPA

25 oktober 2021 · 1 uur 5 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Мария Просвирнина, Никита Дубко

Темы

00:00:00 Интро
00:00:52 События
00:03:37 Chrome 95
00:11:35 Экосистема 2021
00:23:57 VS Code в браузере
00:30:04 Node.js 17
00:35:19 Reporting API
00:42:09 Автозаполнение
00:51:13 SPA или MPA

События

• Next.js Conf https://nextjs.org/conf
• Видео PWA Summit https://www.youtube.com/playlist?list=PLdwe-qCygjtEpL6LP3oyWxdJfPqKkHV2y

Chrome 95

• New in Chrome 95 https://developer.chrome.com/blog/new-in-chrome-95/

Экосистема 2021

• Состояние экосистемы разработки в 2021 году https://www.jetbrains.com/ru-ru/lp/devecosystem-2021/

VS Code в браузере

• Vscode.dev Visual Studio Code for the Web https://code.visualstudio.com/blogs/2021/10/20/vscode-dev

Node.js 17

• Node v17.0.0 https://nodejs.org/en/blog/release/v17.0.0/

Reporting API

• Monitor your web application with the Reporting API https://web.dev/reporting-api/

Автозаполнение

• The Autofill Dark Pattern https://www.smashingmagazine.com/2021/10/autofill-dark-pattern/

SPA или MPA

• Have Single-Page Apps Ruined the Web? https://youtu.be/860d8usGC0o
• Are SPAs better than MPAs? HTTP 203 https://youtu.be/ivLhf3hq7eM

Читайте новости

• 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/
304. State of CSS, цветовые палитры, Яндекс.Браузер, ввод пароля, CSS будущего, зачем нужна Дока

18 oktober 2021 · 1 uur 23 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Вадим Макеев

Гости: Николай Лопин, Алёна Батицкая

Темы

00:00:00 Интро
00:02:01 События
00:08:26 State of CSS
00:15:23 Палитры в Huetone
00:21:29 Яндекс.Браузер
00:30:17 Поле ввода пароля
00:37:52 Пугающий CSS будущего
00:48:22 Откуда взялась Дока
00:56:06 Взгляды на задачу
01:03:38 Сила опенсорса
01:12:33 Почему не MDN

События

• FrontendConf в Москве 11–12 октября https://frontendconf.ru/moscow/2021
• Видео первого дня FrontendConf https://youtu.be/d40GzIWF4zE
• Видео второго дня FrontendConf https://youtu.be/e_m-6MIWJGg
• DINS JavaScript Evening онлайн в Питере 21 октября https://dins.timepad.ru/event/1805346/
• Ad Blocker Dev Summit онлайн 21 октября https://adblockerdevsummit.com/
• devFest в Омске 23-24 октября https://devfest.omsk.community
• Submit JS онлайн в Киеве 9 ноября https://dou.ua/calendar/40711/
• ITeaConf онлайн в Воронеже 14 ноября https://iteaconf.ru/

State of CSS

• State of CSS 2021 https://stateofcss.com/
• Свежий опрос о разработке https://www.jetbrains.com/ru-ru/lp/devecosystem-2021/

Палитры в Huetone

• Huetone https://huetone.ardov.me/

Яндекс.Браузер

• Большое обновление Яндекс.Браузера https://zen.yandex.ru/media/yandexbrowser/bolshoe-obnovlenie-iandeksbrauzera-vse-o-novyh-vozmojnostiah-dlia-polzovatelei-61668ef7c4f25352d42d0f4f

Поле ввода пароля

• The Options for Password Revealing Inputs https://css-tricks.com/the-options-for-password-revealing-inputs/
• Simple things are complicated: making a show password option https://technology.blog.gov.uk/2021/04/19/simple-things-are-complicated-making-a-show-password-option/
• Доступность и закон https://web-standards.ru/articles/a11y-and-law/

Пугающий CSS будущего

• Conditional border-radius and three future CSS features https://www.stefanjudis.com/blog/conditional-border-radius-and-three-future-css-features/
• CSS: но…
303. Firefox 93, тёмная тема, баги браузеров, TypeScript 4.5, реальный перфоманс, новый сайт в 2021

11 oktober 2021 · 1 uur 9 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Никита Дубко

Гости: Андрей Прокопюк

Темы

00:00:00 Интро
00:01:20 События
00:05:31 Firefox 93
00:18:24 Автоматическая тёмная тема
00:24:48 Баги браузеров
00:27:44 Бета TypeScript 4.5
00:40:26 Реальный перфоманс
00:55:20 Новый сайт в 2021

Андрей Прокопюк

• Андрей в Твиттере https://twitter.com/Andre_487
• Сайт Андрея https://andre.life/

События

• Видео с MoscowJS 50 https://moscowjs.org/
• Видео с SECON.Weekend про фронтенд https://youtu.be/br37dBL3tSA
• Видео с Я.Субботника Pro https://yandex.ru/promo/events/generated/ya-subbotnik-pro-po-razrabotke-i
• JSConf Armenia в Ереване 23 октября https://jsconf.am/
• ITeaConf в Воронеже 31 октября https://iteaconf.ru/

Firefox 93

• Firefox 93 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/93
• Firefox 93 https://tanalin.com/blog/2021/10/firefox-93/

Автоматическая тёмная тема

• Intent to Experiment: Auto Dark Mode & the CSS color-scheme “only” keyword https://groups.google.com/a/chromium.org/g/blink-dev/c/E29o9uJ8VRs/m/oKi03ed_BAAJ

Баги браузеров

• Browser Compat Bugs https://github.com/webcompat/browser-compat-bugs

Бета TypeScript 4.5

• Announcing TypeScript 4.5 Beta https://devblogs.microsoft.com/typescript/announcing-typescript-4-5-beta/
• Npm 8.0.0 https://github.com/npm/cli/releases/
• Node 16.11.0 https://github.com/nodejs/nodejs.org/blob/main/locale/en/blog/release/v16.11.0.md

Реальный перфоманс

• My Challenge to the Web Performance Community https://philipwalton.com/articles/my-challenge-to-the-web-performance-community/

Новый сайт в 2021

• How I built a modern website in 2021 https://kentcdodds.com/blog/how-i-built-a-modern-website-in-2021

Читайте новости

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://ww…
302. Safari, сертификаты, Hacktoberfest, jQuery всё, Cascade Layers, пререндеринг, финтех в Яндексе

4 oktober 2021 · 1 uur 16 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Никита Дубко

Гости: Саша Гришин, Лёша Тронов

Темы

00:00:00 Интро
00:00:55 События
00:07:56 Safari TP 133
00:16:19 Корневые сертификаты
00:21:35 Hacktoberfest
00:23:34 Rome на Rust
00:25:37 jQuery уходит
00:27:16 10 лет JS-лого
00:29:20 Cascade Layers
00:42:31 Пререндеринг
00:54:52 Финтех в Яндексе

События

• Видео с Я.Субботника по фронтенду 18 сентября https://youtu.be/y7FG9IkQBrI
• SECON.Weekend в Пензе 2–3 октября https://secon-events.timepad.ru/event/1789580/
• FrontendConf в Москве 11–12 октября https://frontendconf.ru/moscow/2021
• GraphQL Summit онлайн в Сан-Франциско 10–11 ноября https://summit.graphql.com/
• JS Fwdays онлайн 27 ноября https://fwdays.com/en/event/js-autumn-fwdays-2021
• JS Fwdays CFP до 25 октября https://docs.google.com/forms/d/e/1FAIpQLSedeSOklJtVpNlcTefOv6k_dJAtDKDfnbRm668Vk2xnztD8lA/viewform

Safari TP 133

• Release Notes for Safari Technology Preview 133 https://webkit.org/blog/11975/release-notes-for-safari-technology-preview-133/

Корневые сертификаты

• Let’s Encrypt’s Root Certificate is expiring! https://scotthelme.co.uk/lets-encrypt-old-root-expiration/
• Correct expired Let’s Encrypt certificate on EC2 instances https://aws.amazon.com/premiumsupport/knowledge-center/ec2-expired-certificate/

Hacktoberfest

• Hacktoberfest 2021 https://hacktoberfest.digitalocean.com/

Rome на Rust

• Rome will be written in Rust https://rome.tools/blog/2021/09/21/rome-will-be-rewritten-in-rust

jQuery уходит

• jQuery достиг пика популярности в 2020 https://twitter.com/mikesherov/status/1443679254009483273

10 лет JS-лого

• JavaScript Logo https://github.com/voodootikigod/logo.js/

Cascade Layers

• The Future of CSS: Cascade Layers (CSS @layer) https://www.bram.us/2021/09/15/the-future-of-css-cascade-layers-css-at-layer/

Пререндеринг

• Bringing instant page-…
301. Новинки Chrome 94 и Safari 15, порядок в HTML-голове, чистая архитектура на фронтенде

27 september 2021 · 1 uur 13 min
Afspelen

Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer

• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ru

Ведущие: Андрей Мелихов, Никита Дубко

Гости: Саша Беспоясов

Темы

00:00:00 Интро
00:01:36 События
00:05:24 Chrome 94
00:22:52 Safari 15
00:39:30 Порядок в голове
00:45:37 Чистая архитектура

Саша Беспоясов

• Блог Саши https://bespoyasov.ru
• Саша в Твиттере https://twitter.com/bespoyasov

События

• 404fest в Самаре 25–26 сентября https://2021.404fest.ru/
• EPAM Meet Up Mobile & Frontend онлайн 29 сентября https://epam.jugru.org/

Chrome 94

• New in Chrome 94 https://developer.chrome.com/blog/new-in-chrome-94/
• Новинки DevTools (Chrome 94) https://developer.chrome.com/ru/blog/new-in-devtools-94/

Safari 15

• Safari 15 Release Notes https://developer.apple.com/documentation/safari-release-notes/safari-15-release-notes
• Release Notes for Safari TP 132 https://webkit.org/blog/11971/release-notes-for-safari-technology-preview-132/

Порядок в голове

• Getting Your head Straight: A New CSS Performance Diagnostics Snippet https://www.smashingmagazine.com/2021/09/css-head-tag/

Чистая архитектура

• Чистая архитектура во фронтенде https://bespoyasov.ru/blog/clean-architecture-on-frontend/
• Client-Side Architecture Basics Guide https://khalilstemmler.com/articles/client-side-architecture/introduction/
• Does DDD Belong on the Frontend? https://khalilstemmler.com/articles/typescript-domain-driven-design/ddd-frontend/

Читайте новости

• 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/

Alle afleveringen

350. Как дела у подкаста и ведущих, важное в HTML/CSS, JS/API и дизайне, про браузер Arc и планы

349. Safari, CSS Masonry, Badging API, Firefox 108, Passkeys в Chrome, слухи про Apple и CSS Nesting

348. Новости и история Chrome, результаты опросов, из таблицы в Figma, npm, мобильные и десктопы

347. Safari, Firefox, Chrome, HTML/CSS/JS-календари, инструменты, CSS-фильтры и маски, цвета в CSS

346. Firefox, таблицы, шум на CSS, State of JS, npm, IWA, флексы, доступность, два волка и инпут

345. Safari TP, WebDX, OKLCH, TS 4.9, CSS-токены на типах, гриды и шейпы, where или is, трюк с has

344. 18 лет Firefox, Safari, Next.js и CRA, JS и SEO, Rome, px/rem, код по папкам, вёрстка баннера

343. Firefox, Arc, Text Fragments, JPEG XL, шрифты, jQuery, Vite/Turbopack, Remix, исход из Твитера

342. Safari, Chrome 107/108, Next.js 13, ESLint, мэш-градиенты, блендинг, опрос про дизайн, YouTube

341. Дока про a11y, Safari TP, Interop, DOM timers, CSS Speech, TypeRunner, CSS Toggles, CSS-in-JS

340. Fleet, Chrometober, Fugu, полезные паттерны, курс WebPageTest, SVG-спрайты, два JS, Socket

339. Safari, State of CSS, Intl, Axios, эмоджи, CSS Nesting, JS в C++, PWA, тесты, 10 лет TypeScript

338. Новинки Chrome и Firefox, Facebook WebView, Learn HTML/a11y, SVG, Prettier, Веб-альманах 2022

337. Safari, Interop 2023, конкуренция браузеров, Node.js vs bash, HTML и SPA, грид-области, React

336. Safari 16, :has сломал jQuery, Adobe Figma CC, input number, JS и loading=lazy, SSR, Theatre.js

335. Firefox, Safari, Arc, баги, a11y, скругление, меню, приватность, Clipboard API, export default

334. Chrome 105, картинки в Angular, Firefox 104, SpiderMonkey, TS 4.9, стиль ошибок, отключение кук

333. Safari TP, :has, Flipper, Deno, Console Ninja, цвета, Early Hints, должен ли фронтендер

332. Server Push всё, DevTools, перфоманс, SPA и SEO, focus-visible, WebView, Container Queries

331. Эмоджи, ч/б интерфейсы, TS 4.8 RC, цвета, вьюпорт, рейтинг, анимация, React Query, типы в JS

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

329. State of CSS, CSS Nesting, Firefox 103, npm, манифест, SVG, Node.js, CSS-селекторы, куки

328. Twitter Spaces, Safari и Apple, графика или CSS, ARIA в селекторах, эмоции, курс по доступности

327. Chrome Dev Insider, Safari TP, компоненты, не-радио-кнопки, переменные единицы, aspect-ratio

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

325. Safari и WebKit, Model для 3D, Firefox 102, интервенции, DevTools, HTML без фантазий, Color.js

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

323. Возвращение и смысл, MQ и CQ, V8, бета Safari 16, Telegram и веб, мир без паролей, IE снова всё

322. Express, WebP в Ps, чарты в маркдауне, Eleventy, layer, кривые Безье, React Native, State of JS

321. Safari TP, диалог в WebKit, Interop 2022, popup, SQL+CSS, жалобы на браузеры, Я Люблю Фронтенд

320. Wolvic, бета Chrome 99, 2FA, Cooler, декораторы, Fetch, раскладка, Jest, Nova, редкие шрифты

319. Topics API, новинки Figma и дизайна, бедный WebKit, сложности WebAssembly, TS на Go, пайпы в JS

318. Safari, сабгриды, Vue 3, оверрайды в npm, border-image, спеки, старые браузеры, TS и Девшахта

317. Firefox 96, State of JS, Figma, CSS Tools, CodePen, CSS-парсер на Rust, Eleventy 1.0, Metho

316. Новинки Chrome 97 и DevTools, Faker.js и опенсорс, Crypto Mozilla, стандарт дизайн-токенов

315. Как прошёл год, подкаст и другие проекты, фронтенд, JS, бэк и тулинг, один вопрос, чат и личное

314. Safari TP, линтер на C++, книги, CRA 5, Rust, глубокое копирование, юникодный бэкдор, Fleet

313. CSS 25, Safari, отладка утечек, кастомный select, DOM и AOM, Compat 2021, минское сообщество

312. Firefox и Safari, Web Neural Network API, Turborepo, GitPod, вшитые node_modules и Деплойми

311. Лёгкий Fleet, GitHub Actions, ESM+TS ломают сборку, свежие CQ, HTML, CSS, JS в Веб-альманахе

310. Полифил для Container Queries, Remix вместо Next.js, PWA в 2021, TypeScript в Etsy, CSS-ресеты

309. Chrome 96 и беты, Safari TP 135, Web Almanac, SVGcode, сложный фронтенд, мифы о доступности

308. HTML-элемент search и парсеры, кастомные свойства, contain и перфоманс, TypeScript и Angular 13

307. Firefox 94, Chrome Dev Summit, Web.Dev, Next.js, Yarn, TypeScript, вёрстка чата, взлом пакета

306. Новинки Safari TP, API и тихий релиз Safari 15.1, Photoshop в браузере, Node.js и веб-платформа

305. Экосистема 2021, VS Code в браузере, Node.js 17, Reporting API, автозаполнение, SPA или MPA

304. State of CSS, цветовые палитры, Яндекс.Браузер, ввод пароля, CSS будущего, зачем нужна Дока

303. Firefox 93, тёмная тема, баги браузеров, TypeScript 4.5, реальный перфоманс, новый сайт в 2021

302. Safari, сертификаты, Hacktoberfest, jQuery всё, Cascade Layers, пререндеринг, финтех в Яндексе

301. Новинки Chrome 94 и Safari 15, порядок в HTML-голове, чистая архитектура на фронтенде