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

Graphpack, не требующий конфигурации минималистичный GraphQL-сервер с живой перезагрузкой, песочницей и другими плюшками → https://github.com/glennreyes/graphpack

omi, фреймворк от разработчиков WeChat: веб-компоненты, JSX, собственная система управления состоянием и автоматического ререндеринга UI, поддержка TypeScript и MobX, и всё это в 4 КБ → https://github.com/Tencent/omi

Исчерпывающее руководство Брайана Хо по применению WebRTC для клиент-серверных игр в браузере → http://blog.brkho.com/2017/03/15/dive-into-client-server-web-games-webrtc/

🎧 Свежие подкасты Frontend Weekend №75, в гостях Никита Дубко: как за год стремительно прокачать свою карьеру фронтенд-разработчика → https://soundcloud.com/frontend-weekend/fw-75 «Фронтенд-юность» №68, в гостях Александр Шлейко: бабуля стала олимпийским чемпионом по фронтенду, Dropbox перешёл на Lodash, CRN++ и Nagibabel++ → https://soundcloud.com/frontend_u/e68 «Фронтенд-юность» №69: Java не успевает за JavaScript, LISP как божественный язык, чеклист хороших инженерных практик, 12 Factor CLI Apps, GitHub Actions → https://soundcloud.com/frontend_u/e69 «Веб-стандарты» №142, в гостях Катя Поршнева и Сергей Фролов: Safari и Edge, бюджет на перфоманс, новые теги в HTML, киевское сообщество, кто такие Котаны → https://medium.com/p/e9fd604e2736 «Веб-стандарты» №143, в гостях Николай Птущук: Chrome 70 и WebKit 2019, пропорциональная резина, GitHub Actions, Adobe Fonts, слабые стороны ES6, фронтенд в Одессе → https://medium.com/p/e9fd604e2736 «Новости 512» от CSSSR №25: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-25-1510-2110

Что не так с большинством генераторов статических сайтов и что в них можно улучшить? Размышления Флоренса Вершельде → https://fvsch.com/static-site-generators/

Как объяснить сложную логику финансового продукта с помощью анимированных иллюстраций на лендинге и как их адаптировать ко всем экранам, опыт инженеров и дизайнеров Zajno → https://medium.com/p/3ee8b3e4277e

Инженеры Zynga подробно рассказали о технологической стороне запуска второй версии игры Words With Friend: — зачем выбирали технологию для кроссплатформенной мобильной разработки; — почему выбрали именно React Native, Mobx и TypeScript; — как устроена новая архитектура приложения; — как проверяли новые технологии с помощью экспериментов в старой версии приложения; — с какими проблемами React Native пришлось столкнуться и как их решили. → https://medium.com/p/b24a405f421c

Как с нуля написать собственный логгер для Node.js, пишущий в консоль и в файлы → https://logrocket.com/blog/creating-a-logger-in-node-js

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