CodeKitHubЧто это за инструмент?
Симулятор ленты Tumblr воссоздаёт реальную ленту дашборда Tumblr — прокручиваемый стек карточек постов разных типов (текст, фото и цитата), каждая с названием блога, числом notes и упрощённым содержимым — чтобы вы могли экспортировать её как готовый к публикации макет.
Его нельзя использовать для фабрикации мошеннических доказательств, преследования или клеветы, а также для выдачи себя за реального человека путём подделки его настоящего контента — в зависимости от юрисдикции это может быть незаконно.
Всё создаётся локально в вашем браузере с помощью HTML Canvas API; ничего не отправляется на сервер.
Зачем его использовать?
- 100% локальный рендеринг — ваш контент никогда не попадает на сервер.
- проиллюстрируйте шутку, историю или презентацию реалистичным макетом ленты Tumblr.
- создайте прототип UI-концепции дашборда в стиле Tumblr для приложения, курса или слайд-презентации.
- Без аккаунта, без загрузки файлов, без водяных знаков — просто введите текст и скачайте.
Как использовать
- нажмите «+ Добавить пост», чтобы добавить новую карточку поста в ленту.
- заполните для каждого поста название блога, число notes, текст и тип поста (текст, фото или цитата).
- добавляйте или удаляйте посты в любом порядке, выстраивая ленту.
- Следите за обновлением предпросмотра в реальном времени, затем нажмите «Скачать PNG», чтобы сохранить изображение.
Пример
Ввод
Post 1: blog "wanderfeed", type photo, text "Golden hour never disappoints…", notes "2,481" · Post 2: blog "quietthoughts", type quote · Post 3: blog "coffeeanddrafts", type textРезультат
PNG-изображение, оформленное как настоящая панель Tumblr: три карточки постов друг под другом, каждая со своим аватаром блога, именем, оформлением, зависящим от типа поста, и счётчиком заметок.Изображение мгновенно отрисовывается на холсте предпросмотра и скачивается в один клик — без ожидания и без обращений к серверу.
Что можно настроить
- любое число карточек постов, у каждой своё название блога и число notes.
- тип поста (текст, фото или цитата) и содержимое для каждой карточки.
- детали оформления, соответствующие реальному стилю ленты дашборда Tumblr.
Ответственное использование
этот генератор создан, чтобы легко делать явно вымышленные изображения для юмора, историй и дизайна. Делясь изображением, добавьте контекст, чтобы было понятно, что это не настоящая лента.
Часто задаваемые вопросы
Законно и этично ли использовать этот инструмент?
Сам инструмент законен для развлечения, макетов, презентаций и дизайна. Незаконно и неэтично использовать созданное изображение для обмана. Используйте его только в явно вымышленных или иллюстративных целях.
Загружает ли инструмент мой контент куда-либо?
Нет. Всё введённое остаётся в памяти браузера и рисуется прямо на элементе canvas с помощью JavaScript. PNG создаётся и скачивается на вашем устройстве — ничего не отправляется на сервер.
сколько постов можно добавить в ленту?
жёсткого ограничения нет — добавляйте сколько угодно карточек постов, а холст автоматически подстроит высоту под получившуюся ленту.
в чём разница между текстовыми, фото- и цитатными постами?
текстовые посты показывают обычный текст, фотопосты добавляют под текстом градиентный заполнитель изображения, а цитатные посты отображают текст курсивом в стиле цитаты — это отражает реальное форматирование типов постов Tumblr.