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

Вычисляем на типах в TypeScript: Аксель Раушмайер о продвинутых техниках для вычисления производных типов из уже существующих → https://2ality.com/2020/06/computing-with-types.html

Скачать или показать: подсказываем браузеру, что делать с открытым по ссылке файлом → https://forweb.dev/ru/blog/content-disposition

Tooling.Report, подробное непредвзятое сравнение инструментов сборки фронтенда по множеству аспектов вроде поддержки кодсплитинга и трансформаций файлов → https://bundlers.tooling.report

Используем консоль браузера по-максимуму: обзор доступных методов помимо всем известного console.log → https://blog.scottlogic.com/2020/07/03/There's-console.more-where-that-came-from!-Make-greater-use-of-console-in-JS.html

How to Target Email Clients, список хаков для задания стилей и разметки для конкретных email-клиентов → https://howtotarget.email

Тёмные века веба: музей фронтенда и веб-дизайна прошлого → https://pavellaptev.github.io/web-dark-ages/

Практическое парное программирование: свежая брошюра от издательства A Book Apart → https://abookapart.com/products/practical-pair-programming

Инструменты для отладки проблем SEO в поисковой выдаче Google: обзор от инженеров Google → https://web.dev/google-search-tools

emoji-picker-element: виджет для выбора эмодзи, который экономит RAM. Нолан Лоусон рассказывает, как и зачем он написал свой аналог существующих эмодзи-пикеров → https://nolanlawson.com/2020/06/28/introducing-emoji-picker-element-a-memory-efficient-emoji-picker-for-the-web/

Как работает атака CSRF и как её предовтратить: интерактивная демонстрация уязвимости от Виктора Жу → https://victorzhou.com/blog/csrf/

CSS Scroll Shadows, генератор теней для индикации доступной прокрутки → https://css-scroll-shadows.now.sh

Опенсорсный сервис для удобной ASCII-визуализации дерева файлов и директорий → https://tree.nathanfriend.io

Как реализовать бесшовные переходы между страницами, если у вас не SPA: обзор архитектурного паттерна, применённого на портале dev.to → https://web.dev/app-shell-ux-with-service-workers/

Deep JavaScript, новая книга Акселя Раушмайера с детальным обзором важных возможностей JavaScript: от приведения типов до промисов → https://exploringjs.com/deep-js/

Что лучше: тёмная или светлая тема? Подробное исследование Nielsen Norman Group → https://www.nngroup.com/articles/dark-mode/

Пишем игрушечный движок регулярных выражений в функциональном стиле: пошаговое руководство, задания для самостоятельного выполнения и обзор альтернативных подходов → http://dpk.io/dregs/toydregs

Иллюстрированное объяснение жизненного цикла сервис-воркеров → https://felixgerschau.com/service-worker-lifecycle-update/

Создатели Basecamp запустили новый почтовый сервис hey.com и показали альтернативный подход к разработке веб-приложений: их JS-бандл весит ~48 КБ в gzip → https://twitter.com/sstephenson/status/1272608117604397063

Для сравнения, распространённый стек react + react-dom + redux + react-redux + react-router-dom в gzip весит ~56 КБ, и это только зависимости без кода самого приложения.

Курс по фронтенд-разработке с нуля от MDN: от HTML/CSS/JS до тестирования, фреймворков и основ бэкенда → https://developer.mozilla.org/en-US/docs/Learn/Front-end_web_developer

Индикаторы, валидация и уведомления: что и в каких случаях использовать для донесения обратной связи до пользователя → https://www.nngroup.com/articles/indicators-validations-notifications/