Alle afleveringen

550 afleveringen, van nieuw naar oud

250. Edge в VS Code, инспектор гридов, gap и флексы, математика в CSS, Hacktoberfest, опенсорс

6 oktober 2020 · 1 uur 8 min
Afspelen

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

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

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

Гости: Роман Дворнов

Темы

00:00:00 Интро
00:01:42 События
00:03:15 Edge в VS Code
00:12:42 Инспектор гридов в Chrome
00:29:46 Gap и баги флексов
00:37:53 Математика в CSS
00:46:42 Hacktoberfest
00:53:15 Shitoberfest
01:00:51 Опенсорс Романа

События

• BeerJS.NN в Нижнем Новгороде 1 октября https://t.me/beerjsnn/646
• Frontend Meetup в Иннополисе 10 октября https://innopolis.timepad.ru/event/1442102/
• Календарь событий https://github.com/web-standards/calendar

Edge в VS Code

• Bringing the browser developer tools to VS Code https://blogs.windows.com/msedgedev/2020/10/01/microsoft-edge-tools-vscode/

Инспектор гридов в Chrome

• What’s New In DevTools https://developers.google.com/web/updates/2020/10/devtools
• Inspect CSS Grid https://developers.google.com/web/tools/chrome-devtools/css/grid

Gap и баги флексов

• Closing the gap in flexbox https://blogs.igalia.com/svillar/2020/10/01/closing-the-gap-in-flexbox/

Математика в CSS

• Математические функции в CSS http://css.yoksel.ru/css-math/
• The math of CSS Locks https://fvsch.com/css-locks
• Баба Яга против https://youtu.be/ne8sxUxUiCA

Hacktoberfest

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

Shitoberfest

• Ugh, oh no, October is starting https://twitter.com/domenic/status/1311355857465225218
• Shitoberfest https://twitter.com/shitoberfest
• Hacktoberfest update https://hacktoberfest.digitalocean.com/hacktoberfest-update

Опенсорс Романа

• Домашняя страница https://lahmatiy.github.io/about.me/
• CSSTree https://github.com/csstree/csstree
• CSSO https://github.com/css/csso
• Postcss-csso https://github.com/lahmatiy/postcss-csso
• Discovery https://github.com/discoveryjs
• CSS syntax reference https://csstree.github.io/docs/syntax/
• CSSWG drafts index https://csstree.github.io/csswg-drafts-index/
• Jso…
249. Чат в Телеграме, Firefox 81, Vue 3, GitHub CLI, отладка CSS, новая Nova, редактор для веба

28 september 2020 · 59 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:52 Чат в Телеграме
00:03:42 События
00:05:09 Firefox 81
00:09:32 Vue 3
00:18:16 GitHub CLI
00:27:34 Отладка CSS
00:36:22 Новая Nova
00:49:00 Редактор для веба

Чат в Телеграме

• Чат-стандарты в Телеграме https://t.me/webstandards_chat

События

• OdessaFrontend #16 в Одессе 30 сентября https://odessafrontend.com/
• Inclusive Design 24 https://www.youtube.com/playlist?list=PLn7dsvRdQEfGkK9xxk54XdKTLk7zf_Qwp

Firefox 81

• Firefox 81 https://tanalin.com/blog/2020/09/firefox-81/

Vue 3

• Вышел Vue.js 3.0 «One piece» https://habr.com/ru/post/520022/
• Выпуск с Натальей Теплухиной из Vue Core Team https://youtu.be/CcThxJzQuQg

GitHub CLI

• GitHub CLI 1.0 is now available https://github.blog/2020-09-17-github-cli-1-0-is-now-available/
• Mathias’s dotfiles https://github.com/mathiasbynens/dotfiles
• GitHub Pull Requests and Issues https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github

Отладка CSS

• Finding The Root Cause of a CSS Bug https://ishadeed.com/article/finding-the-root-cause/
• Крис Лилли https://github.com/svgeesus

Новая Nova

• Nova https://css-tricks.com/nova/
• Panic https://panic.com/
• Espresso https://www.espressoapp.com/

Редактор для веба

• GitHub Codespaces https://docs.github.com/en/free-pro-team@latest/github/developing-online-with-codespaces/about-codespaces
• Using a Docker Container as a Dev Environment https://css-tricks.com/a-gentle-introduction-to-using-a-docker-container-as-a-dev-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:…
248. Safari 14, миссия PostCSS 8, Moment.js всё, React и веб-компоненты, история двух колор-пикеров

21 september 2020 · 1 uur 8 min
Afspelen

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

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

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

Гости: Сергей Куликов, Влад Шилов

Темы

00:00:00 Интро
00:02:09 События
00:04:50 Safari 14
00:14:45 Миссия PostCSS 8
00:26:35 Moment.js всё
00:30:33 React и веб-компоненты
00:41:21 История двух колор-пикеров
00:51:14 Сравнение подходов
01:03:27 Доступность решения

События

• PiterJS онлайн 24 сентября https://medium.com/p/cd486c1a4692
• JavaScript EVENING онлайн 30 сентября https://dins.timepad.ru/event/1433795/
• Frontend Conf Live онлайн 23 сентября—2 октября https://frontendconf.ru/moscow/2020
• Расписание https://docs.google.com/spreadsheets/d/1oxiV4weULVzj0tTAgygZAMiVou0H5IfA03NKpaZTzO0/edit
• Регистрация https://conf.ontico.ru/users/login.html

Safari 14

• Safari on iOS 14 and iPadOS 14 for Web Developers https://firt.dev/ios-14/
• CSS Shadow Parts are coming! https://dev.to/webpadawan/css-shadow-parts-are-coming-mi5

Миссия PostCSS 8

• PostCSS 8.0: Plugin migration guide https://evilmartians.com/chronicles/postcss-8-plugin-migration

Moment.js всё

• Moment.js Project Status https://momentjs.com/docs/#/-project-status/

React и веб-компоненты

• Comparing React and Web Components: Starters https://matsu.fi/posts/comparing-react-and-web-components-part-1-starters/
• Comparing React and Web Components: Components https://matsu.fi/posts/comparing-react-and-web-components-part-2-components/

История двух колор-пикеров

• Супер быстрый и компактный колор-пикер для Реакта https://twitter.com/mlfrg/status/1298239776747855873
• У библиотеки одна зависимость — React https://twitter.com/pepelsbey/status/1298345880941207552
• React-colorful https://github.com/omgovich/react-colorful
• React-colorful: демо https://omgovich.github.io/react-colorful/
• Vanilla-colorful https://github.com/web-padawan/vanilla-colorful
• Vanilla-colorful: демо https://web-padawan.github.io/vanilla-colorful/
• …
247. Edge, браузеры, AVIF, генераторы статики, математика для фронтендера, Хабр, чтение, переводы

15 september 2020 · 1 uur 20 min
Afspelen

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

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

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

Гости: Иван Богачёв

Темы

00:00:00 Интро
00:01:22 События
00:04:07 Edge DevTools
00:17:28 Разнообразие браузеров
00:30:39 Польза от AVIF
00:42:14 Генераторы статики
00:51:19 Математика для фронтендера
00:58:05 Зачем Хабр и Тостер
01:03:51 Устарело ли чтение
01:10:33 Кому нужны переводы

События

• Front-end Hero Online Meetup онлайн 17 сентября https://dou.ua/calendar/33891/
• Inclusive Design 24 онлайн 17 сентября https://inclusivedesign24.org/2020/schedule/

Edge DevTools

• Microsoft Edge 86: What’s New In DevTools https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/experimental-features
• Source Order Viewer in Edge 86 https://adrianroselli.com/2020/09/source-order-viewer-in-edge-86.html

Разнообразие браузеров

• What is the Value of Browser Diversity? https://daverupert.com/2020/09/the-value-of-browser-diversity/

Польза от AVIF

• AVIF has landed https://jakearchibald.com/2020/avif-has-landed/

Генераторы статики

• Знакомство с генератором статики Eleventy https://youtu.be/DtTadxKrFMY

Математика для фронтендера

• Временные функции и траектории для анимации https://habr.com/ru/post/518006/
• Математика для программиста https://htmlacademy.ru/blog/boost/frontend/short-19

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

• 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/
246. Chrome 86, фокус, ::marker, отладка шрифтов, скринридеры, модалки, флексы и селект

8 september 2020 · 1 uur 1 min
Afspelen

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

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

Ведущие: Вадим Макеев, Никита Дубко, Ольга Алексашенко

Темы

00:00:00 Интро
00:01:45 Бета Chrome 86
00:17:15 Пользовательский фокус
00:22:32 Псевдоэлемент ::marker
00:28:00 Отладка шрифтов
00:31:03 Инструкция по скринридерам
00:38:54 Модальный компонент
00:42:01 Шапка на флексах
00:47:48 Что делать с селектом

Бета Chrome 86

• Chrome 86: Improved Focus Highlighting, WebHID, and More https://blog.chromium.org/2020/09/chrome-86-improved-focus-highlighting.html

Пользовательский фокус

• Chromium Blog: Giving users and developers more control over focus https://blog.chromium.org/2020/09/giving-users-and-developers-more.html
• Хороший и плохой focus, полифил focus-visible и Open Prioritization https://youtu.be/EHg7DeciuW8

Псевдоэлемент ::marker

• Custom bullets with CSS ::marker https://web.dev/css-marker-pseudo-element/

Отладка шрифтов

• In new Chrome DevTools, you can finally disable local fonts loading! https://twitter.com/mikolajdobrucki/status/1298557964215820288

Инструкция по скринридерам

• Недоступность в картинках http://css.yoksel.ru/inaccessibility/

Модальный компонент

• Modal. A simple, accessible modal dialog web component https://filamentgroup.github.io/fg-modal/demo/

Шапка на флексах

• Building Website Headers with CSS Flexbox https://ishadeed.com/article/website-headers-flexbox/
• Адаптивная шапка с выпадающим меню на гридах, часть 1 https://youtu.be/o7A0e4PkSAQ
• Адаптивная шапка с выпадающим меню на гридах, часть 2 https://youtu.be/0_v36dyI3kI

Что делать с селектом

• Under the spotlight: Select https://www.modulz.app/blog/under-the-spotlight-select
• Custom Select Styles with Pure CSS https://moderncss.dev/custom-select-styles-with-pure-css/

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

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https…
245. Firefox 80 и Chrome 85, никто не новый IE, зачем Yarn 2, новый AVIF и WebP v2

1 september 2020 · 1 uur 5 min
Afspelen

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

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

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

Гости: Андрей Ситник

Темы

00:00:00 Интро
00:01:34 Firefox 80
00:07:44 Chrome 85
00:22:47 Никто не новый IE
00:34:34 Зачем Yarn 2
00:42:35 Новый формат AVIF

Firefox 80

• Марат Таналин: Firefox 80 https://tanalin.com/blog/2020/08/firefox-80/
• MDN: Firefox 80 https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/80
• Firefox Browser в Google Play https://play.google.com/store/apps/details?id=org.mozilla.firefox
• GeckoView https://mozilla.github.io/geckoview/

Chrome 85

• New in Chrome 85 https://developers.google.com/web/updates/2020/08/nic85
• София Валитова: Типы данных в CSS https://youtu.be/PoWpkLeJnBA

Никто не новый IE

• Chrome is not new IE https://twitter.com/cwilso/status/1299136717027336192, Крис Уилсон

Зачем Yarn 2

• Yarn 2.2 https://dev.to/arcanis/yarn-2-2-dedupe-faster-lighter-ha5

Новый формат AVIF

• How to Use AVIF: The New Next-Gen Image Compression Format https://reachlightspeed.com/blog/using-the-new-high-performance-avif-image-format-on-the-web-today/
• Squoosh.app now supports AVIF! https://twitter.com/ChromiumDev/status/1298599689596604417
• Better web video with AV1 codec https://evilmartians.com/chronicles/better-web-video-with-av1-codec
• WebPv2? https://twitter.com/kornelski/status/1299311368785530882
• What image format will win the mainstream in the future? https://twitter.com/sindresorhus/status/1299301007017611264

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

• 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/
244. Новая типографика, опыт Яндекса и Фейсбука в доступности, отладка a11y и новые интерфейсы

25 augustus 2020 · 1 uur 8 min
Afspelen

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

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

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

Гости: Евгений Некрасов, Никита Савчук

Темы

00:00:00 Интро
00:01:47 События
00:04:11 Новая типографика
00:08:15 Исследование Яндекса
00:23:17 Опыт Фейсбука
00:30:38 Отладка доступности
00:37:54 Новые интерфейсы
00:45:25 Что мешает в вебе
00:56:52 Скринридеры

Евгений Некрасов

• Телеграм https://t.me/ravino_doul
• ВКонтакте https://vk.com/ravino_doul

События

• PiterJS онлайн 27 августа https://medium.com/p/fca783f1b96f
• BeerJS.NN в Нижнем Новгороде 3 сентября https://t.me/beerjsnn/546

Новая типографика

• Leading-Trim: The Future of Digital Typesetting https://medium.com/p/d082d84b202

Исследование Яндекса

• Предпочтения пользователей с нарушениями зрения https://habr.com/p/515460/
• Early Mac Firefox VoiceOver Support https://blog.mozilla.org/accessibility/early-mac-firefox-voiceover-support/

Опыт Фейсбука

• Building greater accessibility into Facebook.com https://engineering.fb.com/web/facebook-com-accessibility/

Отладка доступности

• Accessibility In Chrome DevTools https://www.smashingmagazine.com/2020/08/accessibility-chrome-devtools/
• Accessible color suggestion in the Styles pane https://developers.google.com/web/updates/2020/08/devtools#accessible-color

Новые интерфейсы

• Myo Armband https://developerblog.myo.com/

