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

Testing JavaScript, обширный курс Кента Додса по тестированию фронтенда: от статического анализа и юнит-тестов до E2E-тестирования и продвинутой настройки инструментов → https://testingjavascript.com/

Как упростить CSS-код для отображения загрузки и других состояний приложения с помощью конечных автоматов → https://medium.com/p/7d596bb2914a

Yew, фреймворк на Rust для разработки фронтенда: компилируется в WebAssembly, поддерживает многопоточность из коробки, вдохновлён Elm, React и Redux → https://github.com/DenisKolodin/yew

Пол Льюис в новом выпуске своего видеоблога лайвкодит на CSS крутой эффекта появления текста при наведении курсора → https://youtu.be/NahTzBgDkTA

Иллюстрированное пошаговое объяснение механизма работы TLS (обеспечивающий безопасность протокол, поверх которого работает HTTPS) → https://tls.ulfheim.net/

Умная сборка: вынос полифилов и CSS с префиксами в отдельный бандл для старых браузеров позволил Urban Ladder сократить на 20% (после gzip) размер бандла для современных браузеров. Шабхам Канодиа о деталях реализации подхода → https://www.smashingmagazine.com/2018/10/smart-bundling-legacy-code-browsers/

Ритм в веб-типографике: обзор конкретных приёмов, позволяющих соблюсти ритм и улучшить читабельность текста в вебе → https://betterwebtype.com/rhythm-in-web-typography

Как под капотом устроены 3D-фото в Фейсбуке, Юрий Артюх с описанием и результатами ревёрс-инжиниринга → https://medium.com/p/8424cf48f061

Как развернуть приватный NPM-регистр с помощью Nexus → https://levelup.gitconnected.com/a16722cc8166

Обзор возможностей CSS-свойства content от Криса Койера → https://css-tricks.com/valid-css-content/

GitHub представил Actions, собственное решение для CI с визуальным редактором процесса → https://github.com/features/actions

12-факторные CLI-приложения

Инженеры Heroku, создавшие оригинальный манифест 12-факторных приложений, составили новый список факторов хорошего CLI-приложения → https://medium.com/p/dd3c227a0e46

33 фундаментальные концепции, с которыми стоит ознакомиться каждому JavaScript-разработчику → https://github.com/leonardomso/33-js-concepts

У каждой концепции в списке есть подборка материалов для изучения.

MODALZ MODALZ MODALZ

Почему чаще всего модальные окна ухудшают UX, как обойтись без них и, если их использование неизбежно, как их правильно реализовать → https://modalzmodalzmodalz.com/

Объяснение принципа создания необычных фигур с помощью border-radius и инструмент для их визуального редактирования → https://9elements.com/io/css-border-radius/

Трюки и техники для оптимизации памяти, CPU и скорости загрузки: расшифровка доклада Виталия Фридмана → https://habr.com/p/426155/

Muze, универсальный фреймворк для визуализации данных в вебе → https://www.charts.com/muze