Все чаще начинаю слышать о том, какой классный фреймворк для писем - https://mjml.io/
Да, он классный потому что:
- Реакт это также стильно, как и подвороты на штанах
- Компоненты это здорово
- Это практически коробочное решение
- Есть сформировавшаяся идеология
- Пацаны из Литмуса рекомендуют MJML
MJML - говно потому что:
- MJ-Теги - это убогая семантика. Убрав MJ, сразу станет легче. Берните пример с Zurb Foundation
- Реакт - это хипстерское решение. Вам придется начать курить вейп, кататься на гироскутере и жрать растения.
MJML для вас:
- Если вы работаете в компании типа Wrike и Veeam
- У вас один проект, шесть языков локализации, ебучая тонна писем в рамках одной стилистики и UI-KIT
- Вы идиот
- Вы идиот, потому что умеете React, но зачем-то занимаетесь письмами, а не нормальным фронтендом
- Вам все еще нравится писать большое количество кода
- Если вы не хотите работать и готовы ждать обновления
MJML не для вас:
- Если вы не умеете React
- Если вы работаете над большим количеством разных проектов в разных стилистиках
- Вы хотите писать действительно минимальное количество кода
- Вы хотите глубокую кастомизацию и автоматизацию на всех уровнях
- Вы в России и верстаете под Яндекс и Mail.ru
Трансляция из главного зала HolyJS завтра с 10:00 по Москве: Дуглас Крокфорд, Лиа Веру и другие — https://habrahabr.ru/p/329554
Читать полностью…Node.js 8: улучшение экосистемы нативных модулей и процесса отладки, а также другие нововведения в переведённом обзоре — https://medium.com/devschacht/bb42f8eee603
Читать полностью…Как спроектировать для JS-библиотеки API, который полюбят пользователи? Рассказывает Мэгги Пинг на JSConf EU — https://youtu.be/RdKT70ktaeo
Читать полностью…Почему browserlist это хорошая, годная идея, которую нужно использовать — https://css-tricks.com/browserlist-good-idea/
Читать полностью…sinergia, крошечная (~1 КБ gzipped) библиотека для выполнения сложных вычислений без влияния на отзывчивость интерфейса — https://github.com/jiayihu/sinergia
Читать полностью…Состояния вроде hover на лейбле передаются привязанному к лейблу элементу, Роман Комаров с исследованием малоизвестной возможности — http://kizu.ru/en/blog/label-to-input/
Читать полностью…npm@5 теперь npm@latest, обзор новинок и планы на будущее в переводе заметки из официального блога NPM — https://medium.com/devschacht/9ef037c9f5f5
Читать полностью…Большой рассказ от инженеров StackOverflow об их опыте перехода на HTTPS — https://nickcraver.com/blog/2017/05/22/https-on-stack-overflow/
Читать полностью…Дмитрий Мананников об особенностях и лучших практиках разработки сторонних библиотек вроде Яндекс.Метрики — http://slonoed.net/razrabotka-storonnih-bibliotek
Читать полностью…Записи докладов с MoscowJS №37 в Avito: Typescript + Webpack, производительность анимаций, 3D-карты своими руками, как делать кодревью — https://habrahabr.ru/p/329898/
Читать полностью…Вышла Node.js 8: npm 5 и V8 5.8, N-API, util.promisify и другие нововведения и изменения — https://nodejs.org/en/blog/release/v8.0.0/
Читать полностью…Abstract, обёртка над git для дизайнеров: документирование, отслеживание изменений, интеграция со Sketch — https://www.abstractapp.com/
Читать полностью…Каково будущее фронтенд-разработки? Видение Криса Койера — https://css-tricks.com/future-front-end-web-development/
Читать полностью…CSS и first meaningful paint: Патрик Хамэнн о лучших практиках и приёмах загрузки CSS для наиболее быстрой отрисовки страницы — https://youtu.be/4pQ2byAoIX0
Читать полностью…Рекомендуем канал Артура Коха (одного из немногих, если вообще не единственного в России) специалиста по вёрстке писем:
Читать полностью…Что такое детерминизм в yarn, зачем он нужен и в чём отличие от npm 5, объясняет Себастьян МакКензи — https://yarnpkg.com/blog/2017/05/31/determinism/
Читать полностью…Как спроектировать удобную форму, Ник Бабич с большим руководством на Smashing Magazine — https://www.smashingmagazine.com/2017/06/designing-efficient-web-forms/
Читать полностью…Стоит ли использовать MobX, если у нас уже есть Redux? Ответ в свежей «Пятиминутке React» — http://5minreact.ru/20-mobx-over-redux/
Читать полностью…«HTTP/2 push сложнее, чем я думал»: Джейк Арчибальд досконально разобрался и развеял все мифы — https://jakearchibald.com/2017/h2-push-tougher-than-i-thought/
Читать полностью…Приглашаем 16 июня в Петербург на pitercss conf. Это первая в России конференция, посвященная фронтенду и объединяющая российское и международное сообщества.
Лучшие эксперты из Европы, Сингапура, США и России расскажут про дизайн, верстку, стили, графику, типографику и интерфейсы. Всего восемь докладов, все — на английском языке.
Главные герои: Агнешка Наплоха из Adobe, Андрей Оконечников, Антон Шеин из Яндекса, Ева Леттнер из ChillBill, Илья Бирман из Бюро Горбунова, Мануэль Матузович, Патрик Кеттнер из Microsoft, Хуэй Дзин Чэнь из Wismut Labs.
Будет очень круто! Билеты на сайте http://pitercss.com. Для друзей Форвеба действует скидка 500 ₽ по промокоду Forwebpitercss.
Как делать крутые анимированные демки, используя один <div>? Дэн Уилсон об организации стилей и применении JS — https://css-tricks.com/animating-single-div-art/
Читать полностью…Игорь Адаменко о хороших качествах дизайнеров и взаимодействии с программистами — https://igoradamenko.com/blog/all/designers-vs-programmers/
Читать полностью…Зачем нужны CSS-переменные и как они работают? Разбирается Вадим Макеев в свежем выпуске «HTML-шортов» — https://youtu.be/Ag98mgI4bXA
Читать полностью…11 вещей, которые я узнал, читая спецификацию флексбокса, Дэвид Гилбертсон в переводе на Хабре — https://habr.ru/p/329820/
Читать полностью…Перевод второй части справочника современных концепций JavaScript: JIT, тришейкинг, однонаправленный поток данных и другие понятия — https://medium.com/devschacht/8ecf07f3f36a
Читать полностью…Иллюстрированное объяснение заблуждений и неясностей о файле package-lock из npm 5 — https://twitter.com/ag_dubs/status/868860317476016128
Читать полностью…За ARIA! Джон Уайтинг о причинах и решениях распространённых проблем с доступностью — http://webaim.org/blog/aria-cause-solution/
Читать полностью…Frontend Weekend №4, в гостях Дарья Пушкарская: как стать звездой фронтенда за год — https://soundcloud.com/frontend-weekend/fw-4
Читать полностью…HN PWA, преемник TodoMVC в мире PWA: читалки Hacker News на React,Vue, Angular, Polymer и других технологиях — https://hnpwa.com/
Читать полностью…