Что мешает в вебе

• 5 most annoying website features I face as a blind person every single day https://bighack.org/5-most-annoying-website-features-i-face-as-a-blind-screen-reader-user-accessibility/

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

• 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/
243. PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб

18 augustus 2020 · 51 min
Afspelen

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

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

Ведущие: Вадим Макеев, Ольга Алексашенко

Темы

00:00:00 Интро
00:02:02 PhoneGap всё
00:09:26 Решение проблемы фокуса
00:14:46 Система цветов и тем
00:23:37 Зачем в CSS километры
00:28:32 Кризис Mozilla и бесплатный веб

События

• Frontend Live онлайн 23 сентября—2 октября https://frontendconf.ru/moscow/2020

PhoneGap всё

• Is the Phone Gap closed in 2020? https://firt.dev/phonegap-end/

Решение проблемы фокуса

• Хороший и плохой focus, полифил focus-visible и Open Prioritization https://youtu.be/EHg7DeciuW8

Система цветов и тем

• How to configure application color schemes with CSS custom properties https://www.smashingmagazine.com/2020/08/application-color-schemes-css-custom-properties/

Зачем в CSS километры

• Единицы размеров в CSS http://css.yoksel.ru/size-units/

Кризис Mozilla и бесплатный веб

• Changing World, Changing Mozilla https://blog.mozilla.org/blog/2020/08/11/changing-world-changing-mozilla/
• Reducing investment in devtools, internal tooling, platform features https://twitter.com/meyerweb/status/1293204317781073928
• Product Advisory Board Members https://developer.mozilla.org/en-US/docs/MDN/MDN_Product_Advisory_Board/Members
• Firefox Developer Tools will not be going away https://twitter.com/FirefoxDevTools/status/1293678739117576193
• The cult of the free must die https://www.quirksmode.org/blog/archives/2020/08/the_cult_of_the.html
• I Love MDN, or the cult of the free in action https://www.quirksmode.org/blog/archives/2020/08/i_love_mdn_or_t.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-…
242. Инспектор гридов, настройка форм, content-visibility, вариативные шрифты, бесконечные списки

11 augustus 2020 · 1 uur 3 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:01:08 События
00:03:47 Инспектор гридов в Chrome
00:09:27 Долгожданная настройка форм
00:23:03 Хитрый сбор всех CSS-свойств
00:29:41 Content-visibility
00:37:57 Польза вариативных шрифтов
00:53:06 Бесконечные списки

События

• Node.js в 2020 в школе Метархии под Киевом 22–23 августа https://dou.ua/calendar/31588/
• Node.js in 2020. Get out and come back again https://fwdays.com/en/event/node-js-in-2020
• Design is Frontend онлайн 20 августа https://affinage.timepad.ru/event/1385362/

Инспектор гридов в Chrome

• Chromium CSS Grid Devtools update https://twitter.com/argyleink/status/1291137765300555776

Долгожданная настройка форм

• Enabling Custom Control UI https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/ControlUICustomization/explainer.md
• Open UI https://open-ui.org/

Хитрый сбор всех CSS-свойств

• Introspecting CSS via the CSS OM https://lea.verou.me/2020/07/introspecting-css-via-the-css-om-getting-supported-properties-shorthands-longhands/

Content-visibility

• Content-visibility boosts your rendering performance https://web.dev/content-visibility/

Польза вариативных шрифтов

• Getting the most out of variable fonts on Google Fonts https://css-tricks.com/getting-the-most-out-of-variable-fonts-on-google-fonts/

Бесконечные списки

• Infinite scroll without layout shifts https://addyosmani.com/blog/infinite-scroll-without-layout-shifts/

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

• 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/
241. Сайд-подкасты, онлайн-события, новости браузеров, main вместо master, поиски эмпатии

4 augustus 2020 · 1 uur
Afspelen

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

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

Ведущие: Вадим Макеев, Ольга Алексашенко, Алексей Симоненко

Темы

00:00:00 Интро
00:01:37 Сайд-подкасты
00:10:53 Онлайн-события
00:16:57 Новости браузеров
00:30:48 Main вместо master
00:43:21 Поиски эмпатии

Сайд-подкасты

• Красная за разговоры https://anchor.fm/redcard
• The F-Word https://f-word.dev/
• LP — любимые пластинки https://3lp.me/
• Будни домена Флоренция https://t.me/joinchat/AAAAAEb8JZtNmtLhqfci8A

Онлайн-события

• HolyJS Moscow онлайн 25–28 ноября https://holyjs-moscow.ru/

Новости браузеров

• Firefox 79 https://tanalin.com/blog/2020/07/firefox-79/
• Firefox UA string on macOS https://www.fxsitecompat.dev/en-CA/docs/2020/firefox-ua-string-will-contain-intel-on-arm-based-macs-and-10-16-on-macos-big-sur/
• Алекс Рассел https://twitter.com/slightlylate
• Тимоти Хэтчер https://twitter.com/xeenon

Main вместо master

• Highlights from Git 2.28 https://github.blog/2020-07-27-highlights-from-git-2-28/
• Renaming the default branch from master https://github.com/github/renaming

Поиски эмпатии

• Доступный для кого-то https://web-standards.ru/articles/accessible-to-some/
• Тренды веб-дизайна 2020: модное и значимое https://te-st.ru/2020/07/30/web-design-trends-2020/

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

• 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/
240. MoscowJS, бета Chrome 85, TypeScript в Svelte, типизация и сбросы в CSS, что такое Numl

27 juli 2020 · 1 uur 12 min
Afspelen

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

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

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

Гости: Андрей Яманов

Темы

00:00:00 Интро
00:01:22 События и MoscowJS
00:04:53 Бета Chrome 85
00:18:37 TypeScript в Svelte
00:25:16 Типизированный CSS
00:34:15 Сброс в CSS
00:42:05 Что такое Numl

События и MoscowJS

• PiterJS #49 онлайн 30 июля https://medium.com/p/6223a0c205ad
• MoscowJS https://www.moscowjs.org/

Бета Chrome 85

• Chrome 85 Beta https://blog.chromium.org/2020/07/chrome-85-upload-streaming-human.html
• Будущее навигации в веб. Разбираемся с Portals API https://youtu.be/l_UaLiqct4Q

TypeScript в Svelte

• Svelte Loves TypeScript https://svelte.dev/blog/svelte-and-typescript

Типизированный CSS

• The F-Word: Brian Kardell on Open Prioritization https://f-word.dev/episodes/5/
• @property: giving superpowers to CSS variables https://web.dev/at-property/

Сброс в CSS

• Объяснение ключевых слов initial, inherit, unset и revert в CSS https://web-standards.ru/articles/inherit-initial-unset-revert/
• Никто не знает CSS: специфичность — не каскад https://css-live.ru/css/nikto-ne-znaet-css-specifichnost-ne-kaskad.html

Что такое Numl

• Numl — альтернативный язык разметки и стилизации для веб https://habr.com/ru/post/510026/
• Официальный сайт Numl https://numl.design/
• Чат в Телеграме https://t.me/numldesign

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

• 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/
239. Chrome 84, нативный параллакс, архив GitHub, Open Prioritization, Lighthouse, Tailwind CSS

20 juli 2020 · 1 uur 16 min
Afspelen

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

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

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

Гости: Виталий Емельянцев

Темы

00:00:00 Интро
00:01:23 События
00:04:42 Chrome 84
00:19:21 Нативный параллакс
00:26:04 Архив GitHub во льдах
00:35:07 Open Prioritization
00:45:17 Счётчик Lighthouse
00:52:55 Tailwind на практике
01:10:12 Tailwind как Bootstrap

События

• Видео с WebAssembly Moscow #3 https://youtu.be/acDBVR8KalU
• Видео с WebAssembly Moscow #2 https://youtu.be/EaJHp-c_HVk
• Tver.io State Management Talks онлайн 23 июля https://go.tver.io/stream-2020-07-23

Chrome 84

• New in Chrome 84 https://developers.google.com/web/updates/2020/07/nic84
• What’s New In DevTools (Chrome 84) https://developers.google.com/web/updates/2020/05/devtools

Нативный параллакс

• Scroll-linked Animations https://drafts.csswg.org/scroll-animations-1/
• Scroll-timeline polyfill https://github.com/flackr/scroll-timeline

Архив GitHub во льдах

• GitHub Archive Program https://archiveprogram.github.com/

Open Prioritization

• Open Prioritization https://www.igalia.com/open-prioritization/
• Implementing :not() in Chrome https://blogs.igalia.com/obrufau/2020/07/13/open-prioritization-for-not-selector.html
• Implementing CSS Containment https://blogs.igalia.com/mrego/2020/07/13/open-prioritization-and-css-contain/

Счётчик Lighthouse

• I added Lighthouse scores to my site’s footer and you can too https://www.zachleat.com/web/lighthouse-in-footer/

Tailwind

• Очередной фреймворк или новый шаг эволюции? https://habr.com/ru/post/508844/
• TailwindCSS https://tailwindcss.com/
• Преимущества многострочного CSS https://web-standards.ru/articles/multiline-css/

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

• 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…
238. События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex UI Kit

14 juli 2020 · 1 uur 16 min
Afspelen

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

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

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

Гости: Владимир Гриненко

Темы

00:00:00 Интро
00:02:08 События в Яндексе
00:09:10 Подкаст про Safari
00:12:50 Планы браузеров
00:22:21 Новый CSS Zen Garden
00:29:53 Кто быстрее: Houdini или CSS
00:38:58 Yandex UI Kit

Подкаст про Safari

• Big updates in Safari 14 https://changelog.com/podcast/400

Планы браузеров

• Browser Intents: July https://github.com/simevidas/browser-intents
• CSS News July 2020 https://www.smashingmagazine.com/2020/07/css-news-july-2020/

Новый CSS Zen Garden

• Style Stage https://stylestage.dev/

Кто быстрее: Houdini или CSS

• CSS Painting vs. CSS Houdini Paint API https://lisilinhart.info/posts/css-houdini-performance

Yandex UI Kit

• @yandex/ui https://github.com/bem/yandex-ui
• Презентация @yandex/ui https://youtu.be/trwdc0JCelA
• VKUI https://github.com/VKCOM/VKUI

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

• 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/
237. Firefox 78, новинки V8 8.4, интересное с Web.Dev Live, сравнение WebP и JPEG, небезопасные API

7 juli 2020 · 1 uur 25 min
Afspelen

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

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

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

Гости: Полина Гуртовая

Темы

00:00:00 Интро
00:01:32 События
00:05:04 Firefox 78
00:15:13 Новинки V8 8.4
00:26:19 Интересное с Web.Dev Live
00:52:10 Сравнение WebP и JPEG
01:04:24 Небезопасные API

События

• Reactive Online Meetups онлайн 7 июля https://www.meetup.com/ReactiveMeetupsPrague/events/271537423/
• Web.Dev Live Russia онлайн 11 июля https://www.meetup.com/GDG-Moscow/events/271352597/
• The Rolling Scopes онлайн 17 июля https://community-z.com/events/rs63

Firefox 78

• Firefox 78 for developers https://developer.mozilla.org/en-US/docs/Mozilla/Firefox/Releases/78
• Firefox 78 в обзоре Марата Таналина https://tanalin.com/blog/2020/07/firefox-78/

Новинки V8 8.4

• V8 release v8.4 https://v8.dev/blog/v8-release-84
• What’s new in V8/JavaScript https://youtu.be/TPm-UhWkiq8

Интересное с Web.Dev Live

• Web.Dev Live, 1 день https://www.youtube.com/playlist?list=PLNYkxOF6rcIDC0-BiwSL52yQ0n9rNozaF
• Web.Dev Live, 2 день https://www.youtube.com/playlist?list=PLNYkxOF6rcIBhuGsbO6t8-OBE5-fVPe7K
• Web.Dev Live, 3 день https://www.youtube.com/playlist?list=PLNYkxOF6rcIDJHOcBzho38p6WTn3vESvQ
• Image compression deep-dive https://youtu.be/F1kYBnY6mwg
• Картинки как коробки. Что же там внутри? https://habr.com/p/493616/
• Показываем картинки пользователю: подробное руководство https://youtu.be/EwBYOQwPEpY
• 10 modern layouts in 1 line of CSS https://youtu.be/qm0IfG1GyZU
• 1-Line Layouts https://1linelayouts.glitch.me/
• Building better in the world of build tools! https://youtu.be/vsMJiNtQWvw
• Tooling.Report https://tooling.report/

Сравнение WebP и JPEG

• Is WebP really better than JPEG? https://siipo.la/blog/is-webp-really-better-than-jpeg
• Imgproxy https://imgproxy.net/

Небезопасные API

• WebKit will not implement https://twitter.com/firt/status/1277601324557893632
• …
236. Онлайн-доклады, новинки DevTools, новости Safari 14, Date и Temporal, TypeScript 4 и зачем TS

30 juni 2020 · 1 uur 9 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:24 События и онлайн-доклады
00:11:15 DevTools в Chrome и Edge
00:23:04 Большие новости Safari 14
00:42:00 Date и Temporal
00:48:58 TypeScript 4
00:54:28 Зачем TypeScript

События и онлайн-доклады

• Vue.js: The Documentary по-русски https://youtu.be/_mlwzGkztCA
• NodeSchool SPb онлайн 4 июля https://github.com/nodeschool/spb/issues/80
• Web.Dev Live онлайн 30 июня—2 июля https://web.dev/live/
• DevParty онлайн 27 июня https://gdg-devparty.ru/
• Записи докладов секции Web с DevParty https://www.youtube.com/playlist?list=PLGlZ_ld11os-nnB5CG_p6brIUWMGXU5Tr

DevTools в Chrome и Edge

