CodeKitHubБұл құрал не істейді?
Tumblr Dashboard Симуляторы нағыз Tumblr dashboard лентасын қайта жасайды — блог атауы, белгілер саны және жеңілдетілген мазмұны бар әртүрлі типтегі (мәтін, фото және дәйексөз) жазба карточкаларының айналмалы жинағы — оны бөлісуге болатын макет суреті ретінде экспорттауға мүмкіндік береді.
Оны ешқашан алаяқтық дәлелдер жасау, біреуді мазалау немесе жала жабу, немесе нақты адамдардың нақты жазбаларын елестету үшін пайдалануға болмайды — бұл сіздің юрисдикцияңызға байланысты заңсыз болуы мүмкін.
Барлығы сіздің браузеріңізде HTML Canvas API арқылы жергілікті түрде жасалады; ешнәрсе серверге жүктелмейді.
Оны неге пайдалану керек?
- 100% жергілікті рендеринг — сіздің мазмұныңыз серверге ешқашан тимейді.
- Әзіл, әңгіме немесе презентацияны шынайы Tumblr лента макетімен көрсетіңіз.
- Қолданба, курс немесе слайд-презентация үшін Tumblr стиліндегі dashboard UI тұжырымдамаларының прототипін жасаңыз.
- Аккаунт керек емес, жүктеу керек емес, су таңбасы жоқ — жай ғана теріп, жүктеп алыңыз.
Оны қалай пайдалану керек
- Лентаға жаңа жазба карточкасын қосу үшін "+ Жазба қосу" түймесін басыңыз.
- Әр жазба үшін блог атауын, белгілер санын, мәтінді және жазба түрін (мәтін, фото немесе дәйексөз) толтырыңыз.
- Лентаны құру үшін жазбаларды кез келген ретпен қосыңыз немесе алып тастаңыз.
- Тікелей алдын ала қарауды жаңартуын бақылаңыз, содан кейін суретті сақтау үшін "PNG жүктеп алу" түймесін басыңыз.
Мысал
Енгізу
1-жазба: блог "wanderfeed", түрі фото, мәтін "Golden hour never disappoints…", белгілер "2,481" · 2-жазба: блог "quietthoughts", түрі дәйексөз · 3-жазба: блог "coffeeanddrafts", түрі мәтінНәтиже
Нағыз Tumblr dashboard сияқты стильденген PNG: үш қабатталған жазба карточкасы, әрқайсысында өз блог аватары, атауы, жазба түріне сай стильденген мазмұны және белгілер саны бар.Сурет тікелей алдын ала қарау canvas-ында бірден рендерленеді және бір рет басу арқылы жүктеледі — күту жоқ, серверге бару жоқ.
Нені баптай аласыз
- Кез келген саны жазба карточкалары, әрқайсысында өз блог атауы мен белгілер саны бар.
- Әр карточка үшін жазба түрі (мәтін, фото немесе дәйексөз) және мазмұны.
- Tumblr-дың нағыз dashboard лента стиліне сай орналасу мәліметтері.
Жауапты пайдалану
Бұл генератор әзіл, әңгімелеу және дизайн жұмысы үшін анық ойдан шығарылған макет суреттерін жасауды жеңілдету үшін жасалған. Осы құралмен жасалған суретті бөліссеңіз, көрермендер оның нағыз dashboard ленасы емес екенін түсінуі үшін контекст қосуды қарастырыңыз.
Жиі қойылатын сұрақтар
Бұл құралды пайдалану заңды немесе этикалық ба?
Құралдың өзі ойын-сауық, макеттер, презентациялар мен дизайн жұмысы үшін пайдалануға заңды. Заңсыз немесе этикасыз болатыны — жасалған суретті біреуді алдау үшін пайдалану. Оны тек анық ойдан шығарылған немесе иллюстрациялық мақсаттар үшін ғана пайдаланыңыз.
Құрал менің мазмұнымды қайдан да болса жүктей ме?
Жоқ. Сіз теретін барлық нәрсе браузеріңіздің жадында қалады және JavaScript арқылы canvas элементіне тікелей сызылады. PNG сіздің құрылғыңызда жасалады және жүктеледі — ешнәрсе серверге ешқашан жіберілмейді.
Лентаға қанша жазба қоса аламын?
Қатаң шектеу жоқ — қалаған сан жазба карточкаларын қосыңыз, ал canvas пайда болған лентаға сай өз биіктігін автоматты түрде өзгертеді.
Мәтін, фото және дәйексөз жазбаларының арасындағы айырмашылық қандай?
Мәтіндік жазбалар қарапайым жазба мәтінін көрсетеді, фото жазбалар мәтіннің астына градиентті сурет орынбасарын қосады, ал дәйексөз жазбалары мәтінді курсивтелген дәйексөз стилінде көрсетеді — бұл Tumblr-дың нақты жазба түрі пішімделуін көрсетеді.