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

Ускоряем отрисовку сложных графиков с помощью 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/

​[Реклама]
Sony PlayStation 4 за фото вашего рабочего стола

RUVDS.com запустили конкурс фотографий хоум-офисов и дарят Sony PlayStation 4 автору лучшей фотографии.

Как участвовать:
1. Загружайте своё фото на сайт homeoffice.ruvds.com или в бота @ruvds_contest_bot
2. Через 10 минут ваше фото появится на сайте и в канале @homeofficeruvds
3. Победят фотографии, набравшие максимальное количество лайков
4. Каждые 3 дня выбирается локальный победитель (тот, кто за эти 3 дня набрал больше всех лайков) и он получает один из классных призов поменьше: например, сейчас разыгрывают годовой запас туалетной бумаги.
5. Итоги конкурса — 15 апреля.

Не хотите участвовать? Тогда просто подписывайтесь на @homeofficeruvds и собирайте идеи для своего рабочего места, подглядывая за российскими айтишниками.

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

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