• Edge 84: What’s new in Microsoft DevTools https://docs.microsoft.com/en-us/microsoft-edge/devtools-guide-chromium/whats-new/2020/05/devtools
• Chrome 85: What’s New In DevTools https://developers.google.com/web/updates/2020/06/devtools

Большие новости Safari 14

• Safari 14 Beta Release Notes https://developer.apple.com/documentation/safari-release-notes/safari-14-beta-release-notes
• Safari TP 109 with Safari 14 Features https://webkit.org/blog/10875/release-notes-for-safari-technology-preview-109-with-safari-14-features/
• Quick thread on new things worth mentioning https://twitter.com/firt/status/1275881739341234177
• What’s new for web developers https://developer.apple.com/videos/play/wwdc2020/10663
• Meet Face ID and Touch ID for the web https://developer.apple.com/videos/play/wwdc2020/10670/
• Meet Safari Web Extensions https://developer.apple.com/videos/play/wwdc2020/10665
• What’s new in Web Inspector https://developer.apple.com/videos/play/wwdc2020/10646

Date и Temporal

• Dates and Times in JavaScript https://blogs.igalia.com/compilers/2020/06/23/dates-and-times-in-javascript/
• Пару календарей назад я был совсем другим https://youtu.be/1DAmlRlEwCE

TypeScr…
235. Евангелист Safari, Bootstrap 5, content-visibility, гриды, чекбоксы, forms, API для PWA

23 juni 2020 · 1 uur 6 min
Afspelen

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

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

Ведущие: Вадим Макеев, Никита Дубко, Ольга Алексашенко

Темы

00:00:00 Интро
00:00:27 События
00:06:27 Евангелист Safari
00:11:30 Альфа Bootstrap 5
00:23:09 Content-visibility
00:34:53 Справочник по гридам
00:41:43 Доступные чекбоксы правильно
00:50:14 Атрибут forms
00:56:39 Обзор API для PWA

События

• HolyJS Piter онлайн 22–26 июня https://holyjs-piter.ru/
• DevParty онлайн 27 июня https://gdg-devparty.ru/
• Я.Субботник онлайн 4 июля https://events.yandex.ru/events/yasubbotnik/4-jul-2020

Евангелист Safari

• I’m Apple’s newest Web Technologies Evangelist for Safari & WebKit https://twitter.com/jensimmons/status/1274419719592914950

Альфа Bootstrap 5

• Bootstrap 5 alpha! https://blog.getbootstrap.com/2020/06/16/bootstrap-5-alpha/

Content-visibility

• CSS content-visibility property https://www.chromestatus.com/feature/4613920211861504
• CSS contain property https://drafts.csswg.org/css-contain/#contain-property

Справочник по гридам

• Grid Cheatsheet https://yoksel.github.io/grid-cheatsheet/
• Flexbox Cheatsheet https://yoksel.github.io/flex-cheatsheet/

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

• Inclusively Hiding & Styling Checkboxes and Radio Buttons https://www.sarasoueidan.com/blog/inclusively-hiding-and-styling-checkboxes-and-radio-buttons/
• Can we please style the select control?! http://gwhitworth.com/blog/2019/10/can-we-please-style-select/
• Open UI https://open-ui.org/

Атрибут forms

• The form attribute https://funwithforms.com/posts/form-attribute/

Обзор API для PWA

• Make your PWA feel more like an app https://web.dev/app-like-pwas/

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

• 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/w…
234. Путь фронтендера на MDN, QuicTransport, кастомные свойства, Houdini, GC, записи и кортежи в ES

15 juni 2020 · 48 min
Afspelen

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

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

Ведущие: Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:02:11 Путь фронтендера на MDN
00:07:08 Меню из иконки приложения
00:11:05 QuicTransport API
00:16:19 Намерения браузеров
00:19:21 Скорость кастомных свойств
00:25:37 Состояние CSS Houdini
00:36:02 Очистка памяти
00:38:59 Записи и кортежи в ES

Событие

• A11y Club Minsk Meetup #1 онлайн 17 июня https://web.facebook.com/events/669523740451814/

Путь фронтендера на MDN

• MDN Front-end learning pathway https://hacks.mozilla.org/2020/06/introducing-the-mdn-web-docs-front-end-developer-learning-pathway/

Меню из иконки приложения

• Get things done quickly with app shortcuts https://web.dev/app-shortcuts/

QuicTransport API

• Experimenting with QuicTransport https://web.dev/quictransport/

Намерения браузеров

• Browser Intents https://github.com/simevidas/browser-intents

Скорость кастомных свойств

• Performance of CSS Variables https://lisilinhart.info/posts/css-variables-performance
• Hybrid positioning with CSS variables and max() https://lea.verou.me/2020/06/hybrid-positioning-with-css-variables-and-max/

Состояние CSS Houdini

• CSS Houdini https://iamvdo.me/en/blog/css-houdini
• Is Houdini ready yet‽ https://ishoudinireadyyet.com/
• CSS Canvas Drawing https://webkit.org/blog/176/css-canvas-drawing/

Очистка памяти

• Event listeners and garbage collection https://jakearchibald.com/2020/events-and-gc/

Записи и кортежи в ES

• Первый взгляд на записи и кортежи в JS https://habr.com/ru/post/504092/

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

• 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/
233. Firefox 77, цвета, TCP, CUBE-БЭМ, Linux, CRA и сахар для новичков, где брать опыт, менторство

8 juni 2020 · 1 uur 26 min
Afspelen

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

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

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

Гости: Лиана Гукасян

Темы

00:00:00 Интро
00:01:41 События
00:04:05 Firefox 77
00:11:42 Всё про цвета в CSS
00:25:24 Учить ли TCP
00:32:21 CUBE или БЭМ
00:48:31 Переход на Linux
00:56:04 Учить ли новичков CRA
01:04:35 Сахар или ваниль
01:15:10 Где брать опыт работы
01:20:54 Польза от менторства

Партнёр

SkillFactory: Специализация фронтенд-разработчик https://clc.to/K6wbnA

Скидка 50% по промокоду «Веб-стандарты» до 18 июня.

События

• PiterJS онлайн 11 июня https://medium.com/p/77947a58254d
• JSNation Live онлайн 18–19 июня https://live.jsnation.com/
• HolyJS Piter онлайн 22–26 июня https://holyjs-piter.ru/
• Web.dev Live онлайн 30 июня—2 июля https://web.dev/live

Firefox 77

• New in Firefox 77 https://hacks.mozilla.org/2020/06/new-in-firefox-77-devtool-improvements-and-web-platform-updates/
• Обзор Марата Таналина https://tanalin.com/blog/2020/06/firefox-77/

Всё про цвета в CSS

• Colors in CSS https://ishadeed.com/article/css-color/
• Modern MQ syntax in all browsers https://twitter.com/pepelsbey_/status/1268927870824599552

Учить ли TCP

• What every developer should know about TCP https://robertovitillo.com/what-every-developer-should-know-about-tcp/

CUBE или БЭМ

• CUBE CSS https://piccalil.li/blog/cube-css/

Переход на Linux

• Linux Ubuntu as my main computer, one month in https://benfrain.com/linux-ubuntu-as-my-main-computer-one-month-in/

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

• 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/
232. Edge DevTools, Web Vitals и AMP, 10 лет RWD, веб-платформа, JS-экосистема, вертикальный ритм

2 juni 2020 · 1 uur 8 min
Afspelen

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

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

Ведущие: Вадим Макеев, Никита Дубко, Ольга Алексашенко

Темы

00:00:00 Интро
00:00:28 События
00:02:54 Edge DevTools
00:10:35 Web Vitals, SEO, AMP
00:17:51 10 лет адаптивности
00:25:21 Улучшение веб-платформы
00:40:30 Взгляд на JS-экосистему
00:54:55 Вертикальный ритм

События

• Web.dev Live 30 июня—2 июля https://web.dev/live/
• HolyJS 2020 Piter онлайн, 22–26 июня https://holyjs-piter.ru/

Edge DevTools

• Webhint in Edge DevTools https://twitter.com/EdgeDevTools/status/1266417107471908865

Web Vitals, SEO, AMP

• Evaluating page experience for a better web https://webmasters.googleblog.com/2020/05/evaluating-page-experience.html

10 лет адаптивности

• Responsive Web Design на A List Apart https://alistapart.com/article/responsive-web-design/
• Книга на A Book Apart https://abookapart.com/products/responsive-web-design
• Happy anniversary to this easter egg! https://twitter.com/evaferreira92/status/1264929144862900229

Улучшение веб-платформы

• Web Engine Diversity and Ecosystem Health https://bkardell.com/blog/EcosystemHealth.html
• 7 years of code divergence, culminating in LayoutNG https://twitter.com/slightlylate/status/1265786850444079104
• Next up Tables! Tables have the most layout bugs https://twitter.com/bfgeek/status/1265800217837723651
• Introducing the Web Platform Contribution Guide https://bocoup.com/blog/introducing-the-web-platform-contribution-guide
• Web Platform Contribution Guide https://wpc.guide/
• How you can improve the Web Platform https://youtu.be/BliB9za1vPM

Взгляд на JS-экосистему

• Взгляд на JavaScript со стороны https://web-standards.ru/articles/todays-js-from-outside/

Вертикальный ритм

• How to Easily Create a Responsive Vertical Rhythm with CSS https://designmodo.com/vertical-rhythm/
• Канал Никиты на Ютубе https://www.youtube.com/channel/UCD3BPqHRxzfBKweeozaTz3g

Читай…
231. MS Build, Chrome 83, Lighthouse 6, быстрый Google Fonts, перфоманс Notion, Angular по-русски

25 mei 2020 · 1 uur 5 min
Afspelen

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

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

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

Гости: Алексей Охрименко

Темы

00:00:00 Интро
00:01:20 События
00:08:47 Microsoft Build
00:15:13 Новинки Chrome 83
00:22:46 Lighthouse 6
00:29:15 Быстрый Google Fonts
00:35:55 Аудит перфоманса Notion
00:44:26 Angular по-русски

События

• РИТ онлайн 25–26 мая https://ritfest.ru/2020
• ngVikings онлайн 25–26 мая https://ngvikings.org/
• CodeBattle Pro онлайн 25 мая https://community-z.com/events/codebattle-pro
• JS Dev Day онлайн 25 мая https://community-z.com/events/jsdevday2020
• Лайв с Натальей Теплухиной онлайн 25 мая https://www.instagram.com/p/B_VS8NTq0Fw/
• Jamstack Conf онлайн 27 мая https://jamstackconf.com/virtual/
• Show And Tell #2 онлайн 30 мая https://twitter.com/jason_mayes/status/1263914105103986688

Microsoft Build

• Microsoft Build Live https://twitter.com/EdgeDevTools/status/1263222315988500480

Новинки Chrome 83

• New in Chrome 83 https://developers.google.com/web/updates/2020/05/nic83

Lighthouse 6

• What’s New in Lighthouse 6.0 https://web.dev/lighthouse-whats-new-6.0/
• Калькулятор весов https://googlechrome.github.io/lighthouse/scorecalc/

Быстрый Google Fonts

• The Fastest Google Fonts https://csswizardry.com/2020/05/the-fastest-google-fonts/

Аудит перфоманса Notion

• Case study: Analyzing Notion app performance https://3perf.com/blog/notion/

Angular по-русски

• Документация по Angular по-русски https://habr.com/ru/post/499852/
• Сообщество Angular в Телеграме https://t.me/angular_ru
• Сообщество TensorflowJS в Телеграме https://t.me/tensorflow_js

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

• 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…
230. Aspect ratio, реклама, appearance none, top-level await, Deno, хранилище, цена стилей

18 mei 2020 · 1 uur 18 min
Afspelen

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

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

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

Гости: Андрей Мелихов

Темы

00:00:00 Интро
00:01:07 События
00:03:35 Aspect ratio, DevTools, реклама
00:17:46 Кроссбраузерный appearance: none
00:23:40 Top-level await в Node.js
00:34:52 Deno вместо Node
00:54:25 Постоянное хранилище
01:02:15 Дорогая цена стилей

События

• PiterJS онлайн 21 мая https://medium.com/p/cf7cb666834a
• JS Dev Day онлайн 24–29 мая https://community-z.com/events/jsdevday2020
• Jamstack Conf онлайн 27 мая https://jamstackconf.com/virtual/
• JSNation Live онлайн 18–19 июня https://live.jsnation.com/

Aspect ratio, DevTools, реклама

• Aspect ratio in Chrome Canary https://twitter.com/Una/status/1260980901934137345
• Chrome platform status: CSS aspect-ratio https://chromestatus.com/features/5738050678161408
• What’s new in Chrome 84 DevTools https://developers.google.com/web/updates/2020/05/devtools
• Handling heavy ad interventions https://developers.google.com/web/updates/2020/05/heavy-ad-interventions

Кроссбраузерный appearance: none

• Cross-browser appearance: none https://twitter.com/bocoup/status/1260698110659047431

Top-level await в Node.js

• Experimental top-level await in Node.js https://twitter.com/MylesBorins/status/1261018056681193473
• Add support for top level await https://github.com/nodejs/node/pull/30370

Deno вместо Node

• Deno 1.0 https://deno.land/v1
• Deno in 100 Seconds https://youtu.be/F0G9lZ7gecE
• Пробуем Deno на примере простейшего сервера и React SSR https://youtu.be/_cGOQbJehBQ

Постоянное хранилище

• Persistent storage https://web.dev/persistent-storage/

Дорогая цена стилей

• Дорогая цена стилей https://habr.com/ru/company/yandex/blog/501998/
• Critical resources and the first 14 KB https://www.tunetheweb.com/blog/critical-resources-and-the-first-14kb/
• Лекция Виталия Харисова «10k» https://habr.com/ru/comp…
229. Новости Chrome, Firefox и V8, Web Vitals, GitHub Codespaces, minmax, наша ответственность

