Frontend Security: о чем вы хотели бы забыть, но не сможете. Татьяна Новикова рассказывает о некоторых видах атак, с которыми может столкнуться каждый фронтенд-разработчик.

https://habr.com/p/570040/

Прямая трансляция первого дня PWA Summit начнётся в 18:00 (GMT+3). В программе 11 докладов про прогрессивные веб-приложения и круглый стол в конце. Организаторы Google, Microsoft, Samsung Internet и Intel.

Программа https://pwasummit.org/
Трансляция https://youtu.be/qbh_u2hvIjg

Руководство по отладке CSS. Стефани Эклз делится техниками, позволяющими эффективнее находить баги в стилях и предотвращать их.

https://www.smashingmagazine.com/2021/10/guide-debugging-css/

Логический порядок фокуса. Рэйчел Леггетт объясняет, чем порядок фокуса отличается от порядка элементов в коде и почему он важен.

https://devyarns.com/logical-focus-order/

Как написать кастомное правило для ESLint. Бенедикт Куинн пошагово реализует новое правило для своего проекта.

https://blog.scottlogic.com/2021/09/06/how-to-write-an-es-lint-rule-for-beginners.html

Выпуск №303: Андрей Мелихов, Андрей Прокопюк, Никита Дубко про Firefox 93, автоматическую тёмную тему, баги браузеров, бету TypeScript 4.5, реальный перфоманс и новый сайт в 2021.

Слушайте на Ютубе https://youtu.be/yiH1dVFMF7w
Ссылки на сайте https://web-standards.ru/podcast/303/

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

Прямая трансляция докладов из 1 зала «jQuery» с конференции FrontendConf в Москве.

Расписание https://frontendconf.ru/moscow/2021/schedule
Трансляция https://youtu.be/d40GzIWF4zE

Прямая трансляция докладов из 1 зала «jQuery» со второго дня конференции FrontendConf в Москве.

Расписание https://frontendconf.ru/moscow/2021/schedule
Трансляция https://youtu.be/e_m-6MIWJGg

Стартовал опрос State of CSS об актуальных тенденциях и будущих трендах стилей для веба: от раскладок и доступности до CSS-in-JS и инструментов. Опрос переведён на множество языков, включая русский.

https://stateofcss.com/

Запустилась Дока — опенсорсная документация по веб-платформе на русском языке. В проекте четыре раздела: HTML, CSS, JavaScript и инструменты. В создании документации может принять любой желающий.

Сайт https://doka.guide/
Репозиторий https://github.com/doka-guide/content

Новинки Firefox 93: блоки статической инициализации в JavaScript, глобальная функция reportError(), поддержка AVIF, пользовательский интерфейс для заполнения инпутов типа datetime-local и другие.

Рут Джон https://hacks.mozilla.org/2021/10/lots-to-see-in-firefox-93/
Марат Таналин https://tanalin.com/blog/2021/10/firefox-93/

Аппаратные API в вебе: баланс между пользой, безопасностью и приватностью. Нильс Линхер размышляет о пользе, которую может принести доступ к блютусу, NFC, USB, MIDI и другим API, а также почему приложениям можно, а вебу нельзя.

https://nielsleenheer.com/articles/2021/hardware-and-the-web-the-balance-between-usefulness-security-and-privacy/

Безопасные манипуляции с DOM. Джек Джей рассказывает про Sanitizer API, который позволит нативно и безопасно от уязвимостей вроде XSS вставлять строки в HTML-разметку.

https://web.dev/sanitizer/

Как победить CORS. Джейк Арчибальд рассказал всё, что знает по вопросу и сделал песочницу, в которой можно проверить и попробовать понять работу кроссдоменных запросов.

https://jakearchibald.com/2021/cors/

Конкурент Next.js, фреймворк Remix от создателей React Router получил финансирование на $3M и будет открыт под лицензией MIT. Отличительной особенностью фреймворка является фокус на эффективном и удобном получении данных во время работы приложения.

https://remix.run/blog/seed-funding-for-remix

Условный border-radius. Стефан Джадис вспоминает трюк Facebook, который нашёл Ахмад Шадид, и воспроизводит его на самом современном CSS, которого пока даже нет в браузерах.

https://www.stefanjudis.com/blog/conditional-border-radius-and-three-future-css-features/

Huetone — инструмент для создания доступных контрастных палитр цветов по алгоритмам WCAG или более современной версии APCA. Можно выбрать один из популярных пресетов (Material, Stripe, IBM, Tailwind) и экспортировать результат в Figma.

https://huetone.ardov.me/

Вышел Parcel v2. В релизе: новая система плагинов, три-шейкинг и код-сплитинг, ускорение сборки, обработка картинок и XML-фидов, улучшенное кэширование, нативная поддержка SVG и многое другое.

https://parceljs.org/blog/v2/

Экосистема разработки в 2021 году. Результаты исследования JetBrains среди больше 30 000 разработчиков со всего мира. Самый популярный язык — JavaScript и другие откровения.

Общие результаты https://www.jetbrains.com/ru-ru/lp/devecosystem-2021/
Выборка по JS https://www.jetbrains.com/ru-ru/lp/devecosystem-2021/javascript/

Доклады с PWA Summit в отдельном плейлисте: состояние PWA, безопасная оффлайн-аутентификация, доступность, публикация в магазинах приложений, пользовательский опыт и другие.

https://youtube.com/playlist?list=PLdwe-qCygjtEpL6LP3oyWxdJfPqKkHV2y