Приглашаем 16 июня в Петербург на pitercss conf. Это первая в России конференция, посвященная фронтенду и объединяющая российское и международное сообщества.

Лучшие эксперты из Европы, Сингапура, США и России расскажут про дизайн, верстку, стили, графику, типографику и интерфейсы. Всего восемь докладов, все — на английском языке.

Главные герои: Агнешка Наплоха из Adobe, Андрей Оконечников, Антон Шеин из Яндекса, Ева Леттнер из ChillBill, Илья Бирман из Бюро Горбунова, Мануэль Матузович, Патрик Кеттнер из Microsoft, Хуэй Дзин Чэнь из Wismut Labs.

Будет очень круто! Билеты на сайте http://pitercss.com. Для друзей Форвеба действует скидка 500 ₽ по промокоду Forwebpitercss.

sinergia, крошечная (~1 КБ gzipped) библиотека для выполнения сложных вычислений без влияния на отзывчивость интерфейса — https://github.com/jiayihu/sinergia

«HTTP/2 push сложнее, чем я думал»: Джейк Арчибальд досконально разобрался и развеял все мифы — https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/

Почему browserlist это хорошая, годная идея, которую нужно использовать — https://css-tricks.com/browserlist-good-idea/

Стоит ли использовать MobX, если у нас уже есть Redux? Ответ в свежей «Пятиминутке React» — http://5minreact.ru/20-mobx-over-redux/

Как спроектировать для JS-библиотеки API, который полюбят пользователи? Рассказывает Мэгги Пинг на JSConf EU — https://youtu.be/RdKT70ktaeo

Как спроектировать удобную форму, Ник Бабич с большим руководством на Smashing Magazine — https://www.smashingmagazine.com/2017/06/designing-efficient-web-forms/

Node.js 8: улучшение экосистемы нативных модулей и процесса отладки, а также другие нововведения в переведённом обзоре — https://medium.com/devschacht/bb42f8eee603

Что такое детерминизм в yarn, зачем он нужен и в чём отличие от npm 5, объясняет Себастьян МакКензи — https://yarnpkg.com/blog/2017/05/31/determinism/

Трансляция из главного зала HolyJS завтра с 10:00 по Москве: Дуглас Крокфорд, Лиа Веру и другие — https://habrahabr.ru/p/329554

Рекомендуем канал Артура Коха (одного из немногих, если вообще не единственного в России) специалиста по вёрстке писем:

Все чаще начинаю слышать о том, какой классный фреймворк для писем - https://mjml.io/

Да, он классный потому что:
- Реакт это также стильно, как и подвороты на штанах
- Компоненты это здорово
- Это практически коробочное решение
- Есть сформировавшаяся идеология
- Пацаны из Литмуса рекомендуют MJML

MJML - говно потому что:
- MJ-Теги - это убогая семантика. Убрав MJ, сразу станет легче. Берните пример с Zurb Foundation
- Реакт - это хипстерское решение. Вам придется начать курить вейп, кататься на гироскутере и жрать растения.

MJML для вас:
- Если вы работаете в компании типа Wrike и Veeam
- У вас один проект, шесть языков локализации, ебучая тонна писем в рамках одной стилистики и UI-KIT
- Вы идиот
- Вы идиот, потому что умеете React, но зачем-то занимаетесь письмами, а не нормальным фронтендом
- Вам все еще нравится писать большое количество кода
- Если вы не хотите работать и готовы ждать обновления

MJML не для вас:
- Если вы не умеете React
- Если вы работаете над большим количеством разных проектов в разных стилистиках
- Вы хотите писать действительно минимальное количество кода
- Вы хотите глубокую кастомизацию и автоматизацию на всех уровнях
- Вы в России и верстаете под Яндекс и Mail.ru

Как работают движки парсинга и обработки регулярных выражений — http://wstoop.co.za/wregex.php

Почему важно правильно размечать структуру страницы с помощью заголовков, Роб Додсон в свежем выпуске A11ycasts — https://youtu.be/vAAzdi1xuUY

Functional-Light JavaScript, книга об основных принципах ФП и их применении в JS без хардкорных терминов — https://github.com/getify/Functional-Light-JS

Почему в проектах 2017 года не нужна Джейквери?

Потому что:
— для работы с DOM есть, как ни странно, спецификация DOM4 с .closest(), .append(), .prepend() и другими удобными методами (https://dom.spec.whatwg.org, полифил: http://webreflection.github.io/dom4/);
— для анимаций есть CSS и Web Animations API (https://w3c.github.io/web-animations, полифил: https://github.com/web-animations/web-animations-js);
— для общения с сервером есть fetch (https://fetch.spec.whatwg.org, полифил: https://github.com/github/fetch);
— готовых библиотек на чистом JS предостаточно (https://plainjs.com, http://microjs.com), и чаще всего они легковеснее и качественнее Джейквери-плагинов.

Изучаем CSS-гриды на примере вёрстки каталога одежды, руководство Варуна Вачхара в переводе CSS-Live — http://css-live.ru/articles/izuchaem-css-gridy.html

Как инженеры Слэка сделали пикер эмодзи более производительным и поддерживаемым, переписав его на Реакте — https://slack.engineering/bfbd8ce6fbfe