12 mei 2020 · 1 uur 4 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:01:00 События
00:03:58 Новости браузеров
00:13:05 Web Vitals
00:23:36 Хранилища в браузерах
00:32:37 Logical assignment в V8
00:37:51 Github Codespaces
00:47:00 Непонятные min и max
00:54:28 Наша ответственность

События

• Дискуссия про тестовые задания онлайн 16 мая https://meetups-online.ru/testedondevs
• ngVikings 2020 онлайн 25–26 мая https://ngvikings.org/
• MinskJS Meetup #8 онлайн 28 мая https://minskjs.timepad.ru/event/1311291/
• JS Nation Live онлайн 18–19 июня https://live.jsnation.com/

Новости браузеров

• Chromium lands Flexbox gap https://web.dev/flexbox-gap/
• Chrome: Screen Wake Lock API https://bugs.chromium.org/p/chromium/issues/detail?id=257511#c167
• Stay awake with the Screen Wake Lock API https://web.dev/wakelock/
• Firefox 76: Audio worklets and other tricks https://hacks.mozilla.org/2020/05/firefox-76-audio-worklets-and-other-tricks/
• Firefox 76 в обзоре Марата Таналина https://tanalin.com/blog/2020/05/firefox-76/

Web Vitals

• Introducing Web Vitals: essential metrics for a healthy site https://blog.chromium.org/2020/05/introducing-web-vitals-essential-metrics.html
• Optimize Largest Contentful Paint https://web.dev/optimize-lcp/
• Optimize First Input Delay https://web.dev/optimize-fid/
• Optimize Cumulative Layout Shift http://web.dev/optimize-cls
• Web-vitals https://github.com/GoogleChrome/web-vitals
• Web-vitals-extension https://github.com/GoogleChrome/web-vitals-extension

Хранилища в браузерах

• Storage for the web https://web.dev/storage-for-the-web/

Logical assignment

• Logical assignment https://v8.dev/features/logical-assignment

Github Codespaces

• GitHub Codespaces https://github.com/features/codespaces
• Codespaces on the iPad https://twitter.com/notdetails/status/1258120708212785154

…
228. DevTools, сайт Веб-стандартов, выделение текста, px vs rem, Atomic CSS-in-JS, рефакторинг

5 mei 2020 · 1 uur 11 min
Afspelen

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

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

Ведущие: Вадим Макеев, Никита Дубко, Ольга Алексашенко

Темы

00:00:00 Интро
00:00:49 Новинки DevTools
00:21:45 Сайт Веб-стандартов
00:27:37 Выделение текста
00:34:23 Пиксели против ремов
00:47:00 Атомарный CSS-in-JS
01:01:35 Автоматизация рефакторинга

Новинки DevTools

• Chrome: It’s almost here. CSS grid tooling! https://twitter.com/ChromeDevTools/status/1255481965995851782?s=20
• Edge: Coming soon. CSS Grid tooling! https://twitter.com/EdgeDevTools/status/1255503886925922310?s=20
• Masonry Grids in Firefox Nightly behind a flag https://twitter.com/MiriSuzanne/status/1255567501359853570
• Обсуждение спецификации Masonry layout https://github.com/w3c/csswg-drafts/issues/4650
• A demo of new CSS to accomplish a Masonry-style layout https://codepen.io/jensimmons/full/QWjqbJj
• Compatibility panel in Firefox based on MDN data https://twitter.com/patrickbrosset/status/1255809865420869633
• Proposal for container queries https://github.com/dbaron/container-queries-implementability
• Can I Include https://caninclude.glitch.me/

Сайт Веб-стандартов

• Сайт Веб-стандартов https://web-standards.ru/
• Ишьи в репозитории сайта https://github.com/web-standards/web-standards.ru/issues

Выделение текста

• Using CSS to Control Text Selection https://codersblock.com/blog/using-css-to-control-text-selection/
• Selection in CSS https://ishadeed.com/article/selection-in-css/

Пиксели против ремов

• Accessible Font Sizing, Explained https://css-tricks.com/accessible-font-sizing-explained/
• Ишья про единицы измерения https://github.com/web-standards/web-standards.ru/issues/13

Атомарный CSS-in-JS

• Atomic CSS-in-JS https://sebastienlorber.com/atomic-css-in-js

Автоматизация рефакторинга

• Рефактори как будто никто не видит https://nikitakirsanov.com/ru/blog/refactor-as-no-one-is-watching/

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

• Telegram https:…
227. Сайт Веб-стандартов, cssunderhood, Chrome, цвета, кастомные свойства, Brotli, цена фреймворков

28 april 2020 · 1 uur 9 min
Afspelen

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

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

Ведущие: Вадим Макеев, Никита Дубко, Ольга Алексашенко

Темы

00:00:00 Интро
00:00:50 События
00:05:23 Возвращение cssunderhood
00:07:09 Сайт «Веб-стандартов»
00:10:01 Бета Chrome 83
00:17:18 Цветовые функции в CSS
00:21:16 Типизированный CSS
00:24:49 Кастомные свойства и гриды
00:47:43 Бротли, Зопфли и Гуцли
00:57:44 Цена JS-фреймворков

События

• Видео с Я.Субботника 25 апреля https://youtu.be/sk5BIHvtCt8
• Node.js SPb MeetUp11 онлайн 28 апреля https://nodejs-spb-event.timepad.ru/event/1295939/
• DINS JS EVENING онлайн 29 апреля https://dins.timepad.ru/event/1301328/
• IT Jam. Front-end онлайн 30 апреля https://events.epam.com/events/it-jam-fe
• Онлайн-митапы с живым общением: Фронтенд https://meetups-online.ru/#!/tfeeds/771034387759/c/%D0%A4%D1%80%D0%BE%D0%BD%D1%82

Возвращение cssunderhood

• Канал @cssunderhood https://twitter.com/cssunderhood

Сайт «Веб-стандартов»

• Обновлённый сайт Веб-стандартов https://web-standards.ru/
• Репозиторий на Гитхабе https://github.com/web-standards/web-standards.ru/

Бета Chrome 83

• Chrome 83 Beta https://blog.chromium.org/2020/04/chrome-83-beta-cross-site-scripting.html

Цветовые функции в CSS

• CSS Color Module Level 5 https://www.w3.org/TR/css-color-5/

Типизированный CSS

• Chrome: Intent to Ship: @property https://groups.google.com/a/chromium.org/forum/m/#!msg/blink-dev/3ygpsew53a0/T7acB6sRBQAJ

Кастомные свойства и гриды

• Кастомные свойства вместо CSS-переменных на PostCSS https://youtu.be/nbN22yqEgM0
• Используйте кастомные свойства вместо препроцессорных переменных на здоровье! https://twitter.com/lautsevich/status/1252313938563301376

Бротли, Зопфли и Гуцли

• Real-World Effectiveness of Brotli https://csswizardry.com/2020/04/real-world-effectiveness-of-brotli/

Цена JS-фреймворков

• The Cost of Javascript Frameworks https://timkadlec.com/remembers/2020-0…
226. Браузеры, Chakra Core, Shower 3.0, jQuery, Гитхаб, ES-импорты, TC39, Телеграм против веба

21 april 2020 · 1 uur 17 min
Afspelen

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

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

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

Гости: Сергей Рубанов

Темы

00:00:00 Интро
00:01:07 События
00:02:59 Новости браузеров
00:09:25 Chakra Core уходит сообществу
00:21:00 Релиз Shower 3.0
00:25:17 jQuery всё ещё нужна
00:33:09 Гитхаб подешевел
00:37:06 ES-импорты для разработки
00:45:33 Будни TC39
00:56:10 Телеграм против веба

События

• PiterJS онлайн 23 апреля https://medium.com/p/124ccbb29821
• 32 видео с FrontendConf 2019 https://www.youtube.com/playlist?list=PLknJ4Vr6efQHldqCyBU5gpi7KPJEMbj4H

Новости браузеров

• Flexbox & grid may soon work on fieldset elements! https://twitter.com/keithjgrant/status/1250912283804368896
• Chromium: Flexbox/grid doesn’t work on fieldset elements https://bugs.chromium.org/p/chromium/issues/detail?id=375693#c80
• HTML5 Accessibility https://www.html5accessibility.com/
• LayoutNG: Flexbox implementation https://bugs.chromium.org/p/chromium/issues/detail?id=845235

Chakra Core уходит сообществу

• ChakraCore Transition https://github.com/microsoft/ChakraCore/issues/6384

Релиз Shower 3.0

• Демо Shower https://shwr.me/
• Shower Core https://github.com/shower/core

jQuery всё ещё нужна

• jQuery 3.5.0 Released! http://blog.jquery.com/2020/04/10/jquery-3-5-0-released/
• JavaScript по БЭМ https://ru.bem.info/methodology/js/

Гитхаб подешевел

• GitHub is now free for teams https://github.blog/2020-04-14-github-is-now-free-for-teams/
• FAQ about changes to GitHub’s plans https://help.github.com/en/github/getting-started-with-github/faq-about-changes-to-githubs-plans

ES-импорты для разработки

• Импорт локальных модулей на сайте The F-Word https://github.com/fword-dev/f-word.dev/blob/master/src/scripts/index.js

Будни TC39

• Сайт TC39 https://tc39.es/

Телеграм против веба

• Juliarderity: ECMAScript, WebAssembly, Web APIs, specs https://t.me/juliarderity
• Адвент-календарь …
225. The F-Word, новинки браузеров, AVIF, WebStorm 2020.1, PostCSS 8.0, CSS-нудизм и тёмные темы

13 april 2020 · 1 uur 7 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:24 Подкасты
00:06:08 События
00:07:42 Новинки браузеров
00:22:00 Формат изображений AVIF
00:30:52 Релиз WebStorm 2020.1
00:40:28 Планы на PostCSS 8.0
00:48:48 CSS-нудизм и дефолты
00:57:25 Тёмные темы

Подкасты

• Новый подкаст The F-Word https://f-word.dev/

События

• GET PROF IT онлайн 22 апреля https://events.epam.com/events/get-prof-it-js-devops/agenda?f%5B0%5D%5Bcategories%5D%5B%5D=JavaScript
• Вебинар Тимура Шемсединова по Node.js, онлайн 7, 14, 21 апреля https://fwdays.com/en/event/node-js-in-2020

Новинки браузеров

• Release Notes for Safari TP 104 https://webkit.org/blog/10264/release-notes-for-safari-technology-preview-104/
• Web Animations in Safari 13.1 https://webkit.org/blog/10266/web-animations-in-safari-13-1/
• New in Chrome 81 https://developers.google.com/web/updates/2020/04/nic81
• Interact with NFC devices on Chrome for Android https://web.dev/nfc/
• Firefox 75 в обзоре Марата Таналина https://tanalin.com/blog/2020/04/firefox-75/
• Firefox 75: Ambitions for April https://hacks.mozilla.org/2020/04/firefox-75-ambitions-for-april/

Формат изображений AVIF

• AVIF image format https://twitter.com/mathias/status/1248135249663574017
• Mozilla: Intent to implement AVIF https://groups.google.com/forum/#!topic/mozilla.dev.platform/bIM8ZaFS-d8
• Chromium: Support AVIF https://bugs.chromium.org/p/chromium/issues/detail?id=960620
• WebKit: AVIF decoding support https://bugs.webkit.org/show_bug.cgi?id=207750
• Netflix: AVIF for Next-Gen Image Coding https://netflixtechblog.com/avif-for-next-generation-image-coding-b1d75675fe4

Релиз WebStorm 2020.1

• Релиз WebStorm 2020.1 на Хабре https://habr.com/ru/company/JetBrains/blog/495228/
• Релиз WebStorm 2020.1 в официальном блоге https://blog.jetbrains.com/webstorm/2020/04/w…
224. Safari и Chrome, ES2020, дизайнеры и код, палитры, анимации, устаревший Git Flow и видеоплееры

6 april 2020 · 1 uur 9 min
Afspelen

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

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

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

Гости: Алексей Авдеев

Темы

00:00:00 Интро
00:01:13 События
00:04:00 Safari 13.1 и формы в Chrome
00:16:56 Определившийся ES 2020
00:27:45 Как дизайнерам учить код
00:40:24 Генератор цветовой палитры
00:47:38 Git Flow устарел
00:55:30 Видеоплееры в вебе

События

• Я.Субботник онлайн 25 апреля https://events.yandex.ru/events/yasubbotnik/25-apr-2020
• Генератор событий для календаря Веб-стандартов https://github.com/web-standards/calendar-generator

Safari 13.1 и формы в Chrome

• New WebKit Features in Safari 13.1 https://webkit.org/blog/10247/new-webkit-features-in-safari-13-1/
• Updates to form controls and focus https://blog.chromium.org/2020/03/updates-to-form-controls-and-focus.html

Определившийся ES 2020

• ECMAScript 2020: the final feature set https://2ality.com/2019/12/ecmascript-2020.html
• ES2020 Candidate https://github.com/tc39/ecma262/releases/tag/es2020

Как дизайнерам учить код

• 1. The Terminal And Text Editors https://www.smashingmagazine.com/2020/03/designers-code-terminal-text-editors-part-1/
• 2. Git, HTML/CSS, Engineering Principles https://www.smashingmagazine.com/2020/03/designers-code-git-hmtl-css-engineering-principles/

Генератор цветовой палитры

• Tema. Simple palette generator https://yoksel.github.io/tema/

Новый синтаксис CSS-анимаций

• Proposal: Time-based Keyframe Animations https://github.com/w3c/csswg-drafts/issues/4907

Git Flow устарел

