Going Offline

Джереми Кит в новой книге серии A Book Apart рассказал, как ускорить сайт и адаптировать его к работе в офлайне с помощью сервис-воркеров и стратегий кеширования. Книга выйдет 24 апреля, сейчас доступен предзаказ → https://abookapart.com/products/going-offline

Почему интерфейс должен быть доступным для всех и как это сделать? Валерия Курмак о сложностях и результатах внедрения доступности в продукты и процессы Сбербанка → https://habr.ru/p/352836

Как улучшить UX контактных (да и вообще любых) форм, обзор распространённых ошибок и лучших практик от Кати Сипкиной и Ольги Ратиновой на Smashing Magazine → https://www.smashingmagazine.com/2018/03/ux-contact-forms-essentials-conversions/

Как написать калькулятор на JavaScript, руководство Зела Лью в трёх частях:

Базовая функциональность → https://zellwk.com/blog/calculator-part-1/
Обработка крайних случаев → https://zellwk.com/blog/calculator-part-2/
Рефакторинг → https://zellwk.com/blog/calculator-part-3/

Как с помощью непечатных символов отследить утечку текста и определить её источник, демо и объяснение → https://medium.com/p/18b4e6f17b66

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

«Пятиминутка React» №43, обсуждение релиза React 16.3 с Машей Просвирниной и Сергеем Совой → https://5minreact.ru/43-react-16.3/

«Ночной фронтенд» №29, второй день Codefest 2018 → https://medium.com/p/f9d175c82e22

Frontend Weekend №47, в гостях Егор Толстой: про комплекс фронтендера, Подлодку и реформы в Avito → https://soundcloud.com/frontend-weekend/fw-47

«Веб-стандарты» №115: новинки Safari и Chrome, Ruby Sass всё, логические CSS-свойства, доступные таблицы, неправильные классы и const в JS → https://medium.com/p/9bdbcfa6bac4

Открытая дизайн-система Альфа-Банка: стиль, принципы, паттерны и библиотека компонентов на Реакте → https://design.alfabank.ru/

[Вакансия, Aviasales, релокация на Пхукет]
Всем привет от Aviasales 🙂
Мы усиливаем наш основной проект — поисковик билетов и я ищу себе коллегу уровня middle/senior на Пхукет, Таиланд.
Если вы хотите работать над большим продуктом без бюрократии, быстро видеть результаты своего труда в цифрах и статистике, пилить новые фичи, которыми ежедневно будут пользоваться миллионы, тестировать свои самые безбашенные идеи и гипотезы и моментально получать фидбек, то шлите свои резюме на https://aviasales.recruitee.com/o/frontend-developer-js-coffeescript-react-redux-es67-typescript-aviasalesru?utm_source=ftw

Чем вы будете заниматься? У нас есть поисковая выдача с кучей асинхронных запросов к API, реально сложным интерфейсом на React, множеством фильтров и хитрой логикой. Помимо этого есть много проектов написанных на Elixir, Ruby, Python, Go, Clojure и прочем, если вам в какой-то момент захочется прокачаться в сторону бекенда — никто вас останавливать не будет. Никакой стагнации, только интересные задачи и хардкор.

Кого я хотел бы видеть? Главное, чтоб у вас горели глаза 🙂 Но чтобы быстро впилиться вам потребуются хорошие знания ES2016+, быть знакомым с TypeScript, CoffeeScript (есть часть легаси на нем, но он не страшный ;), React экосистемой, Webpack, любить и уметь анимации, разбираться в интерфейсах и иметь небольшой опыт в бекенде.

Что от нас? Зп 2000-3000$ в зависимости от ваших скиллов, оплата перелета и проживания на первое время, жизнь на тропическом острове, ежеквартальные премии, страховка, занятия английским, бассейны прямо на работе, постоянные доклады и митапы в офисе, охеренные коллеги и работа в паре с одним из лучших продуктовых дизайнеров России (RDC’16).
Если у вас есть вопросы по технологиям/проживанию тут — пишите @arturkornakov и, конечно, отправляйте резюме на https://aviasales.recruitee.com/o/frontend-developer-js-coffeescript-react-redux-es67-typescript-aviasalesru?utm_source=ftw

Как на чистом JavaScript и CSS-переменных реализовать переключение слайдов в галерее свайпом, Ана Тюдор последовательно реализует базовую функциональность, рассказывает о подводных камнях и показывает, как добавить эффекты → https://css-tricks.com/simple-swipe-with-vanilla-javascript/

Зачем и как сайт NPM был переписан с hapi и jQuery на Spife и React → https://blog.npmjs.org/post/172567815935/re-inventing-npmjscom

Design Systems Repo, коллекция дизайн-систем и всего, что с ними связано: статьи, книги, доклады и инструменты → https://designsystemsrepo.com/

С какими проблемами придётся столкнуться при реализации внешне привлекательного интерфейса на основе карточек, обзор Дейва Руперта → https://daverupert.com/2018/04/pitfalls-of-card-uis/

Впервые столкнулись с вёрсткой писем? Забудьте всё, что изучили об обычной вёрстке раньше! Кейти О‘Коннор делится статьями, инструментами и советами для старта → https://explore.reallygoodemails.com/2494422f0bd4

13 инструментов командной строки для фронтендера: более дружелюбные замены man, curl и cd, более быстрая замена grep, просмотрщик json, локальный сервер для подмены REST API и другое → https://www.voorhoede.nl/en/blog/13-command-line-tools-to-up-your-front-end-game/