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

Почему не стоит использовать Google Analytics: проблемы с быстродействием, приватностью, законами и UX → https://plausible.io/blog/remove-google-analytics

Всё, что нужно знать о дизайне кнопок: от возможных состояний и содержимого до группировки и контекстов использования → https://uxdesign.cc/85243b6736c7

Ускоряем отрисовку сложных графиков с помощью OffscreenCanvas: практический пример и обзор преимуществ и проблем такого решения → https://blog.scottlogic.com/2020/03/19/offscreen-canvas.html

Как в Stack Overflow реализовали тёмную тему и попутно улучшили доступность и кодовую базу → https://stackoverflow.blog/2020/03/31/building-dark-mode-on-stack-overflow

Создаём анимированный след из частиц на anime.js: руководство Анны Пренцель → https://www.smashingmagazine.com/2020/04/particle-trail-animation-javascript

Введение в экспериментальный API performance.measureMemory(), позволяющий отслеживать потребление оперативной памяти вашей веб-страницей → https://web.dev/monitor-total-page-memory-usage/

Поочерёдная анимация на CSS: Пол Геберт показывает, как более естественно анимировать списки, смещая их элементы поочерёдно с небольшой задержкой, а не сразу все вместе → https://cloudfour.com/thinks/staggered-animations-with-css-custom-properties

[Реклама]
Руководство по разработке интерактивной SVG-диаграммы от ребят из HTML Academy: практическое применение SVG, CSS и JavaScript для визуализации данных → https://tml.io/1vbp2

Как сделать полезный компании сайд-проект в рабочее время: опыт и советы инженера Algolia Николаса Торреса → https://blog.algolia.com/unlock-time-side-projects-working-hours/

Brotli vs Gzip: как инженеры OYO сократили время загрузки сайта на 37%, перейдя на более эффективный алгоритм сжатия для CSS и JavaScript-файлов → https://medium.com/p/14d41e50fee4

С днём космонавтики! Андрей Ситник рассказывает, чему разработчиков могут научить инциденты из истории советской космонавтики → https://evilmartians.com/chronicles/what-i-learned-as-a-developer-from-accidents-in-space

Шесть рекомендаций от инженеров Klarna по мотивам оптимизации быстродействия сервиса на Node.js → https://engineering.klarna.com/f163cac20473

CORS, CORB, CORP, COEP: Джейк Арчибальд и Александр Сурма о новых механизмах контроля доступа к межсайтовым ресурсам → https://youtu.be/vfAHa5GBLio

CSS-гриды — мощный, но сложный механизм раскладки. Чтобы вы не утонули в спецификации, Анна Пренцель рассказала о четырёх основных CSS-свойствах гридов, которые закрывают большинство потребностей в вёрстке → https://css-tricks.com/4-css-grid-properties-and-one-value-for-most-of-your-layout-needs/

Введение в WebSocketStream API, объединяющий вебсокет и стримы для адаптивной обработки данных в высоконагруженных приложениях → https://web.dev/websocketstream

Прокачайте навыки CSS-анимации: видеокурс по применению CSS-анимаций в повседневных задачах. 5 секций с небольшими уроками, суммарно почти 4 часа видео → https://www.youtube.com/playlist?list=PLHKH6Uj0Seea4gnA8A80PvW9XAQkT37bD

Почему инженеры Cloudflare отказались от reCAPTCHA (Google) в пользу hCaptcha: приватность, доступность и быстродействие → https://blog.cloudflare.com/moving-from-recaptcha-to-hcaptcha/

Gitlet, реализация git на JavaScript с подробными аннотациями для погружения в механизм его работы → http://gitlet.maryrosecook.com

Вариативные эмодзи: необычная идея применения вариативных шрифтов → http://variableemojis.com

Быстродействие масштабных веб-приложений: о чём нужно подумать заранее, чтобы не угробить быстродействие и заложить хороший фундамент для дальнейших оптимизаций → https://blog.scottlogic.com/2019/12/17/performant-large-scale-web-applications.html