• Пожалуйста, перестаньте рекомендовать Git Flow https://habr.com/ru/company/flant/blog/491320/
• A successful Git branching model https://nvie.com/posts/a-successful-git-branching-model/
• GitHub Flow https://guides.github.com/introduction/flow/

Видеоплееры в вебе

• Обзор видеоплееров для веба https://habr.com/ru/post/493674/
• Better web video with AV1 codec https://evilmartians.com/chronicles/be…
223. Safari, третьи куки и ваши хранилища, Prettier, быстрые картинки, старые трюки, auto в CSS

30 maart 2020 · 1 uur 6 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:23 Подкасты
00:02:36 События
00:05:11 Safari и третьи куки
00:14:07 Safari и ваши хранилища
00:21:20 Спор про Prettier
00:33:51 Быстрые картинки
00:48:44 Старые трюки
00:59:35 Auto в CSS

Подкасты

• Podcast-list https://github.com/web-standards/podcasts-list
• Undefined в Apple Podcasts https://podcasts.apple.com/podcast/id1499128651
• Undefined в Яндекс.Музыке https://music.yandex.ru/album/10034426
• Undefined во ВКонтакте https://vk.com/podcasts-184747164

События

• Geekle онлайн 2 апреля https://www.geekle.us/
• MinskCSS Meetup онлайн 8 апреля https://minskcss.timepad.ru/event/1289579/
• OdessaJS в Одессе 4–5 июля http://odessajs.org/

Safari и третьи куки

• Upcoming Chrome and Chrome OS releases https://chromereleases.googleblog.com/2020/03/upcoming-chrome-and-chrome-os-releases.html
• Chrome and Chrome OS release updates https://chromereleases.googleblog.com/2020/03/chrome-and-chrome-os-release-updates.html
• Full Third-Party Cookie Blocking and More https://webkit.org/blog/10218/full-third-party-cookie-blocking-and-more/

Safari и ваши хранилища

• Apple just killed Offline Web Apps https://ar.al/2020/03/25/apple-just-killed-offline-web-apps-while-purporting-to-protect-your-privacy-why-thats-a-bad-thing-and-why-you-should-care/
• Journal—Apple’s attack on service workers https://adactio.com/journal/16619

Спор про Prettier

• Prettier 2.0 “2020” https://prettier.io/blog/2020/03/21/2.0.0.html

Быстрые картинки

• Embracing modern image formats https://joshwcomeau.com/performance/embracing-modern-image-formats/
• Картинки как коробки — что внутри? https://habr.com/ru/company/yandex/blog/493616/

Старые трюки

• Maintaining Performance https://daverupert.com/2020/03/maintaining-performance/
• When is a lazy-loaded image “about to intersect t…
222. GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги!

24 maart 2020 · 1 uur 10 min
Afspelen

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

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

Ведущие: Вадим Макеев, Никита Дубко, Ольга Алексашенко

Темы

00:00:00 Интро
00:00:40 События
00:04:09 GitHub и npm
00:18:07 iPad с курсором
00:23:38 История URL
00:32:54 Липкие таблицы
00:40:40 Жизнь без User-Agent
00:50:30 Вёрстка писем
00:56:22 Закрывайте теги!

События

• Tver.io JavaScript Meetup в Твери онлайн 19 марта https://youtu.be/3Yy_YUTZxe4
• Видео с Я 💛 Фронтенд 2020 https://youtube.com/playlist?list=PLKaafC45L_SRLlyOzp6xBMUh0kn2eQBUd
• Video Recording and Live Streaming for RK https://aworkinprogress.dev/video-recording-and-live-streaming-for-rk/
• The RK Recording Tour https://youtu.be/cCATNI9vNag

GitHub и npm

• GitHub Mobile https://github.com/mobile
• Npm is joining GitHub https://github.blog/2020-03-16-npm-is-joining-github/
• The economics of open source https://youtu.be/MO8hZlgK5zc

iPad с курсором

• iPad Pro Cursor with Craig Federighi https://youtu.be/jijhJj_rNDI

История URL

• The History of the URL https://blog.cloudflare.com/the-history-of-the-url/

Липкие таблицы

• Fixed Table Headers https://adrianroselli.com/2020/01/fixed-table-headers.html

Жизнь без User-Agent

• My findings after browsing the web without a UA header for one week https://webplatform.news/issues/2020-03-19
• Встречайте бабушку, Виталий Харисов https://youtu.be/_muWJOUe420

Вёрстка писем

• Good Email Code https://www.goodemailcode.com/
• Punched card coding https://youtu.be/xhUfiOSOk3g

Закрывайте теги!

• Stop using closing tags for the HTML elements https://twitter.com/tabatkins/status/1240027435246051328
• «Не закрывайте теги!» https://css-live.ru/verstka/do-not-close-tags.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
…
221. Отмена событий, Firefox и KaiOS, ненужный CSS, вьюпорт, размеры картинок, цвета, Vue.js

17 maart 2020 · 1 uur 13 min
Afspelen

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

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

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

Гости: Наташа Теплухина

Темы

00:00:00 Интро
00:01:10 Мета и подкасты
00:06:06 Отмена событий
00:14:59 Firefox обновит KaiOS
00:19:41 Ненужный CSS в DevTools
00:26:19 Такой сложный вьюпорт
00:33:18 Размеры и загрузка картинок
00:39:40 Смешивание цветов
00:44:47 Команда Vue.js Core
01:01:11 Документация и перевод
01:09:04 Планы Vue.js

Мета и подкасты

• The CSS Podcast https://pod.link/thecsspodcast

Отмена событий

• JS Fwdays онлайн в Киеве 14 марта https://fwdays.com/en/event/js-fwdays-2020
• IWD 2020 онлайн в Калининграде 15 марта http://gdg-kgd.tilda.ws/iwd2020
• KharkivCSS в Харькове осенью https://kharkivcss.org/
• HolyJS в Питере в июне https://holyjs-piter.ru/
• IT Global Meetup в Питере в июне https://piter-united.ru
• Pitercss_class берёт паузу https://twitter.com/pitercss_class/status/1238118866594795520
• PiterJS не унывает https://twitter.com/gopiterjs/status/1237744608844697600
• Krasnodar Backend miniConf https://krd.dev/events/19
• CodeFest в Новосибирске 28–29 марта https://2020.codefest.ru/program/frontend
• Календарь «Веб-стандартов» https://github.com/web-standards/calendar

Firefox обновит KaiOS

• KaiOS Technologies and Mozilla partner https://www.kaiostech.com/press/kaios-technologies-and-mozilla-partner-to-enable-a-healthy-mobile-internet-for-everyone/
• Firefox 74 https://tanalin.com/blog/2020/03/firefox-74/

Ненужный CSS в DevTools

• When CSS doesn’t do anything https://blog.logrocket.com/when-css-doesnt-do-anything/

Такой сложный вьюпорт

• CSS Viewport Units https://ishadeed.com/article/viewport-units/

Размеры и загрузка картинок

• Setting Height And Width On Images Is Important Again https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/

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

• When 255 × 0 does not Equal Zero https://danielcwi…
220. Цветовая гамма, развитие CSS, сборка в Rome, фильм про Vue, i18n, Google Fonts, геймдев, митапы

11 maart 2020 · 1 uur 7 min
Afspelen

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

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

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

Гости: Александр Коротаев

Темы

00:00:00 Интро
00:00:57 События
00:11:39 Широкая цветовая гамма
00:15:11 Этапы развития CSS
00:20:28 Вся сборка ведёт в Rome
00:26:16 Фильм про Vue.js
00:30:59 Интернационализация
00:36:30 Юбилей Google Fonts
00:40:11 Фронтендер в геймдеве
00:58:50 Зарубежные митапы

События

• It-knot в Воронеже 12 марта https://mybusinessvrn.timepad.ru/event/1266377/
• Tver.io в Твери 19 марта https://go.tver.io/meetup-2020-03-19
• Front-end Hero Meetup в Черкассах 19 марта https://www.facebook.com/events/190995978662066/
• Angular meetup #17 в Москве 23 марта https://meetup.tinkoff.ru/event/angular-meetup-17/
• Moscowcss №18 в Москве 24 марта https://moscowcss.timepad.ru/event/1278244/
• MoscowJS 49 в Москве 26 марта https://www.moscowjs.org/event/moscowjs-49
• JSNation в Амстердаме 3–5 июня https://jsnation.com/

Широкая цветовая гамма

• Wide Gamut Color in CSS with Display-P3 https://webkit.org/blog/10042/wide-gamut-color-in-css-with-display-p3/

Этапы развития CSS

• CSS Specification Timelines, Updated and Modernized https://meyerweb.com/eric/thoughts/2020/03/03/css-specification-timelines-updated-and-modernized/

Вся сборка ведёт в Rome

• Rome, a new JavaScript Toolchain https://jasonformat.com/rome-javascript-toolchain/

Фильм про Vue.js

• Vue.js: The Documentary https://youtu.be/OrxmtDw4pVI

Интернационализация

• JavaScript Internationalization in 2020 https://diary.braniecki.net/2020/02/14/js-intl-in-2020/

Юбилей Google Fonts

• Вариативные шрифты с кириллицей https://fonts.google.com/?vfonly&subset=cyrillic

Фронтендер в геймдеве

• Создание аркадной игры на ванильном JavaScript http://odinokun.com/2020-03-02-sozdanie-arkadnoj-igry-na-vanilnom-javascript.html

Зарубежные митапы

• Meetup.com https://www.meetup.com/
• Grow Paris https://…
219. Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать

3 maart 2020 · 1 uur 18 min
Afspelen

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

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

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

Гости: Андрей Смирнов

Темы

00:00:00 Интро
00:01:46 События
00:07:25 Отладка перфоманса
00:12:04 Разный --save-dev
00:18:06 CSS4, продолжение
00:30:10 Мечты о CSS
00:37:51 Софт-скилы
00:46:59 Чему учить сотрудника
01:00:45 Что такое софт и хард
01:10:05 Мягкий фронтендер

События

• Я ❤ Фронтенд в Москве 29 февраля https://ilovefrontend.ru/
• Pitercss_class в Питере 21 марта https://vk.com/@pitercss_class-16
• Kolesa Conf в Алматы 12 апреля https://kolesa-conf.kz/
• Frontend United в Минске 30 апреля—2 мая https://www.frontendunited.org/
• Community-Z https://community-z.com/

Отладка перфоманса

• In-Browser Performance Linting With Feature Policies https://timkadlec.com/remembers/2020-02-20-in-browser-performance-linting-with-feature-policies/

Разный --save-dev

• Вы используете devDependencies неправильно https://incubator.flaks.dev/devdependencies-mistake

CSS4, продолжение

• В W3C появилась общественная группа по CSS4 https://css-live.ru/vecssti-s-polej/v-w3c-poyavilas-obshhestvennaya-gruppa-po-css4.html

Мечты о CSS

• Some Imaginary CSS https://cloudfour.com/thinks/some-imaginary-css/

Софт-скилы

• Почему не надо становиться руководителем https://youtu.be/1mIcdj_ZXT8
• Карьерная трансформация софт-скилов https://youtu.be/47Ef2flrXtQ?t=3276

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

• 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/
218. Опять гриды, градиенты всё лучше, блокирующий CSS, веб-компоненты, всё про кнопки и disabled

25 februari 2020 · 1 uur
Afspelen

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

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

Ведущие: Вадим Макеев, Никита Дубко, Ольга Алексашенко

Гости: Глафира Жур

Темы

00:00:00 Интро
00:00:48 События
00:09:06 Опять гриды
00:17:25 Градиенты всё лучше
00:22:22 Блокирующий CSS
00:27:47 Веб-компоненты
00:37:49 Всё про кнопки
00:51:48 Как работает disabled

События

• Pitercss_meetup в Питере 25 февраля https://medium.com/p/90c6048e37d8
• JS Meetup в Харькове 27 февраля https://www.facebook.com/events/690696308368697/
• Accessibility Club Minsk Meetup #1 в Минске 22 апреля https://www.facebook.com/events/669523740451814/

Опять гриды

• Понимание CSS Grid: Создание Grid-контейнера https://habr.com/ru/post/487566/
• Understanding CSS Grid: Grid Lines https://www.smashingmagazine.com/2020/01/understanding-css-grid-lines/
• Understanding CSS Grid: Grid Template Areas https://www.smashingmagazine.com/2020/02/understanding-css-grid-template-areas/

Градиенты всё лучше

• While You Weren’t Looking, CSS Gradients Got Better https://css-tricks.com/while-you-werent-looking-css-gradients-got-better/

Блокирующий CSS

• When CSS Blocks https://timkadlec.com/remembers/2020-02-13-when-css-blocks/

Веб-компоненты

• Веб-компоненты на сайте Леруа Мерлен https://habr.com/ru/company/leroy_merlin/blog/488648/
• Declarative Shadow DOM https://github.com/mfreed7/declarative-shadow-dom/blob/master/README.md

Всё про кнопки

• Styling The Good Ol’ Button Element https://ishadeed.com/article/styling-the-good-old-button/
• A Complete Guide to Links and Buttons https://css-tricks.com/a-complete-guide-to-links-and-buttons/

Как работает disabled

• Disabled form controls and how to tackle them https://catalin.red/disabled-form-controls/

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

• 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 …
217. Firefox 73, Angular 9, Container Queries, Web We Want, CSS4, JS поедает HTML, DOM Reflow

18 februari 2020 · 1 uur 9 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:51 События
00:06:24 Новинки Firefox 73
00:09:08 Angular 9 с новым сборщиком
00:14:29 Container Queries
00:24:13 Web We Want
00:36:16 Нужен ли нам CSS4
00:50:05 Как JS поедает HTML
00:59:10 Избегаем DOM Reflow

