Alle afleveringen
550 afleveringen, van nieuw naar oud
-
300. Юбилейный выпуск полным составом, фронтенд как хобби, как дела и какие новости у ведущих
21 september 2021 · 1 uur 23 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Алексей Симоненко, Андрей Мелихов, Вадим Макеев, Ольга Алексашенко, Мария Просвирнина, Никита Дубко
События
• Я.Субботник по разработке интерфейсов онлайн 18 сентября https://events.yandex.ru/events/yasubbotnik/18-sep-2021
Остальное
• Страница подкаста https://web-standards.ru/podcast/
• Подкаст Лёши про футбол https://podcasts.apple.com/podcast/id1524264186
• Видеоблог Андрея https://www.youtube.com/devschacht
• Видеоблог Вадима https://www.youtube.com/pepelsbey
• Никита GDE https://developers.google.com/community/experts/directory/profile/profile-nikita-dubko
• Подкаст LP про музыку https://3lp.me/
• Подкаст Радио-Т https://radio-t.com/
• Подкаст Подлодка https://podlodka.io/Читайте новости
• 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/ -
299. Браузеры в iOS, TypeScript, обучение через игру, a11y, React Native в вебе, сложный фронтенд
14 september 2021 · 1 uur 5 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Никита Дубко
Гости: Иван Ботанов
Темы
00:00:00 Интро
00:01:26 События
00:06:38 Браузеры в iOS
00:15:02 TypeScript нужен не везде
00:25:06 Обучение через игру
00:32:14 Недоступный Open Graph
00:38:13 React Native в вебе
00:49:05 Сложный фронтендСобытия
• X5Tech Природа Кода в Переславле-Залесском 11–12 сентября https://prirodacodax5.tech/
• Odessa Frontend Meetup в Одессе 22 сентября https://odessafrontend.com/Браузеры в iOS
• Chrome is the new Safari. And so are Edge and Firefox https://nielsleenheer.com/articles/2021/chrome-is-the-new-safari-and-so-are-edge-and-firefox/
TypeScript нужен не везде
• Карго-культ TypeScript в украинских аутсорсерах https://youtu.be/H9-F8uhKMRk
Обучение через игру
• Interactive learning tools for front-end developers https://www.smashingmagazine.com/2021/09/interactive-learning-tools-front-end-developers/
Недоступный Open Graph
• How to define Open Graph or Twitter image alt text https://www.stefanjudis.com/today-i-learned/how-to-define-open-graph-twitter-image-alt-text-and-why-it-might-not-matter/
React Native в вебе
• Twitter’s div soup and uglyfied CSS, explained https://giuseppegurgone.com/twitter-html/
Сложный фронтенд
• Иван Ботанов в Твиттере https://twitter.com/stressoid
• Канал «В офисе» https://www.youtube.com/c/%D0%B2%D0%BE%D1%84%D0%B8%D1%81%D0%B5Читайте новости
• 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/ -
298. Элемент model, Chrome 93, Can I Include App, нативный роутинг, анимация, дизайн-токены, RxJS
6 september 2021 · 1 uur 8 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Сэм Булатов, Костя Подрубный
Темы
00:00:00 Интро
00:02:17 Элемент model
00:08:37 Chrome 93
00:26:23 Can I Include App
00:29:15 Нативный роутинг
00:36:55 Гайд по анимации
00:43:17 Дизайн-токены
00:55:22 RxJSRndTechConf
• RndTechConf в Ростове-на-Дону 4 сентября https://rndtech.pro/
• Сэм в Твиттере https://twitter.com/mephistorine
• Костя в Фейсбуке https://fb.com/podrubny
• Сэм про шедулеры в RxJS на 404fest https://2021.404fest.ru/program/reports/all/?sessionId=256740
• Костя про дизайн-токены на Frontend Conf https://frontendconf.ru/moscow/2021/abstracts/7484Элемент model
• WebKit: The model element https://github.com/WebKit/explainers/blob/main/model/README.md
Chrome 93
• New in Chrome 93 https://developer.chrome.com/blog/new-in-chrome-93/
Can I Include App
• Can Include https://caninclude.glitch.me/
• Can Include для iOS https://caninclude-promo.glitch.me/ru/Нативный роутинг
• Modern client-side routing: the App History API https://web.dev/app-history-api/
Гайд по анимации
• An Interactive Guide to Keyframe Animations https://www.joshwcomeau.com/animation/keyframe-animations/
Читайте новости
• 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/ -
297. Бета Chrome 94, TS 4.4, You don’t know JS, React render tracker, Safari, текстовый браузер Deno
30 augustus 2021 · 1 uur 17 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Алексей Симоненко, Вадим Макеев
Темы
00:00:00 Интро
00:01:19 События
00:03:08 Бета Chrome 94
00:08:02 TypeScript 4.4
00:26:08 You don’t know JS
00:35:24 React render tracker
00:42:27 Особенности Safari
01:01:31 Текстовый браузер DenoСобытия
• RndTechConf в Ростове-на-Дону 4 сентября https://rndtech.pro/
• X5Tech Природа Кода в Переславле-Залесском 11–12 сентября https://prirodacodax5.techБета Chrome 94
• Chrome 94 Beta: WebCodecs, WebGPU, Scheduling, and More https://blog.chromium.org/2021/08/chrome-94-beta-webcodecs-webgpu.html
TypeScript 4.4
• TypeScript 4.4 Released https://devblogs.microsoft.com/typescript/announcing-typescript-4-4/
You don’t know JS
• You Don’t Know JS Yet second edition books https://www.kickstarter.com/projects/getify/you-dont-know-js-yet-second-edition-books
React render tracker
• Анонс в Телеграме https://t.me/gorshochekvarit/131
• Демо на Ютубе https://youtu.be/AF_NiwGNxGwОсобенности Safari
• Why WebKit supports AVIF but Safari does not https://www.coywolf.news/webmaster/why-webkit-supports-avif-but-safari-does-not/
• Новый image-set как тег picture в CSS https://youtu.be/VnjrIGvoO_YТекстовый браузер Deno
• Deno HTTP 203 https://youtu.be/SYkzk_j3yb0
• Deno on MDN https://deno.com/blog/deno-on-mdnЧитайте новости
• 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/ -
296. Safari TP, учебник по ХТМЛ, SQL в браузере, ES-модули, AMP, сообщество и конференция MoscowJS
23 augustus 2021 · 1 uur 14 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Никита Дубко
Гости: Дмитрий Королёв, Ольга Кобец
Темы
00:00:00 Интро
00:01:38 События
00:06:34 Safari TP
00:15:04 Учебник по ХТМЛ
00:27:42 SQL в браузере
00:35:38 ES-модули
00:43:06 AMP уже не тот
00:49:52 Сообщество MoscowJS
00:58:55 Конференция
01:07:23 ПрограммаСобытия
• MoscowJS в Москве 11 сентября https://moscowjs.org/events/moscowjs-50/
• X5Tech Природа Кода в Переславле-Залесском 11–12 сентября https://prirodacodax5.techSafari TP
• Release Notes for Safari TP 130 https://webkit.org/blog/11958/release-notes-for-safari-technology-preview-130/
• Safari 15: the bottom tab bar has been redesigned to appear below page content https://developer.apple.com/documentation/ios-ipados-release-notes/ios-ipados-15-beta-release-notes#SafariУчебник по ХТМЛ
• ХТМЛ. Вёрстка для дизайнеров, редакторов и руководителей https://bureau.ru/projects/book-html/
SQL в браузере
• A future for SQL on the web https://jlongster.com/future-sql-web
ES-модули
• Modern web apps without JS bundling or transpiling https://world.hey.com/dhh/modern-web-apps-without-javascript-bundling-or-transpiling-a20f2755
AMP уже не тот
• Resigning from the AMP advisory committee https://adactio.com/journal/18350
MoscowJS
• Сайт MoscowJS https://moscowjs.org/
• Сообщество в Телеграме https://t.me/moscowjsЧитайте новости
• 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/ -
295. WDA, Firefox 91, GitHub Codespaces, HTTP/3, алертгейт, чем мешал IE11, что пошёл к бабуле
16 augustus 2021 · 1 uur 19 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев, Никита Дубко
Гости: Виталий Харисов
Темы
00:00:00 Интро
00:01:41 События
00:05:19 Firefox 91
00:13:27 GitHub Codespaces
00:27:22 Уже HTTP/3
00:42:39 Алертгейт
00:54:13 IE пошёл к бабуле
01:06:26 Чем мешает IE11События
• GDG Minsk Web Meetup онлайн 24 августа https://gdg-minsk.timepad.ru/event/1735573/
• Программа Women Developer Academy https://habr.com/ru/company/google/blog/545184/
• Форма регистрации на WDA https://forms.gle/Jcddq68w8UrB85Nb7Firefox 91
• Hopping on Firefox 91 https://hacks.mozilla.org/2021/08/hopping-on-firefox-91/
• Firefox 91 https://tanalin.com/blog/2021/08/firefox-91/GitHub Codespaces
• Press . on any GitHub repo https://twitter.com/github/status/1425505817827151872
• GitHub Codespaces и кодинг на iPad https://youtu.be/T4oSGgcmhNI
• GitHub Codespaces: VS Code backend + VMs https://github.com/features/codespaces
• Codespaces is available for Teams and Enterprise Cloud https://twitter.com/github/status/1425487694680010755Уже HTTP/3
• HTTP/3 From A To Z: Core Concepts (Part 1) https://www.smashingmagazine.com/2021/08/http3-core-concepts-part1/
• Head-of-Line Blocking в QUIC и HTTP/3: Подробности https://habr.com/p/532868/Алертгейт
• Stay alert https://dev.to/richharris/stay-alert-d
• Foundations https://adactio.com/journal/18337
• Breaking the web forward https://www.quirksmode.org/blog/archives/2021/08/breaking_the_we.html
• Choice Words about the upcoming deprecation of JS dialogs https://css-tricks.com/choice-words-about-the-upcoming-deprecation-of-javascript-dialogs/IE пошёл к бабуле
• Встречайте бабушку https://youtu.be/_muWJOUe420
• What to expect when you’re expecting to drop IE https://whistlr.info/2019/html-past-ie11/Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://… -
294. Safari, WWW 30, system-ui, предпочтения, Parcel 2, JS без JIT, CSS-селекторы, alt с эмоциями
10 augustus 2021 · 1 uur 5 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Андрей Мелихов, Вадим Макеев
Темы
00:00:00 Интро
00:00:48 События
00:04:59 Safari TP
00:08:04 WWW 30
00:14:58 System-ui
00:21:01 Предпочтения в заголовке
00:29:15 Parcel 2 RC
00:39:54 Super Duper без JIT
00:51:54 CSS-селекторы
00:58:51 Alt с эмоциямиСобытия
• RndTechConf 4 сентября в Ростове-на-Дону https://rndtech.pro/
• 404fest 25–26 сентября в Самаре https://2021.404fest.ru/
• FrontendConf 11–12 октября в Москве https://frontendconf.ru/moscow/2021Safari TP
• Release Notes for Safari Technology Preview 129 https://webkit.org/blog/11951/release-notes-for-safari-technology-preview-129/
WWW 30
• 30 years on from introducing the Web to the World https://www.w3.org/blog/2021/08/30-years-on-from-introducing-the-web-to-the-world/
System-ui
• Firefox: add support for the system-ui generic font family https://bugzilla.mozilla.org/show_bug.cgi?id=1226042
Предпочтения в заголовке
• User preference media features client hints headers https://web.dev/user-preference-media-features-headers/
Parcel 2 RC
• Parcel 2 RC https://v2.parceljs.org/blog/rc0/
Super Duper без JIT
• Super Duper Secure Mode https://microsoftedge.github.io/edgevr/posts/Super-Duper-Secure-Mode/
CSS-селекторы
• You want enabling CSS selectors, not disabling ones https://www.silvestar.codes/articles/you-want-a-single-enabling-selector-not-the-one-that-disables-the-rule-of-the-previous-one/
Alt с эмоциями
• Writing great alt text: Emotion matters https://jakearchibald.com/2021/great-alt-text/
Читайте новости
• 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/compa… -
293. Chrome DevTools, нестинг в CSS, Compat 2021, Yarn 3, парсер URL, Git Hooks, доступный диалог
2 augustus 2021 · 1 uur 22 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Вадим Макеев, Андрей Мелихов
Темы
00:00:00 Интро
00:01:10 События
00:04:52 Chrome DevTools
00:12:55 Нестинг в CSS
00:28:15 Compat 2021
00:37:39 Yarn 3
00:49:29 Парсер URL
00:55:00 Git Hooks
01:16:07 Доступный диалогСобытия
• Должен ли дизайнер писать код? Юля Миоцен онлайн 5 августа https://yandexpraktikum.timepad.ru/event/1712961/
• Frontend Conference в Цюрихе 26–27 августа https://frontconference.com/
• Vue.js London в Лондоне 20–21 октября https://vuejs.london/
• HolyJS онлайн 2–5 ноября https://holyjs-moscow.ru/Chrome DevTools
• What’s New In DevTools (Chrome 93) https://developer.chrome.com/blog/new-in-devtools-93/
Нестинг в CSS
• CSS Nesting Module https://drafts.csswg.org/css-nesting/
• CSS-нестинг — больше, чем сахар https://web-standards.ru/articles/css-nesting/Compat 2021
• Compat 2021 mid-year update: Flex gap everywhere https://web.dev/compat2021-midyear/
Yarn 3
• Yarn 3.0 https://dev.to/arcanis/yarn-3-0-performances-esbuild-better-patches-e07
• Yarn PnP, npm tink, and pnpm Oh My https://medium.com/@Andrew_Mc/yarn-pnp-npm-tink-and-pnpm-oh-my-720d02221b4b
• npm Blog Archive: Next Generation Package Management https://blog.npmjs.org/post/178027064160/next-generation-package-managementПарсер URL
• URLPattern brings routing to the web platform https://web.dev/urlpattern/
Git Hooks
• Git Hooks: let the machine do all the routine https://mefody.dev/chunks/git-hooks/
Доступный диалог
• Creating An Accessible Dialog From Scratch https://www.smashingmagazine.com/2021/07/accessible-dialog-from-scratch/
Читайте новости
• 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/profil… -
292. Safari TP, стримы в Node.js, CDN, дизайн без сеток, Фейсбук на флоатах, доступность интерфейсов
26 juli 2021 · 1 uur 4 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Ольга Алексашенко, Вадим Макеев, Андрей Мелихов
Темы
00:00:00 Интро
00:00:58 Safari TP 128
00:07:25 Стримы в Node.js
00:13:37 CDN не так хороши
00:26:00 Дизайн без сеток
00:40:31 Фейсбук на флоатах
00:48:52 Тестирование доступности
00:52:32 Спокойный интерфейс
00:58:42 Доступность sectionSafari TP 128
• Release Notes for Safari TP 128 https://webkit.org/blog/11925/release-notes-for-safari-technology-preview-128/
• Meta theme-color and trickery https://css-tricks.com/meta-theme-color-and-trickery/Стримы в Node.js
• Node.js 16.5.0 - Experimental Web Streams API https://nodejs.org/en/blog/release/v16.5.0/
• Все стандарты WHATWG https://spec.whatwg.org/CDN не так хороши
• Akamai is experiencing a service disruption https://twitter.com/Akamai/status/1418247523454668803
• Remote code execution in cdnjs of Cloudflare https://blog.ryotak.me/post/cdnjs-remote-code-execution-en/Дизайн без сеток
• Gridless Design https://gridless.design/
Фейсбук на флоатах
• Зачем делать копию Facebook под Internet Explorer 6 в 2021 году? https://habr.com/ru/company/ruvds/blog/564300/
Тестирование доступности
• A Complete Guide To Accessibility Tooling https://www.smashingmagazine.com/2021/06/complete-guide-accessibility-tooling/
Спокойный интерфейс
• Как не навредить пользователям с эпилепсией и вестибулярными нарушениями https://tatiana-fokina-blog.ru/posts/how-to-protect-users-with-epilepsy-and-vd/
Доступность section
• Accessibility of the section element https://www.scottohara.me/blog/2021/07/16/section.html
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn http… -
291. Firefox 90, image-set и toggle в CSS, доступность SPA, export default, lazy-loading, Solid
20 juli 2021 · 57 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев
Темы
00:00:00 Интро
00:01:06 События
00:08:11 Firefox 90
00:12:26 Новый image-set
00:16:19 Toggle в CSS
00:19:58 Доступность SPA
00:28:05 Export default
00:41:42 Lazy-loading
00:49:34 Библиотека SolidСобытия
• SberMarket Tech онлайн 22 июля https://sbermarket.timepad.ru/event/1705746/
• Hot Frontend в Краснодаре 24 июля https://afisha.timepad.ru/event/1689117
• RamblerMeetup&Frontend онлайн 29 июля https://rambler-co-e-org.timepad.ru/event/1709905/
• RndTechConf в Ростове-на-Дону 4 сентября https://rndtech.pro/
• 404fest X в Самаре 25–26 сентября https://2021.404fest.ru/
• FrontendConf в Москве 11–12 октября https://frontendconf.ru/moscow/2021Firefox 90
• Firefox 90 https://tanalin.com/blog/2021/07/firefox-90/
• Getting lively with Firefox 90 https://hacks.mozilla.org/2021/07/getting-lively-with-firefox-90
• Firefox, вздыхая: -webkit-image-set https://twitter.com/pepelsbey/status/1393477525024739328Новый image-set
• Новый image-set как picture в CSS https://youtu.be/VnjrIGvoO_Y
Toggle в CSS
• CSS Values L4: Toggle https://www.w3.org/TR/css-values-4/#toggle-notation
Доступность SPA
• Three Insights I Gained While Researching Vue.js Accessibility https://www.smashingmagazine.com/2021/07/three-insights-vuejs-accessibility/
Export default
• Export default thing is different to export { thing as default } https://jakearchibald.com/2021/export-default-thing-vs-thing-as-default/
Lazy-loading
• The performance effects of too much lazy-loading https://web.dev/lcp-lazy-loading/
Библиотека Solid
• SolidJS Official Release: The long road to 1.0 https://dev.to/ryansolid/solidjs-official-release-the-long-road-to-1-0-4ldd
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://… -
290. Safari и WPT, PWA на десктопе, Petite Vue, Канон ВК, npm audit, цвета, марсианские шрифты
13 juli 2021 · 1 uur 25 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев, Никита Дубко
Гости: Роман Шамин
Темы
00:00:00 Интро
00:03:33 Safari и WPT
00:11:03 PWA на десктопе
00:19:44 Petite Vue
00:32:17 Канон ВК
00:46:26 Npm audit сломан
00:57:01 Цветовые пространства
01:09:37 Марсианский гротеск
01:16:18 Шрифт для кодаSafari и WPT
• Logical shorthand + variable is unusable in Safari https://twitter.com/simevidas/status/1412261143280766976
PWA на десктопе
• Progressive Web Apps for Firefox https://github.com/filips123/FirefoxPWA
Petite Vue
• vuejs/petite-vue: 5kb subset of Vue https://github.com/vuejs/petite-vue
Канон ВК
• Публикуем «Канон» — библиотеку знаний дизайнеров ВКонтакте https://vc.ru/design/265595-publikuem-kanon-biblioteku-znaniy-dizaynerov-vkontakte
• Тред про удалённую работу в Злых марсианах https://twitter.com/evilmartians_ru/status/1240264879463940096Npm audit сломан
• Npm audit: Broken by Design https://overreacted.io/npm-audit-broken-by-design/
Цветовые пространства
• Using HSL Colors In CSS https://www.smashingmagazine.com/2021/07/hsl-colors-css/
• Цветовые пространства: большой разбор https://skillbox.ru/media/design/rgb-cmyk-lab/
• Тред про дизайн в sRGB https://twitter.com/romanshamin/status/1294251752569671681
• Продолжение треда с Никитой Прокоповым https://twitter.com/nikitonsky/status/1294257793684340736Марсианские шрифты
• Опрос про лигатуры в шрифтах https://twitter.com/romanshamin/status/1411971348323258374
• Голосование «Современная кириллица 2021» https://moderncyrillic.org/votes/Читайте новости
• 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… -
289. Формат номеров, Safari, theme-color и accent-color, Temporal, a11y, переезд на Material UI
5 juli 2021 · 1 uur 9 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Вадим Макеев, Андрей Мелихов, Ольга Алексашенко
Темы
00:00:00 Интро
00:00:56 События
00:02:12 Формат номеров
00:08:54 Safari TP 127
00:15:01 Theme-color
00:24:56 Accent-color
00:33:56 Temporal API
00:42:47 A11y для дизайнеров
00:55:25 Переезд на Material UIСобытия
• Podlodka Frontend Crew онлайн 12-13 июля https://podlodka.io/fecrew
• Видео с FrontendMix в ЮMoney https://habr.com/ru/company/yoomoney/blog/565306/Формат номеров
• Input Masking https://discourse.wicg.io/t/proposal-input-masking/5408
Safari TP 127
• Safari TP 127 https://webkit.org/blog/11736/release-notes-for-safari-technology-preview-127/
Theme-color
• Цветные вкладки на theme-color для Safari https://youtu.be/YQM56jX4yEc
Accent-color
• Change the form control color with accent-color property https://mefody.dev/chunks/accent-color/
Temporal API
• Temporal: getting started with JavaScript’s new date time API https://2ality.com/2021/06/temporal-api.html
A11y для дизайнеров
• Доступность в дизайне https://teletype.in/@romanshamin/a11y-for-designers
• Color and contrast accessibility https://web.dev/color-and-contrast-accessibility/Переезд на Material UI
• Material UI, или Как перестать волноваться и перейти на новую библиотеку компонентов https://youtu.be/lHb-nlHaKE0
Читайте новости
• 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/ -
288. Сторонние куки, Safari TP, ES2021, веб-платформа, LayoutNG, определение браузеров на CSS
28 juni 2021 · 1 uur 19 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко, Андрей Мелихов
Темы
00:00:00 Интро
00:00:47 События
00:04:04 Chrome и сторонние куки
00:15:46 Safari TP (15)
00:22:13 Новинки ES2021
00:32:52 Promise.any и WeakRef
00:47:35 Веб-платформа
00:58:56 Таблицы и LayoutNG
01:05:54 Определение браузеров на CSSСобытия
• XTechnology Meetup онлайн 3 июля https://www.eventbrite.co.uk/e/jscodeshift-to-keep-your-source-evergreen-with-web-components-tickets-160593731173
• DevOps в AGIMA онлайн 6 июля https://www.agima.ru/devops/Chrome и сторонние куки
• An updated timeline for Privacy Sandbox milestones https://blog.google/products/chrome/updated-timeline-privacy-sandbox-milestones/
• Privacy Sandbox https://privacysandbox.com/
• Google Delays Cookie Removal to Late 2023 https://www.wsj.com/articles/google-delays-cookie-removal-to-late-2023-11624542064?st=l962vna3q184l05&reflink=article_copyURL_shareSafari TP (15)
• Release Notes for Safari TP 126 with Safari 15 Features https://webkit.org/blog/11727/release-notes-for-safari-technology-preview-126-with-safari-15-features/
Новинки ES2021
• ES2021 https://h3manth.com/ES2021/
• Weak references and finalizers https://v8.dev/features/weak-references
• ES2021: numeric separators https://2ality.com/2018/02/numeric-separators.htmlВеб-платформа
• Как организована веб-платформа https://web-standards.ru/articles/web-platform/
Таблицы и LayoutNG
• TablesNG Resolves 72 Chromium Bugs https://developer.chrome.com/blog/tablesng/
Определение браузеров на CSS
• CSS @supports rules to target only Firefox, Safari, Chromium https://www.bram.us/2021/06/23/css-at-supports-rules-to-target-only-firefox-safari-chromium/
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsr… -
287. Chrome ускоряет фреймворки, Astro и 11ty, клавиатура, NJS, React 18 и Suspense, TeamCity и YAML
21 juni 2021 · 1 uur 32 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Никита Дубко
Гости: Филипп Рябчун
Темы
00:00:00 Интро
00:01:04 События
00:03:27 Chrome ускоряет фреймворки
00:20:45 Astro и 11ty Serverless
00:27:04 Виртуальная клавиатура
00:35:46 JS для Nginx
00:47:37 Планы React 18
00:57:52 Зачем Suspense
01:11:07 TeamCity и YAMLСобытия
• FrontendMix онлайн 24 июня https://events.yoomoney.ru/frontend-mix_2021
Chrome ускоряет фреймворки
• Introducing Aurora https://web.dev/introducing-aurora/
• Conformance for Frameworks https://web.dev/conformance/Astro и 11ty Serverless
• Introducing Astro: https://astro.build/blog/introducing-astro
• Eleventy Serverless (formerly Eleventy Cloud) Thus Far https://www.zachleat.com/web/eleventy-serverless-timeline/Виртуальная клавиатура
• Virtual Keyboard API https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/VirtualKeyboardAPI/explainer.md
JS для Nginx
• Магия вне Хогвартса: NJS https://web-standards.ru/articles/magic-njs/
• Веб-сервер на Ubuntu 18 с нуля: nginx, HTTP/2, Brotli и HTTPS https://youtu.be/oanbIqkS9LMПланы React 18 и Suspense
• The Plan for React 18 https://reactjs.org/blog/2021/06/08/the-plan-for-react-18.html
• New Suspense SSR Architecture in React 18 https://github.com/reactwg/react-18/discussions/37
• Веб-стандарты 264 с Дэном Абрамовым https://youtu.be/aynRTt51ppsTeamCity и YAML
• TeamCity 2021.1: Kotlin and Node.js Build Runners https://blog.jetbrains.com/teamcity/2021/05/teamcity-2021-1-kotlin-and-node-js-build-runners-trigger-defined-parameters-high-availability-and-more/
• Build Chains: TeamCity’s Blend of Pipelines https://blog.jetbrains.com/teamcity/2019/09/build-chains-teamcitys-blend-of-pipelines-part-1-getting-started/
• Задача в трекере JetBrains про поддержку YAML https://youtrack.jetbrains.com/issue/TW-39272Читайте новости
• Telegram https://t.me/webst…
-
286. Бета Safari 15, Mozilla и дэш-дэш, блог без стилей, ручной RSS, CSS в VK и JSON для дизайнеров
15 juni 2021 · 1 uur 20 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: София Валитова
Темы
00:00:00 Интро
00:02:25 События
00:06:06 Бета Safari 15
00:19:14 Расширения Safari
00:26:08 Критика Safari
00:35:58 Mozilla и дэш-дэш
00:40:38 Блог без стилей
00:51:44 Ручной RSS
00:57:04 CSS в VK
01:04:21 Поиск стажёра
01:11:12 JSON для дизайнеровСофия Валитова
• София в Твиттере https://twitter.com/ariarzer
• Сайт Софии https://ariarzer.dev/
• Патреон Софии https://www.patreon.com/ariarzerСобытия
• X5 frontend meetup 1 июля в Москве https://x5-retail-group-event.timepad.ru/event/1674251/
• MoscowJS 49 https://moscowjs.org/events/moscowjs-49/
• PWA Summit онлайн 6–7 октября https://pwasummit.org/Бета Safari 15
• Safari 15 Beta Release Notes https://developer.apple.com/documentation/safari-release-notes/safari-15-beta-release-notes
• WebKit Features in Safari at WWDC21 https://webkit.org/blog/11700/webkit-features-in-safari-at-wwdc21/
• Design for Safari 15 https://developer.apple.com/videos/play/wwdc2021/10029/
• Новый ключ user_preferences в веб-манифесте https://github.com/w3c/manifest/issues/975#issuecomment-858333333
• Meet Safari Web Extensions on iOS https://developer.apple.com/videos/play/wwdc2021/10104/
• Develop advanced web content https://developer.apple.com/videos/play/wwdc2021/10030Mozilla и дэш-дэш
• Make -- a reserved custom property name https://groups.google.com/a/mozilla.org/g/dev-platform/c/Pi_XU-wVv08/m/CrsiMkB0BwAJ
Блог, CSS, RSS, VK
• Нативная валидация ввода в CSS https://ariarzer.dev/native-css-validation.html
• Доклад «CSS глазами машин» Ромы Дворнова https://youtu.be/c2Sw5gmOwmE
• Доклад «Тег a» Никиты Дубко https://youtu.be/_UmMLsIeK9k
• Доклад «CSS code coverage» Антона Холкина https://youtu.be/xc_dinZ4GfcЧитайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK h… -
285. Бета Chrome 92, Firefox 89, якоря и расширения, TeamCity, JS внутри WASM, TypeScript 4.3
8 juni 2021 · 1 uur 32 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Андрей Мелихов, Никита Дубко
Гости: Али Рагимов
Темы
00:00:00 Интро
00:01:30 События
00:04:15 Бета Chrome 92
00:14:52 Новинки DevTools
00:31:15 Firefox 89
00:34:08 Якоря и расширения
00:41:41 Настройка CI в TeamCity
00:47:21 JS внутри WASM
00:57:55 TypeScript 4.3
01:13:48 Сомнения про TSАли Рагимов
• Али в Твиттере https://twitter.com/barinbritva
• Сайт Али https://barinbritva.ru/События
• OdessaFrontend в Одессе 16 июня https://odessafrontend.com/
• Hot Frontend в Казани 17 июня https://simbirsoft.timepad.ru/event/1647204/Бета Chrome 92
• Chrome 92: Web Apps as File Handlers, New JavaScript Features, and More https://blog.chromium.org/2021/06/chrome-92-web-apps-as-file-handlers-new.html
Новинки DevTools
• What’s New In DevTools (Chrome 92) https://developer.chrome.com/blog/new-in-devtools-92/
Firefox 89
• Firefox 89 https://tanalin.com/blog/2021/06/firefox-89/
Якоря и расширения
• CSS Anchored Positioning https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/CSSAnchoredPositioning/explainer.md
• Forming the WebExtensions Community Group https://www.w3.org/community/webextensions/2021/06/04/forming-the-wecg/Настройка CI в TeamCity
• TeamCity 2021.1: Kotlin and Node.js Build Runners https://blog.jetbrains.com/teamcity/2021/05/teamcity-2021-1-kotlin-and-node-js-build-runners-trigger-defined-parameters-high-availability-and-more/
JS внутри WASM
• Making JavaScript run fast on WebAssembly https://bytecodealliance.org/articles/making-javascript-run-fast-on-webassembly
TypeScript 4.3
• Релиз TS 4.3! Посмотрим, что новенького он нам принёс https://twitter.com/barinbritva/status/1397840104400506884
• Understanding TypeScript’s Popularity http://orta.io/notes/js/why-typescript/
• 10++ TypeScript Pro tips/patterns with (or without) React https://medium.com/p/5799488d… -
284. Safari TP, Chrome 91, Node.js в браузере, Google Docs на Canvas, Flow, зачем TDD, Babel на ESM
31 mei 2021 · 1 uur 6 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев
Гости: Илья Климов
Темы
00:00:00 Интро
00:02:02 События
00:09:06 Safari TP
00:10:40 Chrome 91
00:20:20 Node.js в браузере
00:31:38 Google Docs на Canvas
00:41:51 Flow почти всё
00:51:26 Зачем и как TDD
01:01:14 Babel на ESMПромокоды
• 10% скидка на JS Fwdays https://fwdays.com/en/event/javascript-fwdays-2021: 28799A28A6
• 20% скидка на JavaScript.Ninja https://javascript.ninja/: Вебстандарты
• Патреон Веб-стандартов https://www.patreon.com/webstandards_ruСобытия
• JavaScript fwdays онлайн 1–5 июня https://fwdays.com/en/event/javascript-fwdays-2021
• Илья Климов о работе простым программистом https://youtu.be/_05OgtjctdM
• Goose & Duck https://youtu.be/LnyJjcGRA6E, Дима Коваленко и Влад ШиловSafari TP
• Safari Technology Preview 125 https://webkit.org/blog/11680/release-notes-for-safari-technology-preview-125/
Chrome 91
• New in Chrome 91 https://developer.chrome.com/blog/new-in-chrome-91/
• Sparkplug — a non-optimizing JavaScript compiler https://v8.dev/blog/sparkplug
• RSS in Chrome https://blog.chromium.org/2021/05/an-experiment-in-helping-users-and-web.htmlNode.js в браузере
• Introducing WebContainers: Run Node.js natively in your browser https://blog.stackblitz.com/posts/introducing-webcontainers/
Google Docs на Canvas
• Google Docs will now use canvas based rendering: this may impact some Chrome extensions https://workspaceupdates.googleblog.com/2021/05/Google-Docs-Canvas-Based-Rendering-Update.html
Flow почти всё
• Clarity on Flow’s Direction and Open Source Engagement https://medium.com/flow-type/clarity-on-flows-direction-and-open-source-engagement-e721a4eb4d8b
• Продвижение опенсорс-проектов, Андрей Ситник https://youtu.be/SbgqR79nPd0Зачем и как TDD
• TDD: зачем и как, доклад на Frontend Crew https://bespoyasov.ru/blog/frontend-crew-2021-t…
-
283. Sublime Text 4, Sass, Svelte после React, Container Queries, Learn CSS, Google I/O, новые GDE
24 mei 2021 · 1 uur 25 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев
Гости: Юля Миоцен, Полина Гуртовая, Алёна Батицкая
Темы
00:00:00 Интро
00:02:10 События
00:07:19 Sublime Text 4
00:14:04 Совместимый Sass
00:17:09 Svelte после React
00:24:17 Container Queries
00:31:35 Learn CSS
00:41:00 Google I/O
00:53:14 Гибридные команды
01:02:29 Новые GDE
01:16:07 Зачем GDEСобытия
• Google I/O онлайн 18–20 мая https://events.google.com/io/program/content?4=topic_web
• DINS JavaScript Evening онлайн 26 мая https://dins.timepad.ru/event/1644199/
• CodeFest в Новосибирске 29–30 мая https://11.codefest.ru/
• SECON в Пензе 19–20 июня https://2021.secon.ru/speakersSublime Text 4
• Sublime Text 4 https://www.sublimetext.com/blog/articles/sublime-text-4
Совместимый Sass
• We just released Sass 1.33.0 https://twitter.com/SassCSS/status/1395547721180729344
Svelte после React
• Svelte for the Experienced React Dev https://css-tricks.com/svelte-for-the-experienced-react-dev/
Container Queries
• CSS Container Queries in Web Components https://mxb.dev/blog/container-queries-web-components/
Learn CSS
• Learn CSS https://web.dev/learn/css/
• Learn CSS Base Styles https://codepen.io/web-dot-dev/pen/abpoXGZGoogle I/O
• Web at Google I/O 2021 https://www.youtube.com/playlist?list=PLNYkxOF6rcIAK3hg7C9WVBaGgWZeQCD12
• Chrome dev tools for designers https://youtu.be/yNwwEu3Kcbs
• The new responsive: Web design in a component-driven world https://youtu.be/jUQ2-C5ZNRc
• What’s new in web platform https://youtu.be/0UiaD059eqM
• Machine learning for next gen web apps with TensorFlow.js https://youtu.be/uU-u-5Eo65g
• Performance after load https://youtu.be/4QkuvwRftTwGoogle Developer Experts
• Directory of Experts worldwide https://developers.google.com/community/experts/directory
Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru… -
282. Rome, CloudFront Functions, кроссбраузерность, has() и другой современный CSS, мониторинг, GDE
17 mei 2021 · 1 uur 21 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Андрей Мелихов, Ольга Алексашенко
Гости: Александра Шинкевич
Темы
00:00:00 Интро
00:01:07 Компания Rome
00:05:38 CloudFront Functions
00:13:31 Кроссбраузерность
00:27:06 Can I has
00:31:45 Container Queries
00:39:03 Скроллер из будущего
00:44:27 Кастомные свойства
00:54:27 Мониторинг фронтенда
01:05:37 Александра и GDEСмотрите нас
• Лайв на Ютубе https://youtu.be/F25gTnQ8PcM
Компания Rome
• Announcing Rome Tools, Inc. https://rome.tools/blog/announcing-rome-tools-inc/
CloudFront Functions
• Introducing CloudFront Functions https://aws.amazon.com/blogs/aws/introducing-cloudfront-functions-run-your-code-at-the-edge-with-low-latency-at-any-scale/
Кроссбраузерность
• The State of CSS Cross-Browser Development https://ishadeed.com/article/cross-browser-development/
Can I has
• Can I :has() https://bkardell.com/blog/canihas.html
Container Queries
• A Primer On CSS Container Queries https://www.smashingmagazine.com/2021/05/complete-guide-css-container-queries/
• CSS Container Queries, или Адаптация по-новому https://youtu.be/bP3ceQEXMhUСкроллер из будущего
• Building a media scroller component https://web.dev/building-a-media-scroller-component/
Кастомные свойства
• Practical Use Cases For CSS Variables https://ishadeed.com/article/practical-css-variables/
• CSS Battle https://cssbattle.dev/Мониторинг фронтенда
• Солидные фронтенды: мониторинг https://blog.kamyshev.me/solid-frontend-monitoring/
Александра и GDE
• Google Developer Experts https://developers.google.com/community/experts/
Читайте новости
• 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
• Li… -
281. SpiderMonkey 25 лет, Safari TP, Bootstrap 5, Гитхаб, префиксы, монорепы и свой git в Яндексе
11 mei 2021 · 1 uur 29 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Андрей Мелихов, Никита Дубко
Гости: Владимир Гриненко
Темы
00:00:00 Интро
00:01:49 События
00:09:09 SpiderMonkey 25 лет
00:11:11 Safari TP 124
00:17:24 Bootstrap 5
00:28:38 Подарок от Гитхаба
00:31:42 Веб-компоненты в Гитхабе
00:39:00 Нужны ли ещё префиксы
00:51:46 Что за монорепы
00:59:07 Зачем монорепы
01:03:57 Взгляд пользователя
01:16:53 Свой git и ГитхабВладимир Гриненко
• Владимир в Твиттере https://twitter.com/tadatuta
• Владимир в Телеграме https://t.me/tadatutaСобытия
• A11y Club Minsk Meetup онлайн 14 мая https://a11yminsk.github.io/a11yminsk.space/events/3.html
• DUMP в Екатеринбурге 14 мая https://dump-ekb.ru/frontend
• Google I/O онлайн 18–20 мая https://events.google.com/io/program/content?4=topic_web
• Performance-testing the Google I/O site https://jakearchibald.com/2021/io-site-perf/
• SimpleWebConf онлайн 24–25 мая https://simplewebconf.com/
• CodeFest в Новосибирске 29–30 мая https://11.codefest.ru/SpiderMonkey 25 лет
• 25 лет SpiderMonkey https://twitter.com/SpiderMonkeyJS/status/1389985112620736516
Safari TP 124
• Release Notes for Safari Technology Preview 124 https://webkit.org/blog/11672/release-notes-for-safari-technology-preview-124/
• Ускоряем WebGL/Three.js с помощью OffscreenCanvas и веб-воркеров https://habr.com/ru/post/446682/Bootstrap 5
• Bootstrap 5 https://blog.getbootstrap.com/2021/05/05/bootstrap-5/
Подарок от Гитхаба
• Sync from the parent repo with just a single click! https://twitter.com/github/status/1390382527588798477
Веб-компоненты в Гитхабе
• How we use Web Components at GitHub https://github.blog/2021-05-04-how-we-use-web-components-at-github/
• Removing jQuery from GitHub.com frontend https://github.blog/2018-09-06-removing-jquery-from-github-frontend/Нужны ли ещё префиксы
• Is Vendor Prefixing Dead? https://css-tricks…
-
280. Safari 14.1, гэпы во флексах, история JS, мозаичный JS, кому нужны алгоритмы
4 mei 2021 · 1 uur 30 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Андрей Мелихов, Никита Дубко
Гости: Сергей Сергеев
Темы
00:00:00 Интро
00:03:35 События
00:05:34 Safari 14.1
00:16:40 Гэпы во флексах
00:21:14 История JS
00:39:46 Мозаичный JS
00:54:18 Кому нужны алгоритмыСергей Сергеев
• Сергей в Твиттере https://twitter.com/gurugray
• Личный сайт https://gurugray.ru
• Плейлист с докладами https://www.youtube.com/playlist?list=PLVDDhgBLLd2xDn7YlJA9I5i8cnUrNhyuyСобытия
• Semrush IT meetup онлайн 12 мая https://semrush.timepad.ru/event/1631954/
• Ember.js Meetup в Нижнем Новгороде 14 мая https://emberjs-nn.timepad.ru/event/1618665/Safari 14.1
• iOS 14.5 brings the new Safari 14.1 to PWAs and the Web Platform https://firt.dev/ios-14.5/
• New WebKit Features in Safari 14.1 https://webkit.org/blog/11648/new-webkit-features-in-safari-14-1/Гэпы во флексах
• How to detect browser support for Flexbox Gap https://ishadeed.com/article/flexbox-gap/
История JS
• CSSSR История фронтенда. Выпуск 2 https://css.sr/s8h
• История фронтенда: JavaScript как отражение новой эпохи https://blog.csssr.com/ru/article/frontend-history-java-script-as-a-reflection-of-a-new-era/Мозаичный JS
• Как мы сделали JS по-настоящему модульным https://web-standards.ru/articles/modular-javascript/
Кому нужны алгоритмы
• Стоило сунуть нос в бэкенд и начались алгоритмы https://twitter.com/amel_true/status/1385258311356985346
Читайте новости
• 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/ -
279. Firefox 88, Node.js 16, бета Chrome 91, XHR как дискета, внезапный popup, AMP, Core Web Vitals
26 april 2021 · 1 uur 5 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Андрей Мелихов
Гости: Александр Мышов
Темы
00:00:00 Интро
00:10:42 Firefox 88
00:18:37 Node.js 16
00:26:45 Бета Chrome 91
00:35:58 XHR как дискета
00:39:19 Внезапный popup
00:48:54 AMP всё?
00:53:10 Core Web VitalsАлександр Мышов
• Defront в Телеграме https://t.me/defront
• Александр в Твиттере https://twitter.com/myshov
• Defront на Патреоне https://www.patreon.com/myshovFirefox 88
• Never too late for Firefox 88 https://hacks.mozilla.org/2021/04/never-too-late-for-firefox-88/
• Firefox 88 https://tanalin.com/blog/2021/04/firefox-88/
• ECMAScript Next compatibility table https://kangax.github.io/compat-table/esnext/Node.js 16
• Node.js 16 available now https://medium.com/p/7f5099a97e70
Бета Chrome 91
• Chrome 91 Beta https://blog.chromium.org/2021/04/chrome-91-handwriting-recognition-webxr.html
XHR как дискета
• Replace XHR with Fetch in DevTools https://twitter.com/firt/status/1384935195300843523
Внезапный popup
• Compatibility issue with existing popup use https://github.com/openui/open-ui/issues/341
• Awesome Standalones https://github.com/davatron5000/awesome-standalonesAMP всё?
• More time, tools, and details on the page experience update https://developers.google.com/search/blog/2021/04/more-details-page-experience
Core Web Vitals
• An In-Depth Guide To Measuring Core Web Vitals https://www.smashingmagazine.com/2021/04/complete-guide-measure-core-web-vitals/
Читайте новости
• 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/ -
278. Инди-сайты, подкаст и RSS, Chrome 90, инспектор гридов, Dart и Wrike, FLoC, матрица компетенций
19 april 2021 · 1 uur 21 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко, Андрей Мелихов
Темы
00:00:00 Интро
00:01:13 Инди-сайты
00:05:54 Подкаст на сайте и RSS
00:11:13 Chrome 90
00:26:58 Инспектор гридов в Safari
00:30:28 Dart уходит из Wrike
00:44:40 FLoC или куки
01:00:44 Матрица компетенцийСобытия
• Видео с Я.Субботника 17 апреля https://youtu.be/ApGPxHjryHY
• Холи 20-23 апреля https://holyjs-piter.ru/Инди-сайты
• Список инди-сайтов по фронтенду https://github.com/web-standards/indie-list
Подкаст на сайте и RSS
• Раздел «Подкаст» на сайте https://web-standards.ru/podcast/
Chrome 90
• Chrome 90 https://developer.chrome.com/blog/new-in-chrome-90/
• We’ve rolled back the offline criteria for PWA https://twitter.com/ChromiumDev/status/1382745996917084160Инспектор гридов в Safari
• WebKit: Introducing CSS Grid Inspector https://webkit.org/blog/11588/introducing-css-grid-inspector/
• Firefox 52 https://hacks.mozilla.org/2017/03/firefox-52-introducing-web-assembly-css-grid-and-the-grid-inspector/Dart уходит из Wrike
• Wrike уходит от использования языка Dart https://habr.com/ru/company/wrike/blog/551962/
FLoC или куки
• Why Brave Disables FLoC https://brave.com/why-brave-disables-floc/
• Nobody is flying to join Google’s FLoC https://www.theverge.com/2021/4/16/22387492/google-floc-ad-tech-privacy-browsers-brave-vivaldi-edge-mozilla-chrome-safari
• How to take part in the FLoC origin trial https://developer.chrome.com/blog/floc/
• FLoC vs 3rd party cookies https://twitter.com/rowan_m/status/1382720868208500742Матрица компетенций
• Матрица компетенций https://www.notion.so/83a2a7b71e3441b6a17633660ad13e1c
Читайте новости
• 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/@webstandar… -
277. SharedArrayBuffer, стилизация контролов, TypeScript, Dev Tips и индивеб, Podlodka Frontend Crew
12 april 2021 · 1 uur 6 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко, Мария Просвирнина
Гости: Александр Зубов
Темы
00:00:00 Интро
00:01:32 События
00:05:13 Возвращение SharedArrayBuffer
00:11:16 Base и стилизация контролов
00:17:30 DevTools на TypeScript
00:32:22 Индивеб и Dev Tips
00:42:30 Podlodka Frontend Crew
00:49:55 Будущее и воркшопы
00:55:20 Коммерция и сообществоСобытия
• CSS Conf Colombia онлайн 10 апреля https://cssconf.co/
• Трансляция CSS Conf Colombia https://youtu.be/EVnzunpx7Ds
• PiterJS онлайн 15 апреля https://medium.com/p/6fd54e0ddaec
• Podlodka Frontend Crew онлайн 12–23 апреля https://podlodka.io/fecrewВозвращение SharedArrayBuffer
• SharedArrayBuffer updates https://developer.chrome.com/blog/enabling-shared-array-buffer/
Base и стилизация контролов
• Appearance: base to enable interoperable styling https://github.com/w3c/csswg-drafts/issues/5998
DevTools на TypeScript
• Migrating DevTools to TypeScript https://developer.chrome.com/blog/migrating-to-typescript/
Индивеб и Dev Tips
• Dev Tips https://mefody.dev/
• Webmention.io https://webmention.io/
• Адвент-календарь постов про Индивеб https://marinintim.com/2019/indieweb/Читайте новости
• 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/ -
276. Safari, static в V8, Deno, Sublime Text, HSL и LCH, F1, WordPress, SPA, гидрация и Next.js
5 april 2021 · 1 uur 21 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко, Андрей Мелихов
Гости: Павел Минеев
Темы
00:00:00 Интро
00:01:13 События
00:04:11 Фиксы в Safari
00:07:47 Static в V8
00:13:29 Deno Company
00:21:35 Sublime Text 4
00:28:46 HSL и LCH
00:34:45 Медленная F1
00:42:04 Обратно на WordPress
00:54:48 Что такое SPA
01:07:11 Гидрация и Next.jsПавел Минеев
• Личный сайт https://pavel.mineev.me
• Выпуск Радио-Т https://radio-t.com/p/2021/03/20/podcast-746/
• Remark42 https://github.com/umputun/remark42События
• HolyJS онлайн 20–23 апреля https://holyjs-piter.ru/
• Программа HolyJS на Хабре https://habr.com/ru/company/jugru/blog/549922/
• Frontend Crew онлайн 12–23 апреля https://podlodka.io/fecrew
• CFP на 2 неделю https://docs.google.com/forms/d/e/1FAIpQLSe5K8SUBpCU7t6ujsQZnFnXgWdl4efU9WdXZR6qJi9fYWf1og/viewformФиксы в Safari
• Release Notes for Safari TP 123 https://webkit.org/blog/11585/release-notes-for-safari-technology-preview-123/
• Compat 2021 Dashboard https://wpt.fyi/compat2021?feature=summaryStatic в V8
• Class static initializer blocks https://v8.dev/features/class-static-initializer-blocks
Deno Company
• Announcing the Deno Company https://deno.com/blog/the-deno-company
Sublime Text 4
• Превью Sublime Text 4 https://vimeo.com/529550701
HSL и LCH
• Dark mode in 5 minutes, with inverted lightness variables https://lea.verou.me/2021/03/inverted-lightness-variables/
Медленная F1
• Who has the fastest F1 website in 2021? https://jakearchibald.com/2021/f1-perf-part-1/
Обратно на WordPress
• Как я не перешёл с WordPress на Hugo, Gatsby и прочий Node https://blognot.co/60485/
SPA, гидрация и Next.js
• Next.js https://nextjs.org
• Microsite https://github.com/natemoo-re/microsite
• Hugo.io https://gohugo.io
• Gatsby https://www.gatsbyjs.comЧитайте новости
• Telegram https://t.me/webstandards_ru
• X htt… -
275. Firefox 87, Container Queries, Compat 2021, SvelteKit, эмоджи, лонгрид и дорога к доступности
30 maart 2021 · 1 uur 14 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Лена Райан, Марианна Минич
Темы
00:00:00 Интро
00:01:34 События
00:03:54 Новинки Firefox 87
00:07:12 Container Queries
00:12:34 Compat 2021
00:21:40 SvelteKit
00:31:07 Эмоджи или эмодзи
00:37:21 A11y-лонгрид
00:44:31 Дорога к доступностиСобытия
• Theta Conf онлайн 10 апреля https://community-z.com/events/theta-conf-2
• Я.Субботник онлайн 17 апреля https://events.yandex.ru/events/yasubbotnik/17-apr-2021/Новинки Firefox 87
• Firefox 87 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/87
Container Queries
• An experimental flag for container queries just hit Chrome Canary! https://twitter.com/Una/status/1375419967718449155
Compat 2021
• Compat2021: Eliminating five top compatibility pain points on the web https://web.dev/compat2021/
SvelteKit
• SvelteKit is in public beta https://svelte.dev/blog/sveltekit-beta
Эмоджи или эмодзи
• Emoji under the hood https://tonsky.me/blog/emoji/
A11y-лонгрид
• A Complete Guide To Accessible Front-End Components https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/
• Disabled buttons suck https://axesslab.com/disabled-buttons-suck/Дорога к доступности
• Курс Валерии Курмак https://kurmak.info/
• Блог Мануэля Матузовича https://www.matuzo.at/blog/
• Как незрячий пользуется iPhone, MacBook и Apple Watch https://youtu.be/RQiN1Hhrxu0
• Доклад Ивана Бакаидова на ЯЛФ https://youtu.be/vfM0gjLBLUE
• Доклад Лены на IWD https://youtu.be/F8RZTWeaDnY
• Доклад Саши Шинкевич про Bootstrap https://youtu.be/5R_vwZzZHRY
• Доклад Ани Сафоновой на pitera11y_meetup https://youtu.be/gXnEnQ5344MЧитайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/… -
274. Новинки V8, бета Chrome 90 и веб-бандлы, ненастоящие PWA и нативный CSS Nesting
22 maart 2021 · 1 uur 4 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко, Мария Просвирнина
Темы
00:00:00 Интро
00:00:42 События
00:04:10 Что нового в V8
00:09:39 Бета Chrome 90
00:32:43 Ненастоящие PWA
00:45:40 CSS NestingСобытия
• International Women’s Day онлайн 20 марта https://gdg-russia.com/iwd2021
• MoscowJS онлайн 25 марта https://youtu.be/h1NhbbzCIBMЧто нового в V8
• V8 release v9.0 https://v8.dev/blog/v8-release-90
Бета Chrome 90
• Chrome 90 Beta: AV1 Encoder for WebRTC, New Origin Trials, and More https://blog.chromium.org/2021/03/chrome-90-beta-av1-encoder-for-webrtc.html
• Explainer: Subresource loading with Web Bundles https://github.com/WICG/webpackage/blob/main/explainers/subresource-loading.mdНенастоящие PWA
• Your PWA is going to break in August 2021 https://javascript.plainenglish.io/your-pwa-is-going-to-break-in-august-2021-34982f329f40
• Минимальное PWA https://habr.com/ru/post/547436/CSS Nesting
• Official CSS Nesting – the last piece of the puzzle https://benfrain.com/official-css-nesting-the-last-piece-of-the-puzzle/
Читайте новости
• 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/ -
273. Edge Legacy, Safari, React Native, Preact Server Components, MDN, печать, EditorConfig, шрифты
15 maart 2021 · 1 uur 9 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко, Андрей Мелихов
Темы
00:00:00 Интро
00:01:04 События
00:06:35 Старый Edge всё
00:12:02 Новинки Safari TP
00:21:54 React Native и Preact
00:29:02 MDN по-русски
00:33:12 Стили для печати
00:41:46 EditorConfig
00:48:35 Ховер или клик
00:57:31 Системные шрифтыСобытия
• Видео с Я ❤ Фронтенд https://youtube.com/playlist?list=PLKaafC45L_SQvmgHWgtUeX_Y59NiZhmEF
• Design is Frontend онлайн 24 марта https://dif.affinage.ru/
• DUMP в Екатеринбурге 14 мая https://dump-ekb.ru/
• Secon в Пензе 19–20 июня https://2021.secon.ru/
• 404fest X в сентябре https://2021.404fest.ru/
• Ищем мейнтейнера календаря https://github.com/web-standards/calendarСтарый Edge всё
• Microsoft Edge Legacy support ends today https://blogs.windows.com/msedgedev/2021/03/09/microsoft-edge-legacy-end-of-support/
Новинки Safari TP
• Safari Technology Preview 122 https://webkit.org/blog/11577/release-notes-for-safari-technology-preview-122/
• Blink Intent to Prototype and Ship: ES Modules for SW https://groups.google.com/a/chromium.org/g/blink-dev/c/iJaPCv9HOrE/m/MRJDqCRvAgAJReact Native и Preact
• Announcing React Native 0.64 with Hermes on iOS https://reactnative.dev/blog/2021/03/11/version-0.64
• Как я полюбил и возненавидел React Native https://youtu.be/WOMnm8mrWFE
• Preact Server Components https://twitter.com/marvinhagemeist/status/1370386304895229952MDN по-русски
• Проект по переводу контента MDN https://github.com/mdn/translated-content/issues/117
Стили для печати
• Я совсем забыл про стили для печати https://web-standards.ru/articles/print-style-sheets/
• Распечатай мне курсач. На CSS https://youtu.be/xVPCZFBpjsIEditorConfig
• EditorConfig — порядок в текстовых файлах https://youtu.be/wWbDC1C7JEE
Ховер или клик
• Why hover is a concept you should not use https://wecreate.digital/blog/men…
-
272. Chrome 89 и DevTools, релизы и приватность, история веба, цвета из спеки, дизайн-система Consta
9 maart 2021 · 1 uur 16 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Андрей Мелихов
Гости: Юля Миоцен, Вадик Матвеев
Темы
00:00:00 Интро
00:01:26 События
00:02:52 Chrome 89
00:11:00 Chrome DevTools
00:22:31 Релизы и приватность
00:29:44 История веба
00:37:55 Цвета из спеки
00:44:45 Зачем Consta
00:53:49 Как Consta
01:01:00 Когда Consta
01:07:00 Лэндинг ConstaГости
• Вадик в Твиттере https://twitter.com/fooontic_
• Юля в Твиттере https://twitter.com/julia_mioceneСобытия
• RamblerFront& онлайн 18 марта https://habr.com/p/545376/
• Трансляция с Я ❤ Фронтенд https://youtu.be/-1I8LuqcCNAChrome 89
• New in Chrome 89 https://developer.chrome.com/blog/new-in-chrome-89/
Chrome DevTools
• What’s New In DevTools (Chrome 90) https://developers.google.com/web/updates/2021/02/devtools?hl=ru
Релизы и приватность
• Web API Controversy https://webapicontroversy.com/
• Speeding up Google Chrome’s release cycle https://developer.chrome.com/blog/faster-release-cycle/
• Charting a course towards a more privacy-first web https://blog.google/products/ads-commerce/a-more-privacy-first-web/История веба
• История фронтенда: Браузер, который умел всё https://blog.csssr.com/ru/article/frontend-history-the-browser-that-could-do-everything/
Цвета из спеки
• Цвета в CSS https://css-live.ru/css/css-colors.html
Consta
• Consta — дизайн-система «Газпром нефти» http://consta.gazprom-neft.ru/
• Код лэндинга Consta https://github.com/gazprom-neft/consta-landing
• Yandex UI Kit https://github.com/bem/yandex-ui
• VKUI https://vkcom.github.io/VKUI/
• Scroll Spinning SVG https://codepen.io/chriscoyier/pen/mdVWgdNЧитайте новости
• 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/profi… -
271. Safari, Firefox 86, SVG на GPU, куки в браузерах, WebP, AVIF и JPEG XL, офер в Яндекс за день
1 maart 2021 · 1 uur
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Михаил Трошев
Темы
00:00:00 Интро
00:01:41 Свежий Safari TP
00:04:32 Firefox 86
00:08:31 Быстрый SVG на GPU
00:12:18 Куки в Firefox и Яндекс.Браузере
00:22:58 WebP, AVIF и JPEG XL
00:32:30 Офер в Яндекс за день
00:42:49 Буткемп и ШРИ
00:51:37 Зачем нужен ODOСвежий Safari TP
• Release Notes for Safari Technology Preview 121 https://webkit.org/blog/11555/release-notes-for-safari-technology-preview-121/
Firefox 86
• Firefox 86 https://tanalin.com/blog/2021/02/firefox-86/
• A Fabulous February Firefox — 86! https://hacks.mozilla.org/2021/02/a-fabulous-february-firefox-86/Быстрый SVG на GPU
• Updates in hardware-accelerated animation capabilities https://developer.chrome.com/blog/hardware-accelerated-animations/
Куки в Firefox и Яндекс.Браузере
• Firefox 86 Introduces Total Cookie Protection https://blog.mozilla.org/security/2021/02/23/total-cookie-protection/
• Яндекс.Браузер защитит от сторонних трекеров https://zen.yandex.ru/media/yandexbrowser/60361f63084cc34524b766d0WebP, AVIF и JPEG XL
• Maximally optimizing image loading for the web in 2021 https://www.industrialempathy.com/posts/image-optimizations/
• AVIF and WebP encoding quality settings https://www.industrialempathy.com/posts/avif-webp-quality-settings/
• It’s High Time to Replace JPEG With a Next-Generation Image Codec https://cloudinary.com/blog/time_for_next_gen_codecs_to_dethrone_jpegОфер в Яндекс за день
• One Day Offer в Яндекс https://ya.cc/t/2wczXAVQMRvw7
Читайте новости
• 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-sta… -
270. Инспектор флексов, Vite 2.0, SVGO 2.0, Wakamai Fondue, TypeScript, RedLab и стороны аутсорса
22 februari 2021 · 1 uur 20 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев, Алексей Симоненко
Гости: Роман Магдаленко
Темы
00:00:00 Интро
00:02:45 События
00:07:34 Инспектор флексов
00:09:32 Vite 2.0
00:16:36 SVGO 2.0
00:24:11 Wakamai Fondue
00:26:00 Зачем TypeScript
00:34:48 Аутсорс: Лёша
00:47:55 Аутсорс: Андрей
01:05:32 Аутсорс: Вадим
01:14:23 Новички в аутсорсеСобытия
• Я ❤ Фронтенд онлайн 27 февраля https://yandex.ru/promo/yandex4developers/yalovefrontend2021
• Призы для CTF https://www.facebook.com/Yandex4Developers/posts/4079129578773799
• Hot Frontend онлайн в SimbirSoft 5 марта https://www.simbirsoft.com/GKnR
• Frontend Crew онлайн 12–23 апреля https://podlodka.io/fecrew
• Темы для докладов Frontend Crew https://docs.google.com/forms/d/e/1FAIpQLScJ6jr5GBHy3dRUN3L_BhWAbLpdAs27PE4r_5xLz1wxS6XAeA/viewformИнспектор флексов
• Flexbox Editor fresh in Chromium Canary https://twitter.com/argyleink/status/1361695178851971079
Vite 2.0
• Announcing Vite 2.0 https://dev.to/yyx990803/announcing-vite-2-0-2f0a
SVGO 2.0
• SVGO 2.0 https://github.com/svg/svgo/releases/tag/v2.0.0
Wakamai Fondue
• Wakamai Fondue CLI: never write font CSS again! https://pixelambacht.nl/2021/wakamai-fondue-command-line/
Зачем TypeScript
• Tackling TypeScript: Upgrading from JavaScript https://exploringjs.com/tackling-ts/
Аутсорс
• RedLab https://redlab.dev/
Читайте новости
• 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/ -
269. Прощание с Edge, веб-платформа, z-index, однострочники, атака на зависимости, инди-веб, CTF
15 februari 2021 · 1 uur 8 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев, Никита Дубко
Гости: Сергей Иванов
Темы
00:00:00 Интро
00:02:04 Событие ЯЛФ
00:09:37 Прощание со старым Edge
00:14:16 Новости веб-платформы
00:19:06 Борьба с z-index
00:25:48 Нормальные однострочники
00:35:48 Атака на зависимости
00:45:53 Инди-веб
00:54:39 Что такое CTFСобытие ЯЛФ
• Я ❤ Фронтенд онлайн 27 февраля https://yandex.ru/promo/yandex4developers/yalovefrontend2021
Прощание со старым Edge
• New Microsoft Edge to replace Microsoft Edge Legacy with April’s Windows 10 Update Tuesday release https://techcommunity.microsoft.com/t5/microsoft-365-blog/new-microsoft-edge-to-replace-microsoft-edge-legacy-with-april-s/ba-p/2114224
Новости веб-платформы
• Open Web Docs worklog, January 2021 edition https://opencollective.com/open-web-docs/updates/open-web-docs-worklog-january-2021-edition
• Define container queries in css-contain-3 https://github.com/w3c/csswg-drafts/issues/5796Борьба с z-index
• Managing CSS Z-Index In Large Projects https://www.smashingmagazine.com/2021/02/css-z-index-large-projects/
Нормальные однострочники
• 15 полезных однострочных выражений JavaScript https://medium.com/p/f25d53eb9482
Атака на зависимости
• How I Hacked Into Apple, Microsoft and Dozens of Other Companies https://medium.com/@alex.birsan/dependency-confusion-4a5d60fec610
• Рекомендации Microsoft https://azure.microsoft.com/en-us/resources/3-ways-to-mitigate-risk-using-private-package-feeds/Инди-веб
• Why The IndieWeb? https://briefs.video/videos/why-the-indieweb/
Что такое CTF
• CTF в Петербурге в Телеграме https://t.me/spbctf
• CTF в Петербурге на Ютубе https://www.youtube.com/channel/UCaqi7baKiDd8jMR_fyjjccw
• Frontend CTF №1 https://vk.com/wall-116797910_267
• Frontend CTF №2 http://fctf3.now.sh/
• Канал Сергея в Телеграме https://t.me/ufostationЧитайте новости
… -
268. Npm 7, PCM, V8 v8.9, App History API, прагматичные книги, зачем Docker, как и чьё это дело
9 februari 2021 · 1 uur 3 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Вадим Макеев
Гости: Игорь Коровченко
Темы
00:00:00 Интро
00:01:25 Npm 7
00:14:15 Private Click Measurement
00:19:45 Обновление V8 v8.9
00:23:55 App History API
00:32:01 Прагматичные книги
00:36:45 Принцип работы Docker
00:44:03 Как пользоваться Docker
00:48:09 Разработка в Docker
00:55:21 Docker, чья проблемаNpm 7
• Npm 7 is now generally available! https://github.blog/2021-02-02-npm-7-is-now-generally-available/
• Presenting v7.0.0 of the npm CLI https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/Private Click Measurement
• Introducing Private Click Measurement, PCM https://webkit.org/blog/11529/introducing-private-click-measurement-pcm/
Обновление V8 v8.9
• V8 release v8.9 https://v8.dev/blog/v8-release-89
App History API
• App History API https://github.com/WICG/app-history
Прагматичные книги
• The Pragmatic Programmers https://medium.com/pragmatic-programmers
Docker
• Распаковка Docker, часть 1 https://web-standards.ru/articles/docker-unboxing-1/
• Распаковка Docker, часть 2 https://web-standards.ru/articles/docker-unboxing-2/
• Распаковка Docker, часть 3 https://web-standards.ru/articles/docker-unboxing-3/
• Development Containers in Education https://code.visualstudio.com/blogs/2020/07/27/containers-edu
• Run and Debug your App in the Desired Environment https://blog.jetbrains.com/idea/2021/01/run-targets-run-and-debug-your-app-in-the-desired-environment/Читайте новости
• 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/ -
267. Новинки браузеров и DevTools, Open Web Docs, элемент popup, HTTPS, WCAG 3, null или undefined
1 februari 2021 · 1 uur 10 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Андрей Мелихов, Вадим Макеев
Темы
00:00:00 Интро
00:00:54 События
00:04:47 Firefox 85
00:16:17 Safari TP 119
00:19:55 Бета Chrome 89
00:32:05 Chrome DevTools
00:41:14 Open Web Docs
00:43:58 Элемент popup
00:47:03 Локальный HTTPS
00:54:25 WCAG 3
00:58:40 Null или undefinedСобытия
• MoscowJS Online прошёл онлайн 28 января https://youtu.be/ll3aCbLMLqI
• Node Congress 2021 18-19 февраля https://nodecongress.com/
• Билеты со скидкой 15% https://ti.to/gitnation/node-congress/discount/WebStandards-NodeCongress
• React fwdays онлайн 27 марта https://fwdays.com/en/event/react-fwdays-2021Firefox 85
• Firefox 85 https://tanalin.com/blog/2021/01/firefox-85/
Safari TP 119
• Release Notes for Safari TP 119 https://webkit.org/blog/11525/release-notes-for-safari-technology-preview-119/
Бета Chrome 89
• Chrome 89 Beta https://blog.chromium.org/2021/01/chrome-89-beta-advanced-hardware.html
Chrome DevTools
• What’s New In DevTools https://developers.google.com/web/updates/2021/01/devtools
Open Web Docs
• Introducing Open Web Docs https://opencollective.com/open-web-docs/updates/introducing-open-web-docs
Элемент popup
• Enabling Popups https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/Popup/explainer.md
Локальный HTTPS
• How to use HTTPS for local development https://web.dev/how-to-use-local-https/
• When to use HTTPS for local development https://web.dev/when-to-use-local-https/WCAG 3
• Что нового в WCAG 3.0 https://web-standards.ru/articles/wcag3-changes/
Null или undefined
• Undefined vs. null revisited https://2ality.com/2021/01/undefined-null-revisited.html
Читайте новости
• 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… -
266. Chrome 88, флексы, JS-метод at, управление CSS-каскадом, разработка под Smart TV, видео в вебе
26 januari 2021 · 1 uur 17 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Андрей Мелихов, Мария Просвирнина
Гости: Иван Дмитриев
Темы
00:00:00 Интро
00:01:36 События
00:02:18 Chrome 88
00:10:21 Картинки во флексах
00:12:06 Новый JS-метод at
00:16:56 Управление CSS-каскадом
00:26:58 Экосистема Smart TV
00:39:26 Интерфейс ТВ
00:47:41 Разработка под ТВ
00:58:54 Устройство ТВ-приложения
01:08:44 Видео для вебаСобытия
• DINS JS Evening онлайн 28 января https://dins.timepad.ru/event/1529695/
Chrome 88
• Chrome 88 https://developers.google.com/web/updates/2021/01/nic88
Картинки во флексах
• Flexbox Cats (a.k.a fixing images in flexbox) https://blogs.igalia.com/svillar/2021/01/20/flexbox-cats-a-k-a-fixing-images-in-flexbox/
Новый JS-метод at
• TC39: Relative Indexing Method https://github.com/tc39/proposal-relative-indexing-method
Управление CSS-каскадом
• CSS Cascading and Inheritance Level 5 https://www.w3.org/TR/css-cascade-5/#at-ruledef-layer
• Первый публичный черновик CSS-каскада 5 уровня https://css-live.ru/vecssti-s-polej/pervyj-publichnyj-chernovik-css-kaskada-5-urovnya.html
• Пара слов о @layer https://ariarzer.dev/css-cascade-layer.htmlЧитайте новости
• 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/ -
265. Smashing Conf, Puppeteer и Firefox, состояние всего, video как picture, чек-лист по перфомансу
18 januari 2021 · 1 uur 16 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Виталий Фридман
Темы
00:00:00 Интро
00:02:07 События и Smashing Conf
00:17:50 Puppeteer для Firefox
00:22:19 Состояние всего
00:38:55 Video как picture
00:53:59 Чек-лист по перфомансу
01:09:13 Нужен ли перфомансСобытия и Smashing Conf
• Tver.io Performance Meetup онлайн 21 января https://www.meetup.com/tverio/events/275691117/
• Wix Kyiv: CSS Debug онлайн 27 января https://www.meetup.com/ru-RU/Wix_Kyiv/events/275745116/
• Smashing Workshops https://smashingconf.com/online-workshops/
• Холивар, история Рунета https://www.currenttime.tv/a/runet/30107847.htmlPuppeteer для Firefox
• Improving Cross-Browser Testing, Part 2 https://hacks.mozilla.org/2021/01/improving-cross-browser-testing-part-2-new-automation-features-in-firefox-nightly/
Состояние всего
• State of JS 2020 https://2020.stateofjs.com/ru-RU/
• 2020 JavaScript Rising Stars https://risingstars.js.org/2020/ruVideo как picture
• HTML Video Element, Filament Group https://github.com/filamentgroup/html-video-responsive
Чек-лист по перфомансу
• Front-End Performance Checklist 2021 https://www.smashingmagazine.com/2021/01/front-end-performance-2021-free-pdf-checklist/
Читайте новости
• 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/ -
264. Safari, подсветка ошибок, HTML по частям, Suspense, Concurrent, Server Components и SSR в React
11 januari 2021 · 1 uur 23 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Андрей Мелихов, Никита Дубко, Мария Просвирнина
Гости: Дэн Абрамов
Темы
00:00:00 Интро
00:01:19 Safari TP 118
00:11:59 Подсветка ошибок на CSS
00:15:19 Загрузка HTML по частям
00:23:34 Suspense и Concurrent
00:40:07 Серверные компоненты
01:01:43 React уже фреймворк?
01:10:16 Сложный бэкенд и SSRSafari TP 118
• Release Notes for Safari Technology Preview 118 https://webkit.org/blog/11439/release-notes-for-safari-technology-preview-118/
• Репозиторий WebKit на GitHub https://github.com/WebKit/WebKit
• Телеграм-канал «Вебня» https://t.me/webnyaПодсветка ошибок на CSS
• Intent to Prototype: CSS spelling and grammar features https://groups.google.com/a/chromium.org/g/blink-dev/c/8UEcRJViPEU/m/YZml0HGxCQAJ
Загрузка HTML по частям
• Loading and replacing HTML parts with HTML https://justmarkup.com/notes/2020-12-28-loading-and-replacing-html-parts-with-html/
• Smaller HTML Payloads with Service Workers https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/React Server Components
• Zero-Bundle-Size Server Components https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html
• A few points about the different kinds of components https://twitter.com/dan_abramov/status/1342260256638951425
• React Server Components — что это? https://habr.com/ru/post/535248/
• React Server Components Demo with Prisma https://github.com/prisma/server-components-demoЧитайте новости
• 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/ -
263. События года и перемены, онлайн-конференции, переводы, работа из дома, пожелания, благодарности
4 januari 2021 · 1 uur 20 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Никита Дубко, Андрей Мелихов, Вадим Макеев
Темы
00:00:00 Интро
00:02:08 События Андрея
00:12:30 Привет от Маши
00:13:29 События Никиты
00:32:45 Привет от Оли
00:38:45 События Вадима
00:59:44 Привет от Лёши
01:04:59 Пожелания
01:10:56 БлагодарностиАндрей
• Девшахта Андрея на YouTube https://www.youtube.com/channel/UCTSVfbCKN3nZbogPtOCHcMg
• Я ❤︎ Фронтенд 2020 https://yandex.ru/promo/yandex4developers/yalovefrontend2020
• Node.js Design Patterns https://www.amazon.com/Node-js-Design-Patterns-production-grade-applications/dp/1839214112
• Newsletter by architects for architects https://www.deararchitects.xyz/
• Client-Side Architecture Basics https://khalilstemmler.com/articles/client-side-architecture/introduction/Никита
• Никита на YouTube https://www.youtube.com/channel/UCD3BPqHRxzfBKweeozaTz3g
• Перевод Никиты на Веб-стандартах https://web-standards.ru/articles/accessible-to-some/
• Книга Debugging CSS https://debuggingcss.com/
• Monument Valley на чистом CSS https://codepen.io/miocene/full/NWRWQpX
• Генератор статики Eleventy https://www.11ty.dev/Оля
• The Boys https://www.imdb.com/title/tt1190634/
• The Mandalorian https://www.imdb.com/title/tt8111088/Вадим
• Вадим на YouTube https://www.youtube.com/pepelsbey
• Твиттервью Эрика Мейера https://lvivcss.live/en/driving-with-eric-meyer-en/
• Дебаты про ремоут https://youtu.be/WUImyw_V6vA?list=WL
• Вакансия автора в HTML Academy https://spb.hh.ru/vacancy/41004971
• GitHub Codespaces и кодинг на iPad https://youtu.be/T4oSGgcmhNI
• Подкаст The F-Word https://f-word.dev/Читайте новости
• 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-standa… -
262. JS-андерхуд, фокус, фавиконки, JS-фреймворки, React Server Components, Basecamp Hotwire
28 december 2020 · 59 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Мария Просвирнина, Вадим Макеев, Андрей Мелихов
Темы
00:00:00 Интро
00:03:24 JS-андерхуд
00:07:28 Фокус в веб-приложениях
00:13:07 Фавиконки в 2021
00:16:58 История JS-фреймворков
00:19:47 React Server Components
00:38:47 Basecamp HotwireJS-андерхуд
• Вадим в JS-андерхуде https://jsunderhood.ru/pepelsbey/
• Маша в JS-андерхуде https://jsunderhood.ru/prosvirnina12/Фокус в веб-приложениях
• How Discord Implemented App-Wide Keyboard Navigation https://blog.discord.com/how-discord-implemented-app-wide-keyboard-navigation-abf073fd71de
• CSS Spatial Navigation L1 https://www.w3.org/TR/css-nav-1/Фавиконки в 2021
• How to Favicon in 2021: Six files that fit most needs https://evilmartians.com/chronicles/how-to-favicon-in-2021-six-files-that-fit-most-needs
История JS-фреймворков
• Что нужно знать о популярных JS-фреймворках https://habr.com/ru/company/yandex_praktikum/blog/533702/
React Server Components
• Zero-Bundle-Size Server Components https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html
• React Server Components https://addyosmani.com/blog/react-server-components/
• A few points about the different kinds of components https://twitter.com/dan_abramov/status/1342260256638951425Basecamp Hotwire
• Hotwire aka NEW MAGIC is finally here https://twitter.com/dhh/status/1341420143239450624
• Hotwire https://hotwire.dev/
• Turbo Hotwire https://turbo.hotwire.dev/
• Stimulus Hotwire https://stimulus.hotwire.dev/
• Hotwire: The Demo https://youtu.be/eKY-QES1XQQЧитайте новости
• 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.linke… -
261. Трансформации, Firefox 84, боль, MDN, черновики CSS, переполнение, центрирование, вьюпорт
22 december 2020 · 1 uur 10 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Ольга Алексашенко, Вадим Макеев, Никита Дубко
Темы
00:00:00 Интро
00:00:52 События
00:03:13 Отдельные трансформации
00:09:16 Firefox 84
00:16:16 Боль разработчиков
00:27:26 MDN на Гитхабе
00:37:04 Удивительные черновики CSS
00:50:15 Переполнение и недополнение
00:56:44 Способы центрирования
01:02:09 Залоченный вьюпортСобытия
• Видео с JavaScript fwdays’20 Autumn https://www.youtube.com/playlist?list=PLPcgQFk9n9y8WQ3dEeBByarIVaoaZm03W
• Sbermeetup онлайн 22 декабря https://frontendconf.ru/2020/sbermeetupОтдельные трансформации
• CSS Individual Transform Properties https://webkit.org/blog/11420/css-individual-transform-properties/
Firefox 84
• Firefox 84 https://hacks.mozilla.org/2020/12/and-now-for-firefox-84/
• Как воспитать дизайнера https://web-standards.ru/articles/coder-vs-designer/Боль разработчиков
• MDN Browser Compatibility Report 2020 https://insights.developer.mozilla.org/reports/mdn-browser-compatibility-report-2020.html
MDN на Гитхабе
• Welcome Yari: MDN Web Docs has a new platform https://hacks.mozilla.org/2020/12/welcome-yari-mdn-web-docs-has-a-new-platform/
Удивительные черновики CSS
• Earlier in the week I posted progress on… https://twitter.com/MiriSuzanne/status/1340041392156905472
• Cascade Layers https://drafts.csswg.org/css-cascade-5/#layering
• Scope https://github.com/w3c/csswg-drafts/issues/5809
• Container Queries https://github.com/w3c/csswg-drafts/issues/5796Переполнение и недополнение
• Handling Short And Long Content In CSS https://ishadeed.com/article/css-short-long-content/
Способы центрирования
• Centering in CSS https://web.dev/centering-in-css/
Залоченный вьюпорт
• User-scalable=no and suppressing zoom suppression https://www.quirksmode.org/blog/archives/2020/12/userscalableno.html
Читайте новости
• Telegram https://t.me/webstandards_ru
• X h… -
260. Веб-альманах 2020, Safari TP, PWA, EStimate, загрузка по заявке, Houdini, Squoosh 2 и CLI
15 december 2020 · 1 uur 19 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Максим Сальников
Темы
00:00:00 Интро
00:02:32 События
00:09:07 Веб-альманах 2020
00:20:09 Safari TP и списки
00:28:23 Новинки PWA
00:42:42 EStimate лишний JS
00:53:23 Загрузка по заявке
01:01:41 Демки для Houdini
01:11:24 Squoosh 2 и CLIМаксим Сальников
• В Твиттере https://twitter.com/webmaxru
• Личный блог https://webmax.ru/События
• Видео с Accessibility Club Minsk Meetup #2 https://youtu.be/m3EStUvzSAs
• Видео с Chrome Dev Summit 2020 https://youtube.com/playlist?list=PLNYkxOF6rcIDzLmWaDwfHVZJl1Q5RFgOR
• Chrome Dev Summit Russia 2020 Extended онлайн 19 декабря https://gdg.community.dev/events/details/google-gdg-moscow-presents-chrome-dev-summit-russia-2020-extended/
• PWA. 5 лет спустя https://youtu.be/oTQ8qxslF0YВеб-альманах 2020
• The 2020 Web Almanac https://almanac.httparchive.org/en/2020/
Safari TP и списки
• Release Notes for Safari TP 117 https://webkit.org/blog/11364/release-notes-for-safari-technology-preview-117/
Новинки PWA
• Workbox https://workboxjs.org/
• PWA-чат на русском https://t.me/pwa_ruEStimate лишний JS
• Publish, ship, and install modern JS for faster applications https://web.dev/publish-modern-javascript/
• EStimator.dev: the modern JavaScript savings calculator https://estimator.dev/Загрузка по заявке
• The Import On Interaction Pattern https://addyosmani.com/blog/import-on-interaction/
Демки для Houdini
• Cross-browser paint worklets and Houdini.how https://web.dev/houdini-how/
• Houdini.how https://houdini.how/
• CSS paint API: Being predictably random https://jakearchibald.com/2020/css-paint-predictably-random/Squoosh 2 и CLI
• Announcing Squoosh v2 https://web.dev/squoosh-v2/
• Squoosh.app https://squoosh.app/Читайте новости
• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK htt… -
259. Chrome 88, State of CSS и JS, шрифты для кодинга, Monument Valley, вёрстка 2008, сторис, пуньк
8 december 2020 · 57 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Ольга Алексашенко, Никита Дубко
Темы
00:00:00 Интро
00:00:48 События
00:02:20 Бета Chrome 88
00:10:03 State of CSS: разнообразие
00:14:41 State of CSS: инструменты
00:17:49 State of CSS: фреймворки
00:25:08 State of CSS: открытия
00:30:29 State of JS
00:34:01 Шрифты для кодинга
00:36:29 Monument Valley на CSS
00:40:02 Верстать как в 2008
00:47:49 Как сверстать сторис
00:52:48 Пуньк и 27 КбСобытия
• JSNN #14 онлайн 5 декабря https://www.it52.info/events/2020-12-05-jsnn-14-online
• PiterJS + Node.js SPb онлайн 10 декабря https://medium.com/p/580cfbffa7ccБета Chrome 88
• Chrome 88 Beta https://blog.chromium.org/2020/12/chrome-88-digital-goods-lighting.html
• Native Aspect Ratio Boxes in CSS thanks to aspect-ratio https://www.bram.us/2020/11/30/native-aspect-ratio-boxes-in-css-thanks-to-aspect-ratio/State of CSS
• The State of CSS 2020 https://2020.stateofcss.com/ru-RU/
• Is Our Survey Biased Against Women? https://dev.to/sachagreif/is-our-survey-biased-against-women-49ojState of JS
• The State of JS 2020 https://survey.stateofjs.com/survey/state-of-js/2020
Шрифты для кодинга
• Coding Fonts https://coding-fonts.css-tricks.com/
Monument Valley на CSS
• Pure CSS Monument Valley II https://codepen.io/miocene/full/NWRWQpX
Верстать как в 2008
• Верстать как в 2008, или Флэшбеки олдфага https://youtu.be/mE1AvBP08Cs
Как сверстать сторис
• Building a Stories component https://web.dev/building-a-stories-component/
Пуньк и 27 Кб
• React hover animation effect with React Spring https://www.joshwcomeau.com/react/boop/
Читайте новости
• 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… -
258. Bocoup и appearance, нестинг в CSS, адаптация таблиц, устройство браузера, смёржить всё в JS
30 november 2020 · 1 uur 10 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Темы
00:00:00 Интро
00:00:27 События
00:04:15 Bocoup и appearance
00:09:29 Нестинг в CSS
00:18:21 Адаптация таблиц
00:27:23 Устройство браузера
00:41:38 Смёржить всё в JS
00:53:28 Ценность разделенияСобытия
• PiterJS прошёл онлайн 27 ноября https://medium.com/p/eba6069937a6
• SEMrush IT meetup онлайн 3 декабря https://semrush.timepad.ru/event/1485496/
• Design is Frontend онлайн 9 декабря https://affinage.timepad.ru/event/1489043/Bocoup и appearance
• Unprefixing appearance to ship web-compatible styling of form elements https://bocoup.com/work/unprefixing-appearance-to-ship-web-compatible-styling-of-form-elements
Нестинг в CSS
• Current state of the CSS Nesting spec https://twitter.com/benfrain/status/1331545932844904449
Адаптация таблиц
• Under-Engineered Responsive Tables https://adrianroselli.com/2020/11/under-engineered-responsive-tables.html
• When is it appropriate to use table? https://twitter.com/mmatuzo/status/1332242420646498305Устройство браузера
• Устройство современного браузера, часть 1 https://habr.com/ru/post/526696/
• Устройство современного браузера, часть 2 https://habr.com/ru/post/529248/
• Устройство современного браузера, часть 3 https://habr.com/ru/post/529252/
• Устройство современного браузера, часть 4 https://habr.com/ru/post/529258/
• How Browsers Work: Behind the scenes of modern web browsers https://www.html5rocks.com/tutorials/internals/howbrowserswork/
• Inside a super fast CSS engine: Quantum CSS (aka Stylo) https://hacks.mozilla.org/2017/08/inside-a-super-fast-css-engine-quantum-css-aka-stylo/
• Tags to DOM https://alistapart.com/article/tags-to-dom/
• Braces to Pixels https://alistapart.com/article/braces-to-pixels/Смёржить всё в JS
• The Grand Unification Proposal https://github.com/w3c/csswg-drafts/issues/5743
Ценность …
-
257. Chrome 87, Firefox 83, Servo, Safari 14, Open Prioritization, кэш туда-обратно, гриды и minmax
24 november 2020 · 1 uur 7 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Саша Шинкевич
Темы
00:00:00 Интро
00:01:14 События
00:03:05 Chrome 87
00:10:24 Chrome DevTools
00:15:14 Firefox 83
00:24:23 Новый дом для Servo
00:28:26 Safari 14
00:38:38 Open Prioritization
00:44:57 Кэш туда-обратно
00:53:38 Гриды и minmaxСобытия
• Я.Субботник 21 ноября https://youtu.be/wTkeS-X_OIU
• Vue.js fwdays’20 онлайн 28 ноября https://fwdays.com/en/event/vuejs-conf-2020
• Front-End Hero Meetup онлайн 3 декабря https://docs.google.com/forms/d/e/1FAIpQLSdtxnT-2FYdM3QS4nwiTnT70-aMRb3A4vPK9p_e8nz85S3VJw/viewformChrome 87
• New in Chrome 87 https://developers.google.com/web/updates/2020/11/nic87?hl=ru
Chrome DevTools
• What’s New In DevTools https://developers.google.com/web/updates/2020/10/devtools
Firefox 83
• Firefox 83 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/83
• Firefox 83 — обзор Марата Таналина https://tanalin.com/blog/2020/11/firefox-83/
• Simple pie charts with fallback, today https://lea.verou.me/2020/11/simple-pie-charts-with-fallback-today/Новый дом для Servo
• Servo’s new home https://blog.servo.org/2020/11/17/servo-home/
Safari 14
• New WebKit Features in Safari 14 https://webkit.org/blog/11340/new-webkit-features-in-safari-14/
Open Prioritization
• Open Prioritization First Experiment Wrap Up https://bkardell.com/blog/FirstOPFinished.html
Кэш туда-обратно
• Back/forward cache https://web.dev/bfcache/
• BFCache, или Туда и обратно https://habr.com/ru/company/yandex/blog/496360/Гриды и minmax
• A Deep Dive Into CSS Grid minmax() https://ishadeed.com/article/css-grid-minmax/
Читайте новости
• 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/@… -
256. Chrome DevTools, HTTP-пуш, Apple ARM, разметка, CSS-книга, пиксель-пёрфект, миниапы ВКонтакте
16 november 2020 · 1 uur 19 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Глеб Воронцов, Иван Недзвецкий
Темы
00:00:00 Интро
00:01:27 События
00:06:29 Chrome DevTools
00:17:20 Прощай HTTP-пуш
00:24:29 Apple на ARM
00:30:02 Состояние разметки
00:37:11 Новая книга по CSS
00:41:33 Пиксель-пёрфект
00:52:29 Миниапы ВК
00:59:00 Технологии
01:06:27 Зачем это всё
01:13:29 Где деньгиСобытия
• PWA пять лет спустя онлайн 20 ноября https://twitter.com/webmaxru/status/1326815198607515650
• ЮMoneyDay онлайн 28 ноября https://events.yoomoney.ru/yoomoneyday
• YaTalks онлайн 5 декабря https://yatalks.yandex.ru/
• Chrome Dev Summit онлайн 9–10 декабря https://developer.chrome.com/devsummit/schedule/Chrome DevTools
• What’s New In DevTools (Chrome 88) https://developers.google.com/web/updates/2020/11/devtools
Прощай HTTP-пуш
• Intent to Remove: HTTP/2 and gQUIC server push https://groups.google.com/a/chromium.org/g/blink-dev/c/K3rYLvmQUBY/m/vOWBKZGoAQAJ
Apple на ARM
• Does it ARM https://github.com/ThatGuySam/doesitarm
Состояние разметки
• Web Almanac: Markup https://almanac.httparchive.org/en/2020/markup
Новая книга по CSS
• Debugging CSS https://debuggingcss.com/
Пиксель-пёрфект
• Chasing the Pixel-Perfect Dream https://www.joshwcomeau.com/css/pixel-perfection/
Миниапы ВК
• Сообщество разработчиков Mini Apps https://vk.com/vkappsdev
• Документация https://vk.com/dev/vk_apps_docs
• Каталог приложений https://vk.com/services
• VKUI https://vkcom.github.io/vkui-styleguide/Читайте новости
• 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/ -
255. Подсказки для флексов, File API, выражения от контейнера, ARIA, переменные и темы, масонри
10 november 2020 · 1 uur
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Ольга Алексашенко, Вадим Макеев, Никита Дубко
Темы
00:00:00 Интро
00:00:50 Подсказки для флексов
00:06:01 File API не стандарт
00:15:34 Выражения от контейнера
00:29:43 Зачем вообще ARIA
00:36:18 Переменные и темы
00:45:14 Масонри в гридахПодсказки для флексов
• Dynamic contextual flexbox alignment icons! https://twitter.com/argyleink/status/1323306379872882688
File API не стандарт
• Google’s File System Access API is not a standard https://webplatform.news/issues/2020-11-06
Выражения от контейнера
• All Them Switches: Responsive Elements and More https://bkardell.com/blog/AllThemSwitches.html
• Intent to Prototype: Container Queries https://groups.google.com/a/chromium.org/d/msg/blink-dev/u1AKdrXhPGI/wrJb-unhAgAJ
• Предложение https://github.com/dbaron/container-queries-implementability#proposal
• Вариация https://gist.github.com/mirisuzanne/748169312f110d6246e092945673b16e
• I’d like to try Container Queries! https://docs.google.com/forms/d/1RyuW5NUQtKMgDMjo91JwBr_yGhRv4mC5NsmqxsLIaX4/viewform
• Орущий ковбой https://youtu.be/rvrZJ5C_Nwg?t=142Зачем вообще ARIA
• What Is ARIA Even For? https://briefs.video/#pilot
Переменные и темы
• Sass vars, CSS vars, and semantic theme vars https://daverupert.com/2020/10/variable-layers/
• Professional color palette https://twitter.com/DasSurma/status/1323652940243021825Масонри в гридах
• Native CSS Masonry Layout In CSS Grid https://www.smashingmagazine.com/2020/11/native-css-masonry-layout-css-grid/
Читайте новости
• 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/ -
254. Mozilla против фич, Microsoft против IE, от высоты, миниапы в суперапах, дизайнер в Яндексе
4 november 2020 · 1 uur 19 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Надя Наширбанова
Темы
00:00:00 Интро
00:01:21 События
00:06:06 Mozilla против фич
00:17:09 Microsoft против IE
00:24:59 Адаптивность от высоты
00:37:37 Миниапы в суперапах
00:57:58 Дизайнер в ЯндексеСобытия
• Я.Субботник по разработке интерфейсов онлайн 21 ноября https://yandex.ru/promo/events/generated/yasubbotnik/21-nov-2020/
Mozilla против фич
• Mozilla Specification Positions https://mozilla.github.io/standards-positions/
Microsoft против IE
• Microsoft will forcibly open some sites in Edge instead of IE https://www.zdnet.com/article/microsoft-will-forcibly-open-some-websites-in-edge-instead-of-internet-explorer/
Адаптивность от высоты
• Отзывчивый веб-дизайн и учёт высоты окна браузера https://habr.com/ru/company/ruvds/blog/525410/
Миниапы в суперапах
• Learning from mini apps https://docs.google.com/presentation/d/e/2PACX-1vREwN7H71zfjPP8lwYgyc-iXam7_PMFCxiZy2dQNZ-XpbiKk1aRSj67vxfcegkHogcO0q3BFHxPf6S5/pub?slide=id.ga5fdd5af0b_1_154
Дизайнер в Яндексе
• Designing in the Browser https://www.youtube.com/playlist?list=PLNYkxOF6rcIDI0QtJvW6vKonTxn6azCsD
Читайте новости
• 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/ -
253. Edge на Linux, Safari, Chrome и Firefox, MDN, State of CSS, структура CSS, история браузеров
27 oktober 2020 · 1 uur 5 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Ольга Алексашенко, Вадим Макеев, Никита Дубко
Темы
00:00:00 Интро
00:00:52 События
00:03:40 Edge и Safari
00:08:56 Бета Chrome 87
00:17:10 Firefox 82
00:29:25 MDN и State of CSS
00:37:32 Структура CSS
00:51:04 История браузеровСобытия
• Svelte Summit онлайн 18 октября — видео https://youtu.be/vHHLLJA0b70
• Tver.io Open Source Talks онлайн 30 октября https://www.meetup.com/tverio/events/274059481/
• BEMup — онлайн-митап по БЭМ 6 ноября https://events.yandex.ru/events/bem/6-nov-2020
• Планета Гитхаб онлайн 17 ноября https://www.meetup.com/github-planeta/events/274036915/
• Я.Субботник по разработке интерфейсов онлайн 21 ноября https://yandex.ru/promo/events/generated/yasubbotnik/21-nov-2020/Edge и Safari
• Introducing Microsoft Edge preview builds for Linux https://blogs.windows.com/msedgedev/2020/10/20/microsoft-edge-dev-linux/
• Safari TP 114 https://webkit.org/blog/11300/release-notes-for-safari-technology-preview-114/
• Safari TP 115 https://webkit.org/blog/11333/release-notes-for-safari-technology-preview-115/Бета Chrome 87
• Chrome 87 Beta https://blog.chromium.org/2020/10/chrome-87-beta-webauthn-in-devtools.html
Firefox 82
• Firefox 82 https://tanalin.com/blog/2020/10/firefox-82/
• Coming through with Firefox 82 https://hacks.mozilla.org/2020/10/coming-through-with-firefox-82/MDN и State of CSS
• MDN Web Docs: Editorial strategy and community participation https://hacks.mozilla.org/2020/10/mdn-web-docs-editorial-strategy-and-community-participation/
• The State of CSS Survey https://stateofcss.com/Структура CSS
• Как я структурирую CSS https://habr.com/ru/post/523884/
История браузеров
• Движок, который смог: как Chromium захватил 90% https://habr.com/p/518416/
• The History of the Web, Volume I на Leanpub https://leanpub.com/webhistory/Читайте новости
• Telegram https://t…
-
252. Опрос MDN, Igalia, npm 7, React vs WordPress, уже Webpack 5, Rome — инструмент будущего
19 oktober 2020 · 1 uur 8 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев, Никита Дубко
Гости: Антон Кастрицкий
Темы
00:00:00 Интро
00:01:33 События
00:04:27 Опрос MDN
00:12:05 Открытые приоритеты Igalia
00:15:28 Новинки Npm 7
00:27:08 React vs WordPress
00:35:27 Уже Webpack 5
00:43:48 Что такое Rome
00:56:04 Инструмент будущегоАнтон Кастрицкий
• Антон в Твиттере https://twitter.com/antonk52
• Антон на Твитче https://www.twitch.tv/antonk52События
• Next.js Conf онлайн 27 октября https://nextjs.org/conf
• Chrome Dev Summit 9–10 декабря https://developer.chrome.com/devsummit/Опрос MDN
• MDN DNA Survey https://www.surveygizmo.com/s3/5897636/Mozilla?sglocale=ru
Открытые приоритеты Igalia
• Two projects remain https://www.igalia.com/2020/10/09/Open-Prioritization-Finalists.html
• AMP: $10k matching campaign https://blog.amp.dev/2020/10/13/open-prioritization/Новинки Npm 7
• Presenting v7.0.0 of the npm CLI https://github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/
React vs WordPress
• The (extremely) loud minority https://hankchizljaw.com/wrote/the-(extremely)-loud-minority/
Уже Webpack 5
• Webpack 5 release https://webpack.js.org/blog/2020-10-10-webpack-5-release/
Что такое Rome
• Репозиторий Rome https://github.com/romefrontend/rome
• Сайт Rome https://romefrontend.dev
• I’ve been looking at the Rode source code… https://twitter.com/AntonK52/status/1300142257497088007Читайте новости
• 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/ -
251. Chrome 86, Safari и Firefox, начало UI-кита, SSR и Next.js, про Зара и JS-марафоны
13 oktober 2020 · 1 uur 13 min
Простой способ сказать нам «спасибо» и попасть в закрытый чат: Lees meer
• Boosty https://boosty.to/webstandards_ru
• Patreon https://www.patreon.com/webstandards_ruВедущие: Вадим Макеев
Гости: Зар Захаров
Темы
00:00:00 Интро
00:01:23 События
00:12:23 Chrome 86
00:21:38 Safari и Firefox
00:26:04 Начало UI-кита
00:38:13 SSR и Next.js
00:50:03 Про Зара
00:58:22 JS-марафоныСобытия
• Facebook Developer Circle: Frontend Online онлайн 15–17 октября https://facebook-developer-circle-front-end-online.splashthat.com/
• Dynamic Talks UI meetup онлайн 15 октября https://grid-dynamics.timepad.ru/event/1444515/
• Frontend Meetup в Иннополисе 10 октября https://innopolis.timepad.ru/event/1442102/Chrome 86
• New in Chrome 86 https://developers.google.com/web/updates/2020/10/nic86
Safari и Firefox
• Release Notes for Safari TP 114 https://webkit.org/blog/11300/release-notes-for-safari-technology-preview-114/
• Reveal the elements which are causing the overflow https://twitter.com/manasdesu/status/1314397420210417665Начало UI-кита
• Зачем нужна выделенная Frontend Core команда https://habr.com/p/520630/
SSR и Next.js
• Почему я выбрал Next.js, а не Gatsby, Gridsome или Nuxt? https://habr.com/p/521820/
Зар и JS-марафоны
• Зар в Твиттере https://twitter.com/severenit
• Zar Marathon 2k20 https://zarmarathon.com/
• React Marathon 2.0 https://reactmarathon.com/Читайте новости
• 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/