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

Как инженеры Medium организовали архитектуру GraphQL-сервера, чтобы на него было проще перейти с легаси-систем → https://medium.engineering/34862677b4b8

Правильная шпаргалка по CSS-каскаду: справочная таблица и практическое объяснение механизма работы каскада от Ильи Стрельцына → http://css-live.ru/css/pravilnaya-shpargalka-po-css-kaskadu.html

HTTP/3 explained, бесплатная цифровая книга Дэниэла Стэнберга об устройстве и возможностях новой версии стандарта HTTP и протокола QUIC → https://http3-explained.haxx.se/

Open MCT, опенсорсный веб-фреймворк, разработанный и используемый в NASA для визуализации и анализа данных космических миссий → https://github.com/nasa/openmct

CSS для хакеров: как прочитать практически любую строку из HTML атакуемого сайта с помощью CSS-селекторов и JavaScript → https://blog.sheddow.xyz/css-timing-attack/

Концептуальный обзор вебсокетов: как они появились, зачем они нужны и как их использовать → https://www.ably.io/concepts/websockets

Современный подход к разработке интерактивной инфографики на Vue.js, SVG и GreenSock: руководство Крути Патель на примере Tour De France → https://www.smashingmagazine.com/2018/11/interactive-infographic-vue-js/

Разработка прототипа изоляции стилей для Shower на веб-компонентах: 11 выпуск видеоблога Вадима Макеева → https://youtu.be/_FRIRJZYlxU

Оптимизация загрузки шрифтов с Google Fonts с помощью воркеров Cloudflare: объяснение причин негативного влияния Google Fonts на перформанс, руководство по оптимизации и готовый к использованию код воркера от Патрика Минэна → https://blog.cloudflare.com/fast-google-fonts-with-cloudflare-workers/

Мутационный анализ, или зачем и как тестировать тесты: расшифровка и запись доклада Марка Лангового из Яндекса → https://habr.com/p/421141/

Никогда такого не было, и вот опять: популярный npm-пакет event-stream скомпрометирован, предположительные цели атаки — криптопроекты, использующие copay → https://github.com/dominictarr/event-stream/issues/116

В event-stream был добавлен вредоносный пакет flatmap-stream@0.1.1. Проверьте свои проекты на его отсутствие с помощью команды npm ls event-stream flatmap-stream.

Инженеры 1Password о том, как они добавили в свой блог поддержку тёмной темы → https://blog.1password.com/from-dark-to-light-and-back-again/

Зачем и как использовать WebP-изображения в вебе, объяснение Ире Адеринокун → https://bitsofco.de/why-and-how-to-use-webp-images-today/

Руководство Красимира Цонева по разработке простой JavaScript-песочницы с поддержкой модулей и автоматической транспиляцией кода → http://krasimirtsonev.com/blog/article/build-your-own-interactive-javascript-playground

🎧
Свежие подкасты

Frontend Weekend №80, в гостях Гордей Левченко: о переезде в Казахстан и развитии frontend-сообщества в Астане → https://soundcloud.com/frontend-weekend/fw-80

«Девшахта» №58: UFADEVCONF, состояние Node.js в 2018 году → https://soundcloud.com/devschacht/nightly-58

«Новости 512» от CSSSR №30: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/news512_030

Как подойти к оптимизации веб-перформанса: Джереми Кит с описанием последовательного подхода, применяемого в Clearleft → https://clearleft.com/posts/a-framework-for-web-performance

Сравнение реализации одного и того же веб-компонента на библиотеках Polymer, Stencil и Nutmeg и с нуля без библиотек → https://bendyworks.com/blog/tale-of-four-components

Подробный часовой обзор архитектуры и внутреннего устройства Jest от его разработчиков → https://youtu.be/3YDiloj8_d0

Let’s build Express, серия статей по реализации фреймворка Express с нуля для лучшего понимания его внутреннего устройства → https://github.com/antsmartian/lets-build-express

Как избежать громоздкого и скучного описания задачи, но не потерять смысл? Ксения Ильиных из Контура о своём опыте описания сложной задачи в виде комикса → https://medium.com/p/ca1f1d676536