События

• PiterJS №45 в Питере 20 февраля https://medium.com/p/81a011211b2e
• OdessaFrontend #15 в Одессе 21 февраля https://odessafrontend.com/
• MoscowJS 48 в Москве 27 февраля https://www.moscowjs.org/event/moscowjs-48
• Я ❤︎ Фронтенд в Москве 29 февраля https://ilovefrontend.ru/
• Frontend Panda Meetup #39 в Иннополисе 29 февраля https://panda-meetup.ru/innopolis-frontend-meetup
• Developer Circles в Москве 5 марта https://facebook-developer-circle-moscow-front-end.splashthat.com/
• JavaScript fwdays в Киеве 14 марта https://fwdays.com/en/event/js-fwdays-2020
• KharkivCSS #5 в Харькове 28 марта http://kharkivcss.org/
• Voxxed Days в Минске 31 мая https://voxxeddays.com/minsk/

Новинки Firefox 73

• Firefox 73 https://tanalin.com/blog/2020/02/firefox-73/

Angular 9 с новым сборщиком

• Version 9 of Angular Now Available https://blog.angular.io/version-9-of-angular-now-available-project-ivy-has-arrived-23c97b63cfa3

Container Queries

• Toward Responsive Elements https://bkardell.com/blog/TowardResponsive.html

Web We Want

• Building the Web We Want https://css-tricks.com/building-the-web-we-want/
• Could browsers fix more a11y problems automatically? https://hiddedevries.nl/en/blog/2020-02-04-could-browsers-fix-more-accessibility-problems-automatically

Нужен ли нам CSS4

• Let’s Define CSS 4 https://github.com/w3c/csswg-drafts/issues/4770

Как JS поедает HTML

• Why JavaScript is Eating HTML https://css-tricks.com/why-javascript-is-eating-html/
• Hydration https://adactio.com/journal/16404

Избегаем DOM Reflow

• Min…
216. Ручной SVG, Puppeteer 2.1 с Firefox, снова Yarn 2, что такое TeamCity, компоненты в Storybook

11 februari 2020 · 1 uur 4 min
Afspelen

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

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

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

Гости: Филипп Рябчун

Темы

00:00:00 Интро
00:00:49 Ручной SVG
00:10:22 Puppeteer 2.1 с Firefox
00:15:51 И снова Yarn 2
00:23:52 Что такое TeamCity
00:33:15 Фронтенд TeamCity
00:39:05 Компоненты в Storybook

Ручной SVG

• Optimising SVGs for the Web https://css-irl.info/optimising-svgs-for-the-web/

Puppeteer 2.1 с Firefox

• Playwright https://github.com/microsoft/playwright
• Puppeteer v2.1.0 https://github.com/puppeteer/puppeteer/releases/tag/v2.1.0

И снова Yarn 2

• Introducing Yarn 2 https://dev.to/arcanis/introducing-yarn-2-4eh1

Что такое TeamCity

• TeamCity https://www.jetbrains.com/teamcity/
• Бета TeamCity Cloud https://www.jetbrains.com/lp/teamcity/cloud
• Публичный сервер TeamCity https://teamcity.jetbrains.com/project/_Root?mode=builds
• Как использовать CI для тестирования фронтенда https://youtu.be/S15emUnJh1M

Фронтенд TeamCity

• CSS Modules https://github.com/css-modules/css-modules

Компоненты в Storybook

• Storybook https://storybook.js.org/
• Аддон StoryShots https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-core
• Аддон StoryShots + Puppeteer https://github.com/storybookjs/storybook/tree/master/addons/storyshots/storyshots-puppeteer
• Аддон A11y https://github.com/storybookjs/storybook/tree/next/addons/a11y
• Аддон Knobs https://github.com/storybookjs/storybook/tree/next/addons/knobs

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

• 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/
215. Перфоманс сначала или потом, воркеры, офлайн, без JS, чистый CSS и грязный результат

4 februari 2020 · 1 uur 17 min
Afspelen

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

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

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

Гости: Андрей Мелихов

Темы

00:00:00 Интро
00:01:18 События
00:06:52 Перфоманс: сначала или потом
00:22:01 Воркеры сложнее чем кажутся
00:39:17 Интерфейс для офлайна
00:48:36 Можно ли без JS и нужно ли
01:06:59 Чистый CSS и грязный результат

События

• SPB Frontend в Питере 6 февраля https://spb-frontend-events.timepad.ru/event/1244397/
• IT-knot в Воронеже 13 февраля https://mybusinessvrn.timepad.ru/event/1240955/
• NodeSchool в Питере 29 февраля https://github.com/nodeschool/spb/issues/79
• HolyJS в Питере 10–11 апреля https://holyjs-piter.ru/
• HolyJS в Москве 13–14 ноября https://holyjs-moscow.ru/

Перфоманс: сначала или потом

• Микрооптимизации производительности и JavaScript https://medium.com/devschacht/optimizations-and-javascript-f8e060d3eae3
• Performance first https://tonsky.me/blog/performance-first/

Воркеры сложнее чем кажутся

• JavaScript in parallel - web workers explained https://dev.to/g33konaut/javascript-in-parallel-web-workers-explained-5588
• Comlink makes WebWorkers enjoyable https://github.com/GoogleChromeLabs/comlink

Интерфейс для офлайна

• Indexing your offline-capable pages with the Content Indexing API https://web.dev/content-indexing-api/

Можно ли без JS

• Apollo GraphQL without JavaScript https://hugogiraudel.com/2020/01/21/apollo-graphql-without-javascript/

Чистый CSS и грязный результат

• Can you make a countdown timer in pure CSS? https://www.chenhuijing.com/blog/can-you-make-a-countdown-timer-in-pure-css/

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

• 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…
214. Подкасты, Safari, браузер Flow, эра IE, CSSWG, Yarn или npm, Playwright, JetBrains Mono

28 januari 2020 · 1 uur 16 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:46 Подкасты
00:07:24 События
00:10:44 Новинки Safari TP
00:16:05 Новый браузер Flow
00:19:26 Уходит эра IE
00:28:56 Новости от CSSWG
00:43:39 Зачем Yarn, если npm
00:55:07 Playwright вместо Puppeteer
01:05:02 Шрифт JetBrains Mono

Подкасты

• Подборка полезных подкастов для IT-специалистов https://academy.yandex.ru/posts/podborka-poleznykh-podkastov-dlya-it-spetsialistov
• Запуск завтра https://libolibo.ru/zapuskzavtra

События

• MinskJS Meetup 7 в Минске 13 февраля https://minskjs.timepad.ru/event/1239059/
• Я ❤︎ Фронтенд в Москве 29 февраля https://ilovefrontend.ru/

Новинки Safari TP

• Release Notes for Safari Technology Preview 99 https://webkit.org/blog/9992/release-notes-for-safari-technology-preview-99/
• CSS Images L4: image-set https://drafts.csswg.org/css-images-4/#image-set-notation

Новый браузер Flow

• New browser on the block: Flow https://www.quirksmode.org/blog/archives/2020/01/new_browser_on.html
• Presto and WebKit at Waldemar Thranes gate 98, Oslo https://twitter.com/brucel/status/1185895844517744640

Уходит эра IE

• Today, the Trident Era Ends https://schepp.dev/posts/today-the-trident-era-ends/

Новости от CSSWG

• Add vhc value https://github.com/w3c/csswg-drafts/issues/4329
• CSS Values L4 https://www.w3.org/TR/css-values-4/
• Adding Math functions to CSS https://twitter.com/tabatkins/status/1219934786321600515

Зачем Yarn, если npm

• Introducing Yarn 2 https://dev.to/arcanis/introducing-yarn-2-4eh1

Playwright вместо Puppeteer

• Playwright https://github.com/microsoft/playwright
• Puppeteer https://github.com/puppeteer/puppeteer

Шрифт JetBrains Mono

• JetBrains Mono https://www.jetbrains.com/lp/mono/
• Fira Code https://github.com/tonsky/FiraCode

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

• Telegram https://t.me/webstandards_ru
• X https://…
213. Edge, User-Agent, чужие куки, Babel 7.8.0, Google Fonts, зачем всё-таки HTTP/2

20 januari 2020 · 1 uur
Afspelen

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

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

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

Темы

00:00:00 Интро
00:00:47 События
00:07:32 Microsoft Edge
00:14:32 Прощание с User-Agent
00:24:59 Ограничение сторонних кук
00:35:54 Коротко про Babel 7.8.0
00:39:13 Причины хостить Google Fonts
00:47:54 Зачем всё-таки HTTP/2

События

• Storm The Front Meetup 7 в Гомеле 25 января https://community-z.com/events/stormthefront-meetup-7
• Pitera11y_meetup 2 в Санкт-Петербурге 28 января https://medium.com/pitercss-meetup/pitera11y-meetup-2-2ae1b2d084eb
• PiterJS #44 в Санкт-Петербурге 30 января https://medium.com/piterjs/%D0%B0%D0%BD%D0%BE%D0%BD%D1%81-piterjs-44-e14e8c6a3649
• KharkivCSS в Харькове 28 марта http://kharkivcss.org/
• JSNation в Амстердаме 3–5 июня https://jsnation.com/
• CSS Day в Амстердаме 11–12 июня https://cssday.nl/2020
• Accessibility Club Summit в Амстердаме 13–14 июня https://accessibility-club.org/event/accessibility-club-summit-2020

Microsoft Edge

• Upgrading to the new Microsoft Edge https://blogs.windows.com/msedgedev/2020/01/15/upgrading-new-microsoft-edge-79-chromium/
• Web Components: Everywhere? https://www.webcomponents.org/

Прощание с User-Agent

• Intent to Deprecate and Freeze: The User-Agent string https://groups.google.com/a/chromium.org/forum/#!msg/blink-dev/-2JIRNMWJ7s/yHe4tQNLCgAJ

Ограничение сторонних кук

• A path towards making third party cookies obsolete https://blog.chromium.org/2020/01/building-more-private-web-path-towards.html
• Privacy Community Group https://privacycg.github.io/

Коротко про Babel 7.8.0

• Babel 7.8.0: ES 2020, .mjs config files and @babel/cli improvements https://babeljs.io/blog/2020/01/11/7.8.0

Причины хостить Google Fonts

• Should you self-host Google Fonts? https://www.tunetheweb.com/blog/should-you-self-host-google-fonts/

Зачем всё-таки HTTP/2

• Perf testing HTTP/1.1 vs HTTP/2 vs HTTP/2 + Serve…
212. Firefox 72, Shadow Parts, новые формы, сервис-воркеры, Masonry, ментальная модель JS

13 januari 2020 · 58 min
Afspelen

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

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

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

Темы

00:00:00 Интро
00:01:00 События
00:06:54 Новинки Firefox 72
00:20:29 Shadow Parts в Firefox
00:24:38 Новые формы в новом Edge
00:29:37 Шаблоны в сервис-воркерах
00:41:26 Плиточная раскладка на гридах
00:46:20 Ментальная модель JavaScript

События

• MoscowJS 47 в Москве 30 января https://www.moscowjs.org/event/moscowjs-47
• Moscowcss №17 в Москве 6 февраля https://moscowcss.timepad.ru/event/1228234
• KharkivCSS в Харькове 28 марта http://kharkivcss.org/
• JSNation в Амстердаме 3–5 июня https://jsnation.com/
• Скидка 15% на JSNation https://www.eventbrite.com/e/jsnation-conference-2020-tickets-71547014045?discount=WebStandardsRu

Новинки Firefox 72

• Firefox 72 — our first song of 2020 https://hacks.mozilla.org/2020/01/firefox-72-our-first-song-of-2020/

Shadow Parts в Firefox

• CSS Shadow Parts are coming! https://dev.to/webpadawan/css-shadow-parts-are-coming-mi5

Новые формы в новом Edge

• Form Controls Refresh enabled https://groups.google.com/a/chromium.org/d/msg/blink-dev/kscJbfVjR5k/z73iZYlHCQAJ
• HTML isn’t done! https://youtu.be/ZFvPLrKZywA
• Improving form controls in Microsoft Edge and Chromium https://blogs.windows.com/msedgedev/2019/10/15/form-controls-microsoft-edge-chromium/

Шаблоны в сервис-воркерах

• Smaller HTML Payloads with Service Workers https://philipwalton.com/articles/smaller-html-payloads-with-service-workers/

Плиточная раскладка на гридах

• Стандарт CSS для Masonry-раскладки https://css-live.ru/vecssti-s-polej/standart-css-dlya-masonry-raskladki-ot-idei-k-pervym-konkretnym-narabotkam.html

Ментальная модель JavaScript

• Из чего сделан JavaScript? https://habr.com/p/482472/

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

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https:/…
211. Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты, React, гриды, перфоманс, дайвёрсити

9 januari 2020 · 1 uur 28 min
Afspelen

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

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

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина, Алексей Симоненко

Темы

00:00:00 Интро
00:01:14 Оля с пожеланиями
00:04:57 Лёша с софт-скилами
00:22:13 Маша с футболом
00:26:23 Вадим без фронтенда
00:34:37 Веб-компоненты и React
00:52:09 Гриды или флексы
01:01:00 Когда перфоманс
01:12:58 Дайвёрсити
01:18:48 Веб-стандарты 2020

Лёша с софт-скилами

• DevWhatYouLove https://devwhatyoulove.com/
• TeamLead Conf https://teamleadconf.ru/

Маша с футболом

• Okko Спорт https://okko.sport/
• Запуск трансляций Английской Премьер-лиги в новом формате https://www.highload.ru/moscow/2019/abstracts/6087

Вадим без фронтенда

• LP — Любимые пластинки https://3lp.me/
• Подкастерская http://castpodcast.ru/

