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

Выбираемся из тупика: как быть, если застрял на задаче и не знаешь, как её решить? Советы Эмерсона Лусто → https://cloudfour.com/thinks/getting-unstuck/

Интересные приёмы вёрстки в новой версии Facebook: обзор Ахмада Шадида → https://ishadeed.com/article/new-facebook-css/

Как Svelte работает под капотом? Пошаговый обзор механизма компиляции и реализации реактивности → https://lihautan.com/the-svelte-compiler-handbook/

Быстрые сайты для фичефонов за 20$: Эдди Османи с подробным руководством по разработке сайтов для обычных кнопочных телефонов, популярных в развивающихся странах → https://dev.to/addyosmani/loading-web-pages-fast-on-a-20-feature-phone-8h6

ES2020: финальный набор изменений. Аксель Раушмайер делится полным списком нововведений свежей редакции спецификации → https://2ality.com/2019/12/ecmascript-2020.html

API Style Guide: Лёша Руцкой из Wrike рассказал, как внедрение стайлгайда может облегчить работу и помочь поддерживать консистентность API → https://habr.com/p/495364

Работа с DOM на чистом JavaScript: сборник решений распространённых задач, от добавления класса к элементу до реализации drag-and-drop и ресайза элементов → https://htmldom.dev

Вызовы разработки интерфейсов: почему фронтенд не проще бэкенда и какие проблемы приходится решать разработчикам интерфейсов → https://medium.com/p/65d360466e3f

DNS-запросы по умолчанию не шифруются, а значит, злоумышленники могут узнать и даже подменить сайты, которые вы посещаете.

Инженеры Cloudflare рассказали, как устроены механизмы шифрования DNS over TLS и DNS over HTTPS, решающие проблемы приватности и безопасности → https://blog.cloudflare.com/dns-encryption-explained/

Руководство по созданию интерактивной визуализации данных на карте на примере статистики распространения COVID-19 → https://www.freecodecamp.org/news/how-to-create-a-coronavirus-covid-19-dashboard-map-app-in-react-with-gatsby-and-leaflet/

Чеклисты для проектирования интерфейсов: 152 страницы рекомендаций и примеров реализации распространённых интерфейсов, от навигации и фильтров до таймлайнов и планов рассадки → https://www.smashingmagazine.com/2020/03/smart-interface-design-patterns-checklists/

Влияние быстродействия на конверсию в E-commerce: инженер ALDO Group подробно описал процесс и результаты своего исследования → https://simplified.dev/performance/impact-of-web-performance

Dependency cruiser, инструмент для визуализации и линтинга графа зависимостей проекта → https://github.com/sverweij/dependency-cruiser

Как упростить себе жизнь, если Git для вас кажется магией: Шейн Хадсон с практическими советами по ежедневному использованию Git и материалами для его изучения → https://www.smashingmagazine.com/make-life-easier-when-using-git/

Stanford CS 253: исчерпывающий курс по безопасности в вебе от одного из лучших университетов мира. Записи лекций, слайды, дополнительные материалы и практические задания → https://web.stanford.edu/class/cs253/

Искусство каркасных заглушек: Кумар МакМиллан о нюансах применения скелетонов в UI на примере каталога расширений Firefox → http://farmdev.com/thoughts/108/the-art-of-ui-skeletons/

Что такое бэкдор? Знакомство с этим видом уязвимостей на примере разработки собственного бэкдора для приложения на Node.js и советы по защите → https://snyk.io/blog/what-is-a-backdoor/

Всё об auto в CSS: Ахмад Шадид с подробным обзором того, как ключевое свойство auto работает с разными CSS-свойствами → https://ishadeed.com/article/auto-css/

Введение в Media Session API, позволяющий управлять медиауведомлениями и обрабатывать медиасобытия на множестве устройств → https://web.dev/media-session/

Как дизайнерам учиться программированию?

Часть 1: терминал и текстовые редакторы → https://www.smashingmagazine.com/2020/03/designers-code-terminal-text-editors-part-1/

Часть 2: Git, HTML/CSS и инженерные принципы → https://www.smashingmagazine.com/2020/03/designers-code-git-hmtl-css-engineering-principles/