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

🎧 Свежие подкасты «Веб-стандарты» №160, в гостях Юля Бухвалова: перевод документации React, статьи про вёрстку, логический CSS, SVG-фильтры, цветные шрифты, полезные инструменты → https://medium.com/p/79bb0f67e2bd «Новости 512» от CSSSR №37: обзор новостей и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-37-2-fevralya-8-fevralya

EME, CDM, DRM, CENC и другие непонятные аббревиатуры, или что нужно, чтобы сделать собственный видеоплеер в браузере? Запись и расшифровка доклада Себастьяна Голаша о технологиях защиты видеоконтента в браузерах → https://habr.com/p/426727

Ryanair, JavaScript и теория графов: Джонлука де Каро рассказал, как он собрался с друзьями в путешествие и применил свои навыки для поиска оптимального маршрута с дешёвыми авиабилетами → https://blog.jonlu.ca/posts/ryan-air

UI второстепенен: почему лучше разделять бизнес-логику и UI и почему фичи UI-библиотек (вроде хуков и контекста в React) не очень хороши для управления состоянием приложения? Объясняет создатель MobX Мишель Вестстрате → https://michel.codes/blogs/ui-as-an-afterthought

Рендеринг в вебе, от SSR до CSR: обстоятельный обзор существующих подходов и их преимуществ/недостатков от Эдди Османи и Джейсона Миллера → https://developers.google.com/web/updates/2019/02/rendering-on-the-web

React и БЭМ, официальная коллаборация: Антон Виноградов о предпосылках и сложностях перехода поиска Яндекса на React → https://habr.com/p/438598/

CSS и производительность сети: подробное руководство Гарри Робертса в переводе CSS-Live → https://css-live.ru/articles/css-i-proizvoditelnost-seti.html

Инженеры HeadHunter рассказали, как они обеспечивают качество фронтенд-кода сервиса → https://habr.com/p/438812/

Как на самом деле работает position: sticky в CSS, объяснение Элада Шехтера в переводе Алёны Батицкой → https://medium.com/p/bc7ff7088693

MiniSearch, лёгкий и нетребовательный к ресурсам движок полнотекстового поиска для браузеров → https://lucaong.github.io/minisearch/ Бонус: рассказ автора о деталях реализации движка и отличиях от конкурентов → https://lucaongaro.eu/blog/2019/01/30/minisearch-client-side-fulltext-search-engine.html

Color, сервис для поиска и создания доступных палитр цветов от дизайнеров Cloudflare → https://cloudflare.design/color/

🎧 Свежие подкасты RadioJS №55, в гостях Андрей Мелихов, Глеб Михеев, Илья Климов, Николай Матвиенко и Павел Малышев: Node.js на бэкенде – настоящий бэкенд? → https://radiojs.ru/2019/02/radiojs55-nodejs-on-backend/ «Девшахта» №68, в гостях  Павел Черторогов: неудобные вопросы к GraphQL → https://medium.com/p/c4ea333f712c «Веб-стандарты» №159, в гостях Сергей Рубанов: три года в эфире, события, JS-разработчики для ТВ, Chrome, Safari, PWA, Safari и JS Core, CSS против JS, ES2019 → https://medium.com/p/b270c2cfa0f3 «Фронтенд-юность» №82, как lodash изменил JavaScript: все фичи ES2019, почему разработчики Flow игнорировали опенсорс-сообщество, вселенная кода, коронные фразы и стериотипы о программировании, вам не нужен axios → https://soundcloud.com/frontend_u/e82 «Новости 512» от CSSSR №36: обзор новостей и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-36-2801-0302

Важные новости и материалы второй половины января: ES2019, PWA в Google Play, аутентификация без паролей, masonry-раскладка на CSS, Flow vs TypeScript, HTML5-инпуты, отказ от дефолтных экспортов, сравнение бандлеров → https://forwebdev.ru/digest/2019-01-31/

Плагин, реализующий горячие клавиши на GitHub, выложили в опенсорс → https://github.com/github/hotkey

Сэкономлены 4 недели разработки и 7 500 строк кода. Объём трафика сокращён в 16 раз. Мобильные релизы ускорились. Результаты и подробности внедрения GraphQL в Nike → https://medium.com/p/a541aebe4d5e

[Вакансия, офис, Санкт-Петербург] Фронтенд-разработчик в дизайн-бюро «Зебра» Мы делаем корпоративные сайты для крупных российских и зарубежных компаний. В связи с увеличением количества проектов ищем фронтенд-разработчика уровня не ниже middle. Тебе предстоит разрабатывать интерфейсы, оптимизировать и рефакторить код, внедрять новые технологии, участвовать в проектировании и обсуждении интерфейсов с командой. Мы предлагаем: — работу в классной команде с опытными коллегами; — комфортный офис в районе м. Лесная, Чёрная речка; — достойную и своевременную оплату труда не реже чем раз в неделю; — гибкий график; — посещение конференций за счёт компании; — доступ к обучающим сервисам (HTML Academy, Hexlet, CodeSchool, Coursera). Что мы ждём от тебя: — уверенные навыки кроссбраузерной адаптивной вёрстки, понимание методологии БЭМ; — уверенные знания JavaScript (ES5+); — опыт работы с одним или несколькими популярными JS-фреймворками и библиотеками (Vue, React, Angular, D3); — опыт работы с SVG, достаточный для программирования анимаций; — опыт работы с Git, CSS-препроцессорами, инструментами автоматизации и сборки (Gulp/Webpack); — опыт вёрстки под интеграцию в CMS (любую), понимание принципов шаблонизации. Если заинтересовался, высылай резюме на e.tkachenko@zebra-group.ru.

D3wasm, порт Doom 3 для браузеров на основе WebAssembly: демо и детали реализации → http://www.continuation-labs.com/projects/d3wasm

Программная генерация SVG-иллюстраций с помощью Processing: введение и практические примеры → https://bjango.com/articles/processingsvg/

Записи докладов с первого митапа Piter GraphQL: GraphQL и архитектура веб-приложений, GraphQL — новый Redux, паттерны проектирования GraphQL-схем → https://habr.com/p/438124