Веб-компоненты и React

• Igalia https://www.igalia.com/
• Paul Lewis — Custom Web Shadow Elements, or Whatever… https://vimeo.com/364370506
• Alex Russell — The Mobile Web: MIA https://vimeo.com/364402896

Гриды или флексы

• Grid или Flexbox? https://habr.com/p/448916/

Когда перфоманс

• Size Limit https://github.com/ai/size-limit

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

• 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/
210. Console.log или debug, вариативные шрифты, принципы a11y, НГ акции, одноразовый код

31 december 2019 · 1 uur 7 min
Afspelen

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

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

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

Гости: Катя Климович, Александр Малинин

Темы

00:00:00 Интро
00:03:21 Console.log или debug
00:10:57 Вариативные шрифты
00:24:06 Принципы доступности
00:31:23 Новогодние акции
00:58:02 Одноразовый код

Операция «Javascripton 2020»

• Присоединиться к игре https://htmlacademy.ru/special/newyear/2020?user_id=168175&utm_source=ws&utm_medium=podcast&utm_campaign=311219&utm_content=link

Console.log или debug

• Frontend Panda Meetup #35 в Москве 18 января https://panda-meetup.ru/msk-frontend-meetup-6
• Mastering JS console.log like a Pro https://medium.com/p/1c634e6393f9
• Console.log — это alert на стероидах https://vk.com/wall-32017543_22312

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

• Введение в вариативные шрифты https://medium.com/p/3f2b6123e1cd

Принципы доступности

• What a Year of Learning and Teaching Accessibility Taught Me https://www.24a11y.com/2019/what-a-year-of-learning-and-teaching-accessibility-taught-me/

Новогодние акции HTML Academy

• 2019: Очень странный Новый год https://htmlacademy.ru/blog/academy/events/stranger-new-year
• 2018: Остановили Рагнарёк https://htmlacademy.ru/blog/academy/events/stop-ragnarok-new-year
• 2017: Победа над Витахультом https://htmlacademy.ru/blog/academy/events/battle-for-the-new-year
• 2016: Новогодняя гонка https://htmlacademy.ru/blog/academy/events/surviving-in-the-new-years-race
• 2015: Первая новогодняя акция https://htmlacademy.ru/blog/academy/events/christmas-campaign

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

• 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/
209. Отсутствие событий, что не так с HTML и что можно с этим сделать, ШРИ Яндекса

24 december 2019 · 1 uur 6 min
Afspelen

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

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

Ведущие: Ольга Алексашенко, Вадим Макеев

Гости: Дмитрий Андриянов

Темы

00:00:00 Интро
00:01:50 Отсутствие событий
00:02:56 Что не так с HTML
00:29:09 Что можно с этим сделать
00:42:07 ШРИ Яндекса

Отсутствие событий

• Убирает старые даты Frontendconf https://github.com/web-standards/calendar/commit/03ae96a9426c6826d64cb7d7d72ae21553142110

Что не так с HTML

• Why details is Not an Accordion https://daverupert.com/2019/12/why-details-is-not-an-accordion/
• Panels and Panel Sets Extension https://bkardell.com/common-panel/index.src.html

Что можно с этим сделать

• Browsers are very hesitant to invest any time in the controls https://twitter.com/domenic/status/1206750011322753025
• Scraping Burned Toast https://adrianroselli.com/2019/06/scraping-burned-toast.html
• HTML is a living language https://gomakethings.com/html-is-a-living-language/

ШРИ Яндекса

• Регистрация в ШРИ https://account.shri.yandex/
• Доклад про ШРИ на Я.Субботнике https://youtu.be/jPqNyF0hH3k?t=334

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

• 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/
208. Идея MapML, WebAssembly, Docker для фронтендера, красивый или быстрый код, жизнь в Швеции

16 december 2019 · 1 uur 25 min
Afspelen

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

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

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

Гости: Кир Белевич, Максим Иванов, Роман Прудников

Темы

00:00:00 Интро
00:02:34 События вообще и в Швеции
00:18:30 Идея стандарта MapML
00:28:48 И снова WebAssembly
00:39:42 Зачем фронтендеру Docker
00:49:18 Красивый код и быстрый код
01:02:26 Жизнь айтишника в Швеции

Кир, Максим, Роман

• Кир в Твиттере https://twitter.com/deepsweet
• Максим в Твиттере https://twitter.com/satansdeer
• Роман в Твиттере https://twitter.com/rayproud

События вообще и в Швеции

• Msk Vue.js Meetup #6 в Москве 19 декабря https://msk-vuejs.ru/events/ev6.html
• FikaJS https://www.meetup.com/FikaJS/

Идея стандарта MapML

• The Design of MapML https://www.w3.org/community/maps4html/2019/12/09/the-design-of-mapml/

И снова WebAssembly

• W3C brings a new language to the Web https://www.w3.org/2019/12/pressrelease-wasm-rec.html.en
• A Real-World Benchmark of WebAssembly vs. ES6 https://medium.com/p/d85a23f8e193

Зачем фронтендеру Docker

• Docker для фронтендера. Часть 1. Зачем? https://habr.com/ru/post/478932/

Красивый код и быстрый код

• The unseen perf costs of CSS-in-JS in React apps https://calendar.perfplanet.com/2019/the-unseen-performance-costs-of-css-in-js-in-react-apps/
• JavaScript component-level CPU costs https://calendar.perfplanet.com/2019/javascript-component-level-cpu-costs/

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

• 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/
207. 10 лет фронтенда, Firefox 71, WASM, YouTube, селект, экономия трафика в CSS, реклама, WSD всё

9 december 2019 · 1 uur 5 min
Afspelen

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

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

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

Гости: Никита Дубко, Саша Шинкевич

Темы

00:00:00 Интро
00:01:02 События
00:11:25 10 лет фронтенда на графике
00:13:59 Новинки Firefox 71
00:26:32 WASM 4-й язык веба
00:33:39 Лёгкая вставка YouTube
00:38:54 Доступный кастомный селект
00:43:11 Экономия трафика в CSS
00:49:26 Ненавязчивая реклама
00:53:16 WSD всё

События

• SEMrush IT meetup #2 в Питере 11 декабря https://semrush.timepad.ru/event/1133928/
• KazanJS #9 в Казани 12 декабря https://twitter.com/kazan_js/status/1202220866358140931
• BEMup в Казани 13 декабря https://events.yandex.ru/events/bem/13-dec-2019
• SPBfiller JS Meetup #2 в Питере 14 декабря https://spbfiller.timepad.ru/event/1131523/
• OdessaFrontend #14 в Одессе 18 декабря https://odessafrontend.com/
• Последний WSD в Минске 7 декабря https://wsd.events/2019/12/07/

10 лет фронтенда на графике

• Больше 10 лет фронтенда https://web-standards.github.io/10-years-of-frontend/
• Репозиторий на Гитхабе https://github.com/web-standards/10-years-of-frontend

Новинки Firefox 71

• Firefox 71: A year-end arrival https://hacks.mozilla.org/2019/12/firefox-71-a-year-end-arrival/
• Firefox 71 http://tanalin.com/blog/2019/12/firefox-71/

WASM 4-й язык веба

• WebAssembly becomes a W3C Recommendation https://www.w3.org/2019/12/pressrelease-wasm-rec.html.en
• Как мы внедряли WebAssembly в Яндекс.Картах и почему оставили JS https://habr.com/p/475382/

Лёгкая вставка YouTube

• Lite YouTube Embed https://github.com/paulirish/lite-youtube-embed

Доступный кастомный селект

• Making a Better Custom Select Element https://24ways.org/2019/making-a-better-custom-select-element/

Экономия трафика в CSS

• Proposal: prefers-reduced-data https://github.com/w3c/csswg-drafts/issues/2370

Ненавязчивая реклама

• Dealing with Ads in 2020 https://schepp.dev/posts/ad-integration-in-2020/

Читайте …
206. Браузер Flow, Lighthouse CI, сабгриды, лишний CSS, details, JS 2019, strict, JS кусается

4 december 2019 · 58 min
Afspelen

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

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

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:00:27 События
00:03:29 Новый браузер Flow
00:09:47 Lighthouse CI
00:14:25 Сабгриды
00:20:50 Лишний CSS
00:34:10 Элемент details
00:42:58 State of JS 2019
00:44:44 Use strict
00:51:36 JS кусается

События

• Moscowcss 16 https://moscowcss.timepad.ru/event/1105058/
• AngularPiter #3 https://www.meetup.com/ru-RU/AngularPiter/events/266491129/
• The Rolling Scopes #60 https://community-z.com/events/rs60-tashkent/
• MoscowJS 46 https://www.moscowjs.org/event/moscowjs-46
• Undefined Meetup https://community-z.com/events/undefined-meetup-2
• React Day Berlin https://reactday.berlin/
• Chernivtsi.min.js #5 https://www.facebook.com/events/719799635191372/
• dotJS в Париже 5 декабря https://www.dotjs.io/
• WSD в Минске 7 декабря https://wsd.events/
• PiterJS #43 в Питере 17 декабря https://medium.com/p/dbc1832f25d8
• Pitercss_class №13 в Питере 21 декабря https://forms.gle/YHaA2fRCkftp5RFV9

Новый браузер Flow

• Flow Browser https://www.ekioh.com/flow-browser/
• Brand new layout and rendering engines + SpiderMonkey for JS https://twitter.com/FlowBrowser/status/1200098712816631809

Lighthouse CI

• Lighthouse CI https://github.com/GoogleChrome/lighthouse-ci

Сабгриды

• Use CSS Subgrid to layout full-width content stripes https://bryanlrobinson.com/blog/use-css-subgrid-laying-out-full-width-article-stripes/

Лишний CSS

• Как вы избавляетесь от неиспользуемого CSS-кода? Часть 1 https://habr.com/ru/company/ruvds/blog/477274/
• Как вы избавляетесь от неиспользуемого CSS-кода? Часть 2 https://habr.com/ru/company/ruvds/blog/477276/

Элемент details

• Знакомьтесь, details https://habr.com/p/477520/

State of JS 2019

• The State of JS 2019 https://stateofjs.com/

Use strict

• Зачем в JavaScript нужен строгий режим? https://habr.com/p/47728…
205. Safari TP, сервис-воркеры, Node.js ESM, Async и Promise, Optional Chaining, кастомные свойства

25 november 2019 · 49 min
Afspelen

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

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

Ведущие: Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:00:24 События
00:05:51 Исправление в Safari TP
00:11:37 Будущее сервис-воркеров
00:29:22 Node.js с ES-модулями
00:32:02 Async === Promise
00:33:44 Optional Chaining
00:41:05 Кастомные CSS-свойства

События

• GDG DevFest Gorky в Нижнем Новгороде 15–16 ноября https://devfest.gdgnn.ru/
• Alfa JS MeetUP #3 в Москве 26 ноября https://hr.alfabank.ru/events/alfa-js-meetup-3
• Pitercss_meetup №35 в Питере 27 ноября https://medium.com/p/f3231b71b6df
• Ember.js NN Meetup #2 в Нижнем Новгороде 29 ноября https://emberjs-nn.timepad.ru/event/1122007/
• AngularPiter #3 в Питере 4 декабря https://www.meetup.com/ru-RU/AngularPiter/events/266491129/
• Undefined Meetup в Питере 5 декабря https://community-z.com/events/undefined-meetup-2
• WSD в Минске 7 декабря https://wsd.events/2019/12/07/
• Видео с CSS-Minsk-JS в Минске https://www.youtube.com/playlist?list=PLCXjZnLQLRSi2YW4LZ5UfBqrMtbPjwQe9

Исправление в Safari TP

• Release Notes for Safari Technology Preview 96 https://webkit.org/blog/9658/release-notes-for-safari-technology-preview-96/
• Firefox Promise.any https://bugzilla.mozilla.org/show_bug.cgi?id=1568903
• Intent to Ship https://twitter.com/intenttoship

Будущее сервис-воркеров

• Service workers at TPAC https://jakearchibald.com/2019/service-workers-tpac/

Node.js с ES-модулями

• Announcing core Node.js support for ECMAScript modules https://medium.com/@nodejs/announcing-core-node-js-support-for-ecmascript-modules-c5d6dc29b663

Async === Promise

• Разница между async функцией и возвращающей промис https://habr.com/p/475260/

Optional Chaining

• Производительность optional chaining в JS https://medium.com/p/bf2a8aa99797

Кастомные CSS-свойства

• CSS Variables With Inline Styles https://ishadeed.com/article/css-variables-inline-styles/
• CSS Custo…
204. Chrome Dev Summit, GitHub Universe, снимок веба 2019, GSAP 3, Visual Studio

18 november 2019 · 1 uur 17 min
Afspelen

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

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

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

Гости: Олег Соломка

Темы

00:00:00 Интро
00:01:47 События
00:05:24 Chrome Dev Summit
00:18:43 GitHub Universe
00:30:35 Снимок веба 2019
00:44:35 Большой релиз GSAP 3
00:48:52 Семейство Visual Studio

Олег Соломка

• Twitter https://twitter.com/legomushroom
• GitHub https://github.com/legomushroom

События

• SPB Frontend в Питере 19 ноября https://spb-frontend-events.timepad.ru/event/1112164
• Pitercss_class в Питере 23 ноября https://vk.com/@pitercss_class-12
• Pitercss_meetup в Питере 27 ноября https://medium.com/pitercss-meetup/pitercss-meetup-35-f3231b71b6df
• UI meetup #2 в Саратове 27 ноября https://volgajs.timepad.ru/event/1103147
• CDS19 Extended в Москве 27 ноября https://corp.mail.ru/ru/press/events/670/

Chrome Dev Summit

