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

Инженеры 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

Иллюстрированное руководство по Web Authentication, новому стандарту для аутентификации без паролей на основе криптографии с открытым ключом → https://webauthn.guide/

Зачем нужны переменные окружения в Node.js и как их использовать с удобством → https://medium.com/p/2da8cdf6e786

Почему разработчики Flow игнорировали опенсорс-сообщество и чем они занимались весь прошлый год: официальное объяснение и позиция касательно перехода части проектов Facebook на TypeScript → https://medium.com/p/54239c62004f

Electronegativity, инструмент для поиска антипаттернов безопасности и конфигурации в приложениях на Electron → https://github.com/doyensec/electronegativity

Какой бандлер выбрать: Webpack, Parcel или Rollup? Сравнение скорости, размера итогового бандла и простоты использования → https://github.com/tehcookies/bundlers-comparison

Анализ уязвимостей процесса аутентификации: Вадим Горбачёв рассказывает о распространённых проблемах веб-безопасности, иллюстрируя их удивительными историями о реальных взломах → https://medium.com/p/475b749fbb9f

Как и почему инженеры PayPal перешли с Flow на TypeScript во всех новых проектах → https://medium.com/p/9d1acc07c839