🔥

Тред (Влад Шилов)


Ключевой частью resume.io является конструктор, в котором пользователи создают резюме, чтобы потом скачать его в виде PDF и отправить потенциальному работодателю. Рендеринг и live-превью PDF — это, наверное, один из самых больших челленджей, которые мы решали. 👇 pic.twitter.com/WRZ8YE90kp
Треды среды. Тема: «Как мы делали рендер и live-превью PDF на основе HTML+CSS, но проиграли». Вступление: twitter.com/jsunderhood/st…

В 2016 году, когда велась работа над MVP нашего продукта, ребятам был нужен быстрый и легкий способ внедрить генерацию PDF, при этом не вводя другие технологии, языки и т.д. 👇
2016 год. Рендер PDF на Qt Webkit: twitter.com/jsunderhood/st…

В 2017 мы выпустили следующую версию редактора, в которой, поскольку этого явно не хватало, была добавлена возможность предпросмотра резюме до его скачивания. 👇 pic.twitter.com/FbU97TREYi
2017 год. Превью в iframe или открытие Ящика Пандоры: twitter.com/jsunderhood/st…

Большая часть проблем, которые в 2017 году были у нас в рендеринге PDF из HTML+CSS, были вызваны тем, что Wicked PDF использовал Qt Webkit, который работал с устаревшей на несколько лет версией движка Webkit. 👇
2017 год. Переход на Puppeteer: twitter.com/jsunderhood/st…

В 2018 году, собрав фидбек от пользователей, мы поняли, что отображения превью на отдельном шаге недостаточно. Пользователи хотели видеть: — как меняется резюме прямо в процессе редактирования; — как их контент помещается на А4-страницы в PDF. 👇
2018 год. Добавление live-превью и появление новых проблем: twitter.com/jsunderhood/st…

Резюмирую сегодняшнюю информацию: Вы можете генерировать PDF-файлы на основе HTML+CSS если ваше приложение не показывает live-превью будущей PDF-ки и не важно, как контент разделится на страницы. То есть для задач, вроде отправки чеков или билетов по почте, это подходит отлично.

Раз уж мы сегодня погружаемся в прошлое, как на счет немного удариться в ностальгию? Давайте поделимся друг с другом скриншотами/ссылками на наши старые проекты или историями про них. Я нашел сайты, которые делал еще в 2007—2009 годах. Вот это дизайн раньше был! =) pic.twitter.com/LZWr1qR9eb
Бонус. Вечер ностальгии: twitter.com/jsunderhood/st…