• Все видео с Chrome Dev Summit https://www.youtube.com/playlist?list=PLNYkxOF6rcIDA1uGhqy45bqlul0VcvKMr
• CDS perf announcements you have to know https://calibreapp.com/blog/performance-at-chrome-dev-summit
• React Adaptive Loading Hooks & Utilities https://github.com/GoogleChromeLabs/react-adaptive-hooks
• Intent to Explain: Demystifying the Blink Shipping Process https://blog.chromium.org/2019/11/intent-to-explain-demystifying-blink.html

GitHub Universe

• GitHub for mobile, GitHub Archive Program, etc. https://github.blog/2019-11-13-universe-day-one/

Снимок веба 2019

• Web Almanac 2019 https://almanac.httparchive.org/en/2019/
• WA: JavaScript https://almanac.httparchive.org/en/2019/javascript
• WA: CSS https://almanac.httparchive.org/en/2019/css
• WA: Markup https://almanac.httparchive.org/en/2019/markup
• JS Foundation https://js.foundation/

Большой релиз GSAP 3

• The New Features of GSAP 3 https://tympanus.net/codrops/2019/11/14/the-new-features-of-gsap-3/

Семейство Visual Studio

• Announcing Visual Studio Online Public Preview https://devblogs…
203. Готовность к Edge, WebKit 2020, доступность и закон, WeakMap и GC

11 november 2019 · 51 min
Afspelen

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

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

Ведущие: Ольга Алексашенко, Вадим Макеев, Мария Просвирнина

Темы

00:00:00 Интро
00:05:12 События
00:08:24 Готовность к Edge
00:16:12 WebKit 2020
00:21:58 Доступность и закон
00:29:22 Проверка доступности
00:42:35 WeakMap и GC

Интро

• Smashing Podcast https://www.smashingmagazine.com/2019/11/smashing-podcast-episode-1/
• Новый сайт «Веб-стандартов» https://github.com/web-standards/nouvelle/

События

• MacPaw Tech Talks в Киеве 14 ноября https://www.eventbrite.com/e/macpaw-tech-talk-4-tickets-79328711311
• Moscow Node.js Meetup в Москве 20 ноября https://axept.timepad.ru/event/1110942/
• Msk Vue.js Meetup #5 в Москве 21 ноября https://msk-vuejs.ru/events/ev5.html
• Ok.tech Frontend Meetup #2 в Питере 26 ноября https://oktech.timepad.ru/event/1110260/
• AngularMoscow #16 в Москве 28 ноября https://meetup.tinkoff.ru/events/angular-meetup-16
• Kolesa Frontend Meetup в Алма-Ате 28 ноября https://docs.google.com/forms/d/e/1FAIpQLSeApOUY3LNInWJ8qyxindftL12T-CJ_E0auHou4ngNN3xuZxg/viewform
• MoscowJS 46 в Москве 5 декабря https://www.moscowjs.org/event/moscowjs-46
• Chernivtsi.min.js #5 в Черновцах 7 декабря https://www.facebook.com/events/719799635191372/
• WSD в Минске 7 декабря https://wsd.events/2019/12/07/

Готовность к Edge

• Getting your sites ready for the new Microsoft Edge https://blogs.windows.com/msedgedev/2019/11/04/edge-chromium-release-candidate-get-ready/

WebKit 2020

• WebKit Goals for 2020 https://trac.webkit.org/wiki/WebKitGoalsfor2020

Доступность и закон

• Доступность и закон https://medium.com/p/a81dd9dd5fc8

Проверка доступности

• Помимо автоматизированного тестирования доступности https://medium.com/p/51b8a2910dd2
• W3C Validator https://validator.w3.org/
• HTMLMinifier https://github.com/kangax/html-minifier
• WCAG 2.0 по-русски https://www.w3.org/Translations/WCAG20-ru/

WeakMap и GC

…
202. Node.js и модули, формы в Edge, ленивая загрузка, delegatesFocus и веб-компоненты

4 november 2019 · 1 uur 27 min
Afspelen

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

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

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

Гости: Сергей Куликов

Темы

00:00:00 Интро
00:01:48 События
00:09:29 Релиз Node.js и модули
00:18:04 Новые формы в Edge
00:29:24 Ленивая загрузка в Chrome
00:34:43 Safari и delegatesFocus
00:40:02 Состояние веб-компонентов
01:12:45 Будущее веб-компонентов

События

• Sber X + RamblerFront& Meet Up в Москве 5 ноября https://rambler-co-e-org.timepad.ru/event/1094510/
• DUMP в Казани 8 ноября https://dump-kazan.ru/
• HolyJS в Москве 8–9 ноября https://holyjs-moscow.ru/
• PiterJS #42 в Питере 14 ноября https://medium.com/p/d760cebdb79c
• GDG DevFest Gorky в Нижнем Новгороде 15–16 ноября https://devfest.gdgnn.ru/
• RND.JS #9 в Ростове-на-Дону 16 ноября https://rndjs.timepad.ru/event/1101076/
• AstanaJS #4 в Нур-Султане 16 ноября https://astanajs.kz
• EPAM ITnight: Java + Frontend в Тольятти 16 ноября https://events.epam.com/events/itnight-togliatti
• Frontend Panda Meetup #31 в Москве 20 ноября https://panda-meetup.ru/msk-frontend-meetup-5
• Krasnodar Frontend miniConf в Краснодаре 23 ноября https://krd.dev/events/16
• DevFest Siberia в Новосибирске 29 ноября—1 декабря https://gdg-siberia.com/
• Moscowcss 16 в Москве 3 декабря https://moscowcss.timepad.ru/event/1105058/
• Rolling Scopes #60 в Ташкенте 5 декабря https://community-z.com/events/rs60-tashkent/
• WSD в Минске 7 декабря https://wsd.events/2019/12/07/
• KharkivCSS #5 в Харькове 28 марта http://kharkivcss.org/
• FrontendConf в Москве 19–20 марта https://frontendconf.ru/moscow/2020
• FrontendConf на РИТе в Москве 25–26 мая https://ritfest.ru/2020
• FrontendConf в Питере 5 августа https://frontendconf.ru/spb/2020
• FrontendConf в Новосибирске 11 декабря https://frontendconf.ru/

Релиз Node.js и модули

• Node.js Code+Learn в Москве 6 ноября https://medium.com/p/fd997241c77
• Node.js 12 to LTS and Node.js 13 is here! https://medium.com…
201. Web standards work, CSS multi-column, printing, display values, contributing

1 november 2019 · 42 min
Afspelen

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

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

Ведущие: Vadim Makeev

Гости: Rachel Andrew

Темы

00:00:00 Интро
00:05:52 Web standards work
00:15:41 CSS multi-column
00:21:50 CSS for printing
00:27:41 New display values
00:36:34 Contributing

Rachel Andrew

• Rachel on Twitter https://twitter.com/rachelandrew
• Blog https://rachelandrew.co.uk/
• Perch https://grabaperch.com/
• Notist https://noti.st/
• When and how to use CSS multi-column layout https://www.smashingmagazine.com/2019/01/css-multiple-column-layout-multicol/
• Mistakes in the design of CSS https://wiki.csswg.org/ideas/mistakes
• W3C current members https://www.w3.org/Consortium/Member/List

Digging into the display property

• The Two Values Of Display https://www.smashingmagazine.com/2019/04/display-two-value/
• Grids All The Way Down https://www.smashingmagazine.com/2019/05/display-grid-subgrid/
• Box Generation https://www.smashingmagazine.com/2019/05/display-box-generation/

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

• Telegram https://t.me/webstandards_ru
• X https://x.com/webstandards_ru
• VK https://vk.com/webstandards_ru
• Facebook https://www.facebook.com/webstandardsru/
• Mastodon https://mastodon.social/@webstandards_ru
• Bluesky https://bsky.app/profile/web-standards.ru
• LinkedIn https://www.linkedin.com/company/web-standards-ru/

Alle afleveringen

250. Edge в VS Code, инспектор гридов, gap и флексы, математика в CSS, Hacktoberfest, опенсорс

249. Чат в Телеграме, Firefox 81, Vue 3, GitHub CLI, отладка CSS, новая Nova, редактор для веба

248. Safari 14, миссия PostCSS 8, Moment.js всё, React и веб-компоненты, история двух колор-пикеров

247. Edge, браузеры, AVIF, генераторы статики, математика для фронтендера, Хабр, чтение, переводы

246. Chrome 86, фокус, ::marker, отладка шрифтов, скринридеры, модалки, флексы и селект

245. Firefox 80 и Chrome 85, никто не новый IE, зачем Yarn 2, новый AVIF и WebP v2

244. Новая типографика, опыт Яндекса и Фейсбука в доступности, отладка a11y и новые интерфейсы

243. PhoneGap всё, проблема фокуса, цвета и темы, зачем в CSS км, кризис Mozilla и бесплатный веб

242. Инспектор гридов, настройка форм, content-visibility, вариативные шрифты, бесконечные списки

241. Сайд-подкасты, онлайн-события, новости браузеров, main вместо master, поиски эмпатии

240. MoscowJS, бета Chrome 85, TypeScript в Svelte, типизация и сбросы в CSS, что такое Numl

239. Chrome 84, нативный параллакс, архив GitHub, Open Prioritization, Lighthouse, Tailwind CSS

238. События в Яндексе, Safari, планы браузеров, новый CSS Zen Garden, Houdini vs CSS, Yandex UI Kit

237. Firefox 78, новинки V8 8.4, интересное с Web.Dev Live, сравнение WebP и JPEG, небезопасные API

236. Онлайн-доклады, новинки DevTools, новости Safari 14, Date и Temporal, TypeScript 4 и зачем TS

235. Евангелист Safari, Bootstrap 5, content-visibility, гриды, чекбоксы, forms, API для PWA

234. Путь фронтендера на MDN, QuicTransport, кастомные свойства, Houdini, GC, записи и кортежи в ES

233. Firefox 77, цвета, TCP, CUBE-БЭМ, Linux, CRA и сахар для новичков, где брать опыт, менторство

232. Edge DevTools, Web Vitals и AMP, 10 лет RWD, веб-платформа, JS-экосистема, вертикальный ритм

231. MS Build, Chrome 83, Lighthouse 6, быстрый Google Fonts, перфоманс Notion, Angular по-русски

230. Aspect ratio, реклама, appearance none, top-level await, Deno, хранилище, цена стилей

229. Новости Chrome, Firefox и V8, Web Vitals, GitHub Codespaces, minmax, наша ответственность

228. DevTools, сайт Веб-стандартов, выделение текста, px vs rem, Atomic CSS-in-JS, рефакторинг

227. Сайт Веб-стандартов, cssunderhood, Chrome, цвета, кастомные свойства, Brotli, цена фреймворков

226. Браузеры, Chakra Core, Shower 3.0, jQuery, Гитхаб, ES-импорты, TC39, Телеграм против веба

225. The F-Word, новинки браузеров, AVIF, WebStorm 2020.1, PostCSS 8.0, CSS-нудизм и тёмные темы

224. Safari и Chrome, ES2020, дизайнеры и код, палитры, анимации, устаревший Git Flow и видеоплееры

223. Safari, третьи куки и ваши хранилища, Prettier, быстрые картинки, старые трюки, auto в CSS

222. GitHub и npm, iPad с курсором, URL, липкие таблицы, User-Agent, вёрстка писем, закрывайте теги!

221. Отмена событий, Firefox и KaiOS, ненужный CSS, вьюпорт, размеры картинок, цвета, Vue.js

220. Цветовая гамма, развитие CSS, сборка в Rome, фильм про Vue, i18n, Google Fonts, геймдев, митапы

219. Отладка перфоманса, --save-dev, CSS4 и другие мечты, что такое софт-скилы и зачем их качать

218. Опять гриды, градиенты всё лучше, блокирующий CSS, веб-компоненты, всё про кнопки и disabled

217. Firefox 73, Angular 9, Container Queries, Web We Want, CSS4, JS поедает HTML, DOM Reflow

216. Ручной SVG, Puppeteer 2.1 с Firefox, снова Yarn 2, что такое TeamCity, компоненты в Storybook

215. Перфоманс сначала или потом, воркеры, офлайн, без JS, чистый CSS и грязный результат

214. Подкасты, Safari, браузер Flow, эра IE, CSSWG, Yarn или npm, Playwright, JetBrains Mono

213. Edge, User-Agent, чужие куки, Babel 7.8.0, Google Fonts, зачем всё-таки HTTP/2

212. Firefox 72, Shadow Parts, новые формы, сервис-воркеры, Masonry, ментальная модель JS

211. Софт-скилы, футбол и жизнь без фронтенда, веб-компоненты, React, гриды, перфоманс, дайвёрсити

210. Console.log или debug, вариативные шрифты, принципы a11y, НГ акции, одноразовый код

209. Отсутствие событий, что не так с HTML и что можно с этим сделать, ШРИ Яндекса

208. Идея MapML, WebAssembly, Docker для фронтендера, красивый или быстрый код, жизнь в Швеции

207. 10 лет фронтенда, Firefox 71, WASM, YouTube, селект, экономия трафика в CSS, реклама, WSD всё

206. Браузер Flow, Lighthouse CI, сабгриды, лишний CSS, details, JS 2019, strict, JS кусается

205. Safari TP, сервис-воркеры, Node.js ESM, Async и Promise, Optional Chaining, кастомные свойства

204. Chrome Dev Summit, GitHub Universe, снимок веба 2019, GSAP 3, Visual Studio

203. Готовность к Edge, WebKit 2020, доступность и закон, WeakMap и GC

202. Node.js и модули, формы в Edge, ленивая загрузка, delegatesFocus и веб-компоненты

201. Web standards work, CSS multi-column, printing, display values, contributing