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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Инъекция зависимостей и инверсия контроля во фронтенде, серия видеоуроков от Ильи Климова:

1. Теория
2. Илья vs DI
3. DI и фронтенд
4. InversifyJS

Как автоматизировать обновление зависимостей: опыт инженеров Artsy → https://artsy.github.io/blog/2018/11/26/keeping-dependencies-updated/

Структуры данных и алгоритмы в JavaScript, новый курс Кайла Шевлина на Egghead → https://egghead.io/courses/data-structures-and-algorithms-in-javascript