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

В Webkit добавили возможность отладки визуализаций на Canvas, подробности → https://webkit.org/blog/8452/canvas-debugging/

Седьмой выпуск видеоблога Вадима Макеева: обзор сайта KFC, SVG и лишний base64, вредная типа-доступность → https://youtu.be/Eo3COLvWBFk

Карта навыков WebAssembly: Лин Кларк с иллюстрированным рассказом о текущем состоянии WASM и планах по его развитию → https://hacks.mozilla.org/2018/10/webassemblys-post-mvp-future/

Эдди Османи в свежем выпуске The State of the Web: как JavaScript влияет на UX, как держать быстродействие приложения в норме, какие оптимизации могут быть перенесены на сторону браузера → https://youtu.be/i5R7giitymk

Верхнеуровневая архитектура фронтенда: расшифровка лекции Анны Карпелевич о задачах, решаемых архитектурой, и популярных во фронтенде подходах MV* и Flux → https://habr.com/p/425611/

[Вакансия, офис, Санкт-Петербург]
Кошелёк.ру более 7 лет разрабатывает финтех, блокчейн и платёжные решения. Ищем в нашу дружную команду junior/middle-фронтендеров для разработки отзывчивых SPA и PWA на Vue, React или Angular (стек зависит от проекта).

Мы ждём от Вас:
— опыт коммерческой разработки;
— умение быстро и качественно верстать;
— уверенное владение чистым JS (ES5, ES6);
— опыт работы с RESTful API, JSON, WebSockets;
— опыт реализации SSR.

Будет плюсом опыт разработки высоконагруженных или финтех-проектов, PWA или мобильных приложений (React Native, NativeScript), опыт работы с ES7+.

Мы предлагаем:
— зарплату по результатам собеседования, ориентируйтесь на 120 000₽;
— ДМС, фитнес;
— возможность работы над разными проектами;
— современный комфортный офис возле м. Петроградская;
— индивидуальный подход к оборудованию рабочего места;
— возможность обучения, участия в конференциях;
— чай, кофе и плюшки-печенюшки.

Пишите @cashelec_hr или звоните +7 965-084-44-44.

Заслуживает ли ваш сайт признания? Чеклист базовых требований доступности, без которых, по мнению Адриана Розелли, сайт нельзя считать сделанным качественно → https://doesmysitedeserverecognition.com/

React vs веб-компоненты: что круче и могут ли они работать вместе? Обзор Пола Льюиса → https://youtu.be/plt-iH_47GE

Graphpack, не требующий конфигурации минималистичный GraphQL-сервер с живой перезагрузкой, песочницей и другими плюшками → https://github.com/glennreyes/graphpack

omi, фреймворк от разработчиков WeChat: веб-компоненты, JSX, собственная система управления состоянием и автоматического ререндеринга UI, поддержка TypeScript и MobX, и всё это в 4 КБ → https://github.com/Tencent/omi

Исчерпывающее руководство Брайана Хо по применению WebRTC для клиент-серверных игр в браузере → http://blog.brkho.com/2017/03/15/dive-into-client-server-web-games-webrtc/

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

Frontend Weekend №75, в гостях Никита Дубко: как за год стремительно прокачать свою карьеру фронтенд-разработчика → https://soundcloud.com/frontend-weekend/fw-75

«Фронтенд-юность» №68, в гостях Александр Шлейко: бабуля стала олимпийским чемпионом по фронтенду, Dropbox перешёл на Lodash, CRN++ и Nagibabel++ → https://soundcloud.com/frontend_u/e68

«Фронтенд-юность» №69: Java не успевает за JavaScript, LISP как божественный язык, чеклист хороших инженерных практик, 12 Factor CLI Apps, GitHub Actions → https://soundcloud.com/frontend_u/e69

«Веб-стандарты» №142, в гостях Катя Поршнева и Сергей Фролов: Safari и Edge, бюджет на перфоманс, новые теги в HTML, киевское сообщество, кто такие Котаны → https://medium.com/p/e9fd604e2736

«Веб-стандарты» №143, в гостях Николай Птущук: Chrome 70 и WebKit 2019, пропорциональная резина, GitHub Actions, Adobe Fonts, слабые стороны ES6, фронтенд в Одессе → https://medium.com/p/e9fd604e2736

«Новости 512» от CSSSR №25: обзор новостей, релизов и интересных публикаций → https://soundcloud.com/csssr/novosti-512-vypusk-25-1510-2110

Что не так с большинством генераторов статических сайтов и что в них можно улучшить? Размышления Флоренса Вершельде → https://fvsch.com/static-site-generators/

Как объяснить сложную логику финансового продукта с помощью анимированных иллюстраций на лендинге и как их адаптировать ко всем экранам, опыт инженеров и дизайнеров Zajno → https://medium.com/p/3ee8b3e4277e

Инженеры Zynga подробно рассказали о технологической стороне запуска второй версии игры Words With Friend:

— зачем выбирали технологию для кроссплатформенной мобильной разработки;
— почему выбрали именно React Native, Mobx и TypeScript;
— как устроена новая архитектура приложения;
— как проверяли новые технологии с помощью экспериментов в старой версии приложения;
— с какими проблемами React Native пришлось столкнуться и как их решили.

→ https://medium.com/p/b24a405f421c

Как с нуля написать собственный логгер для Node.js, пишущий в консоль и в файлы → https://logrocket.com/blog/creating-a-logger-in-node-js