For Web — фронтенд, дизайн, программирование

Миграция платформы Australian Broadcasting Corporation с Flow на TypeScript: мотивация, стратегия и выводы → https://developers.digital.abc.net.au/2021/09/30/migrating-the-platform-that-powers-abc-sites-to-typescript/

Введение в экспериментальный Sanitizer API, призванный заменить тяжеловесные библиотеки вроде DOMPurify для предотвращения XSS при вставке произвольных строк на страницу → https://web.dev/sanitizer

Делаем переключатель «показать пароль»: инженеры портала госуслуг Великобритании поделились опытом реализации безопасного и доступного переключателя для отображения и скрытия пароля в форме входа → https://technology.blog.gov.uk/2021/04/19/simple-things-are-complicated-making-a-show-password-option/

Записи лекций Школы разработки интерфейсов 2021: архитектура, безопасность, мультимедиа, локализация, сборка, типизация, тестирование, оптимизация и множество других аспектов разработки интерфейсов → https://www.youtube.com/playlist?list=PLKaafC45L_SSUUku_N10BBkVWXkKzqZFI

Как браузерные расширения влияют на быстродействие: подробное исследование влияния 1 000 наиболее популярных расширений Chrome на время отрисовки страниц, потребление памяти и нагрузку на CPU → https://www.debugbear.com/blog/chrome-extension-performance-2021

Игры для дизайнеров: Михаил Озорнин собрал разные дизайнерские игры для тренировки насмотренности и практических навыков вроде кернинга и рисования кривыми Безье → https://mikeozornin.ru/blog/all/games-for-designers/

Неполный список навыков помимо программирования, необходимых старшим разработчикам → https://www.elidedbranches.com/2021/06/an-incomplete-list-of-skills-senior.html

Как я избавился от лагов прокрутки таблицы в Google Search Console: Йохан Исакссон делится историей обнаружения проблемы и её исправления одной строчкой CSS → https://medium.com/@johan.isaksson/how-i-made-googles-data-grid-scroll-10x-faster-with-one-line-of-css-78cb1e8d9cb1

Как мы строим веб-платформу в Авиасейлс: Игорь Камышев рассказывает, зачем и как создавалась и развивается новая платформа для фронтенда всех проектов Авиасейлс → https://blog.kamyshev.me/salo-selene/

Фингерпринтинг без JavaScript: команда FingerprintJS объясняет, почему выключение JavaScript не защищает вас от фингерпринтинга → https://fingerprintjs.com/blog/disabling-javascript-wont-stop-fingerprinting/

Демонстрация → https://noscriptfingerprint.com

Мертвы ли вендорные префиксы? Роб О'Лири разбирается, много ли в 2021 году осталось свойств, требующих вендорных префиксов, и не пора ли уже отказываться от префиксов → https://css-tricks.com/is-vendor-prefixing-dead/

ASCIIFlow, визуальный редактор ASCII-диаграмм → https://asciiflow.com

tachometer, библиотека для бенчмаркинга в браузерах от команды Polymer, использующая статистические методы для получения точных результатов → https://github.com/Polymer/tachometer

Пара сервисов для удаления фона и ненужных предметов на изображениях:

https://cleanup.pictures
https://www.remove.bg

Глубокое погружение в бандлинг через Webpack: подробный обзор процесса сборки через Webpack и его основных концепций и понятий → https://indepth.dev/posts/1482/an-in-depth-perspective-on-webpacks-bundling-process

Эффективный компонент для изображений: как компонент изображения в Next.js решает большинство проблем UX и перформанса → https://web.dev/image-component/

Как победить CORS: Джейк Арчибальд подробно объясняет, как и почему работает CORS, и делится интерактивной песочницей, в которой можно на практике разобраться в нюансах → https://jakearchibald.com/2021/cors/

Веб-версия Photoshop: как инженеры Adobe портировали сложнейший графический редактор на веб-технологии → https://web.dev/ps-on-the-web/

Responsible JavaScript, новая книга Джереми Вагнера от издательства A Book Apart о том, как не злоупотреблять клиентским JS и разрабатывать более надёжные сайты → https://abookapart.com/products/responsible-javascript

Visual Studio Code теперь можно использовать прямо в браузере, не устанавливая приложение → https://vscode.dev

Анонс и рассказ о реализации от команды редактора → https://code.visualstudio.com/blogs/2021/10/20/vscode-dev