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

Год с атомарным CSS: Мишель Баркер об опыте применения атомарного CSS в агентстве по разработке сайтов → https://css-irl.info/a-year-of-utility-classes/

Zebu, компилятор маленьких языков программирования, встраиваемых в JS через шаблонные литералы → https://github.com/modernserf/zebu

Cascadia Code, новый шрифт с лигатурами для программирования от Microsoft → https://github.com/microsoft/cascadia-code

Как мы создали платформу веб-аналитики, уважающую приватность: рассказ создателей Fathom Analytics → https://usefathom.com/anonymization/

Неочевидные, но практичные советы по тестированию доступности в реальных условиях → https://www.cjcid.com/articles/unexpected-a11y-tips/

[Вакансия, релокация на Пхукет]
Привет, Форвеб! Давно мы не баловали вас вакансиями от Aviasales. Зима не за горами, а сани лучше готовить летом (или хотя бы осенью), поэтому приглашаем вас в самый лучший офис Земли.

Аттракцион неслыханной щедрости! Нам нужны фронты аж в трёх разных командах. Теперь по порядку:
1. В новый B2B-продукт, в который мы набираем команду разработки с нуля, нужен фронт уровня Middle+ в единственном лице. Если ты пишешь на TypeScript и используешь React, устал от легаси и давно мечтаешь сделать свой проект с нуля — эта вакансия для тебя!
2. Мы усиливаем наш основной проект, поисковик билетов, и ищем себе коллегу в нашу Core-команду. Нужно будет делать поисковые сервисы, используя самые прогрессивные технологии — у нас React, Redux, TypeScript, Storybook.
3. Travelpayouts – это партнёрская сеть виджетов для поиска авиабилетов и отелей. Наш виджет вы можете увидеть в блоге Артемия Лебедева, например.

Что мы ждем от тебя:
— опыт во фронтенде от трёх лет, знание JavaScript, CSS, React, Jest, TypeScript;
— умение не только спокойно воспринимать критику, но и отстаивать свою точку зрения;
— всегда быть на острие технологий, следить за трендами разработки и применять их;
— желание профессионально развиваться, интерес к смежным областям (бэкенд, дизайн, продукт);
— уметь в юмор и получать удовольствие от жизни.

Что с нас:
Оплата перелета, проживания и аренда байка на первое время, жизнь на тропическом острове, заработная плата в долларах США (от 2К до 3,5К), ежеквартальные премии, ДМС, занятия английским, компенсация спорта, бассейны и танцы богомолов прямо в офисе, внутренние и внешние митапы, офигенные коллеги и еще много фруктов, тепла и любви.

Если ты хочешь работать над большим продуктом без бюрократии, быстро видеть результаты своего труда в цифрах и статистике, пилить новые фичи, которыми ежедневно будут пользоваться миллионы, тестировать свои самые безбашенные идеи и гипотезы и моментально получать фидбек, то срочно присылай свое резюме @shurchenko или откликайся на https://aviasales.recruitee.com/o/frontend-developer-typescript-react-redux-jest.

P.S. Не пишите нам, если после того, как мы влюбимся в вас и сделаем оффер, вы скажете нам, что вас жена не пускает 😉

Принципы разработки фронтенда Amplifr от Андрея Ситника → https://gist.github.com/ai/473dd603baa92d5c8590f3573514c7a1

Раскрываем завесу JPEG: подробное объяснение внутреннего устройства формата с интерактивными примерами → https://parametric.press/issue-01/unraveling-the-jpeg/

Обзор способов вёрстки ленточной навигации → https://css-tricks.com/oh-the-many-ways-to-make-triangular-breadcrumb-ribbons/

Открытое письмо специалистов IT-индустрии в защиту фигурантов «московского дела» → https://github.com/developers-against-repressions/case-212

Экспериментируем со Streams API: Дин Хьюм демонстрирует, как Streams API позволяет использовать данные, не дожидаясь их полной загрузки → https://deanhume.com/experimenting-with-the-streams-api/

Машинное обучение для фронтенд-разработчиков с Tensorflow.js: перевод практического руководства Чарли Джерард → https://medium.com/p/9c908fbfa8ec

Инженеры Wix на примере одной из своих задач рассказали об опыте оптимизации размера бандла с помощью Webpack Analyzer и кодсплиттинга → https://www.wix.engineering/post/trim-the-fat-from-your-bundles-using-webpack-analyzer-react-lazy-suspense

Введение в оператор nullish coalescing, позволяющий задать альтернативу null или undefined → https://v8.dev/features/nullish-coalescing

Как выравнивать данные в таблице: Михаил Озорнин с практическими советами и шпаргалкой → http://mikeozornin.ru/blog/all/how-to-align-data-in-table/

WhoTracksMe, исследование состояния трекинга пользователей в вебе → https://whotracks.me/

Как Slack использует сервис-воркеры для быстрой инициализации и работы в офлайне → https://slack.engineering/3492cf79c88

Инженеры Spotify поделились опытом адаптации интерфейса к RTL-языкам → https://labs.spotify.com/2019/04/15/right-to-left-the-mirror-world/

Важные материалы первой половины сентября: Can I use для email, GraphQL в Revolut, мобильная навигация снизу, прогрессивная загрукза HTML в Instagram, переполнение в CSS, переход со Sketch на Figma, вопросы к компании для соискателей → https://forwebdev.ru/digest/2019-09-16

Пять ключей к доступной типографике в вебе → https://betterwebtype.com/articles/2019/06/16/5-keys-to-accessible-web-typography/