pika, поисковик современных NPM-пакетов, основанных на нативных ES-модулях вместо устаревших и сложнее оптимизируемых модулей CommonJS → https://www.pikapkg.com/

size-plugin для вебпака показывает размер бандла в gzip и разницу между предыдущей сборкой → https://github.com/GoogleChromeLabs/size-plugin

Лёгкие и масштабируемые скриншоты страниц в SVG: инженеры Checkbot о своём опыте оптимизации графики для лендинга → https://www.checkbot.io/article/web-page-screenshots-with-svg/

[Вакансия, Москва/удалёнка]
Senior фронтенд-разработчик в Book24.ru

Book24.ru входит в топ-5 книжных магазинов Рунета. У нас молодая, сильная команда, много интересных задач и возможностей для роста.

Вам предстоит развивать основной сайт (от продуктовых задач вроде переработки корзины до технических вроде оптмизации перформанса), его админку, систему аналитики и виджеты для интеграции на сайты партнёров.

Мы ждём от вас крепкие знания HTML/CSS/JavaScript, опыт работы с Vue.js и Vuex, опыт использования CSS-препроцессоров и БЭМ, хорошее знание Webpack. Будет плюсом участие в опенсорсе, опыт работы с NoSQL DB, опыт построения больших SPA.

Мы предлагаем:
— гибкий график;
— белую зарплату и ДМС;
— удобное рабочее место, современное оборудование и лицензионное ПО;
— повышение квалификации и обучение за счет компании.

Пишите @latyshev_vp или на [email protected].

FAQGURU, огромная коллекция вопросов и ответов для технических собеседований с разделением на темы (от специфичных вроде Реакта до общих вроде алгоритмов) и уровни сложности (от джуниора до эксперта) → https://github.com/FAQGURU/FAQGURU

Видео с Frontend DevDay от 2ГИС: перенос 2gis.ru с растра на вектор с полноценным 3D, эволюция команды при разработке новой онлайн-версии 2ГИС, как браузеры делают запросы и как понимание разницы между TLS и SSL помогает фронтендеру → https://habr.com/p/432774/

Обзор Vue.js: аргументы «за» (https://youtu.be/FFZfmIQ9I44) и «против» (https://youtu.be/kuHSJNxNFQw) от Ильи Климова.

WebAssembly in Action, новая книга Жерара Галланта о практическом применении WebAssembly → https://www.manning.com/books/webassembly-in-action

quicklink, микробиблиотека для умной фоновой предзагрузки страниц, ссылки на которые попадают во вьюпорт → https://github.com/GoogleChromeLabs/quicklink

На чём писать кроссплатформенные мобильные приложения? Обзор существующих технологий и оправданных случаев их применения от Леонида Боголюбова → https://livetyping.com/ru/blog/na-chem-pisat-krossplatformennye-prilozhenija

Инфраструктура фронтенда: дискуссия с экспертами из Яндекса, Tinkoff, Mail.Ru и Авито. Про технологический стек, архитектуру проектов, модульность, управление зависимостями, тестирование, сборку, деплой, автоматизацию, инструменты → https://youtu.be/JSrAZlEUOs8

Puppeteer для Firefox, (пока что) экспериментальная реализация → https://github.com/GoogleChrome/puppeteer/tree/master/experimental/puppeteer-firefox

Почему Node.js такая быстрая, если тред всего один? Разбор от Андрея Мелихова → https://youtu.be/pyM6u3aVT1s

Инлайн ресурсов в Base64, несмотря на свою популярность, плохо влияет на быстродействие, объясняет Даг Силларс → https://calendar.perfplanet.com/2018/performance-anti-patterns-base64-encoding/

Minimal Analytics, легковесная альтернатива полному скрипту Google-аналитики в ~1.4 КБ вместо 73 КБ для тех, кто отслеживает только просмотры страниц → https://minimalanalytics.com/

Введение в Phoenix LiveView, библиотеку для разработки интерактивных realtime-интерфейсов полностью на бэкенде без выделенной фронтенд-части (например, полноценный автокомплит реализуется в 35 строк бэкенд-кода) → https://dockyard.com/blog/2018/12/12/phoenix-liveview-interactive-real-time-apps-no-need-to-write-javascript

Дизайнеры StackOverflow подробно рассказали о том, как им удаётся эффективно работать удалённо → https://www.tedgoas.com/blog/distributed-design

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

Frontend Weekend №83, в гостях Илья Климов: как и зачем был создан образовательный проект JavaScript.Ninja → https://soundcloud.com/frontend-weekend/fw-83

«Девшахта» №61, в гостях  Андрей Старовойт: TypeScript и его поддержка в IDE от JetBrains → https://soundcloud.com/devschacht/devschacht-61

«Веб-стандарты» №151, в гостях Иван Новиков и Илья Лесик: события и сообщество в Твери, Firefox, скролбары и движки, Quicklink и Resource Hints, аутлайны, формы и таблицы → https://medium.com/p/f6407051d257

«Фронтенд-юность» №75: Edge на Chromium, tits on keyboard, Chrome 71, CraSSh, где Express → https://soundcloud.com/frontend_u/e75

Remote Talk №3, в гостях Алексей Волков и Олеся Козлова из UNIT6: долгий путь в мир IT, появление UNIT6, найм разработчиков, технологии, плюсы и минусы жизни в Челябинске, хобби и польза широкого кругозора → https://soundcloud.com/csssr/remote-talk-03

Оставьте расчёты в CSS! Крис Койер призывает не бояться применять calc() и CSS-переменные, чтобы избавиться от магических чисел и сделать стили понятнее → https://css-tricks.com/keep-math-in-the-css/

По словам разработчика из команды Edge, одной из причин отказа Microsoft от EdgeHTML оказалась недобросовестная конкуренция со стороны Google → https://news.ycombinator.com/item?id=18697824

«Google постоянно вносит в свои сайты изменения, ломающие другие браузеры. Например, недавно на YouTube был добавлен скрытый div поверх видео, который предотвращал включение аппаратного ускорения в Edge, на тот момент работающего лучше, чем в Chrome. Сразу после этого Google начал рекламировать превосходство Chrome над Edge в расходовании ресурсов при проигрывании видео.»