For Web — фронтенд, дизайн, программирование
14.7K subscribers
5.47K photos
7 videos
5 files
1.74K links
Новости и полезности для фронтендеров.
Поддержать, чтобы в канале не было рекламы:
https://patreon.com/forweb
https://boosty.to/forweb
Download Telegram
Руководство Красимира Цонева по разработке простой JavaScript-песочницы с поддержкой модулей и автоматической транспиляцией кода → https://krasimirtsonev.com/blog/article/build-your-own-interactive-javascript-playground
Зачем и как использовать WebP-изображения в вебе, объяснение Ире Адеринокун → https://bitsofco.de/why-and-how-to-use-webp-images-today/
This media is not supported in your browser
VIEW IN TELEGRAM
Инженеры 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
Что такое доступность, кому она нужна и как её обеспечить: объяснение и три базовых правила для разработчиков от Тьяго Ромеро Гарсии в переводе Татьяны Фокиной → https://medium.com/p/b16dd2f77685
Tau Prolog, опенсорсный интерпретатор языка Prolog, написанный на JavaScript и работающий прямо в браузере → https://tau-prolog.org/
Карта знаний инженера-программиста: обзор проблем отрасли и необходимых фундаментальных знаний от Тимура Шемсединова → https://youtu.be/_s2WkaZJ0xQ
История развития веб-компонентов и обзор новых нативных API, появившихся благодаря им: <template>, кастомные элементы и Shadow DOM → https://hacks.mozilla.org/2018/11/the-power-of-web-components/