Gelişmiş Türkçe Lorem Ipsum, Placeholder Görsel ve Persona Oluşturucu | Ücretsiz Tasarımcı Aracı


") ? res.replace("
", "
"+l) : l + res; }const out = document.getElementById('text_output'); out.value = res; // İstatistik const words = res.replace(/<[^>]*>?/gm, '').trim().split(/\s+/).length; const chars = res.length; document.getElementById('text_stats').innerText = `${words} Kelime | ${chars} Karakter`; }function generateImage() { const w = document.getElementById('img_width').value; const h = document.getElementById('img_height').value; const bg = document.getElementById('img_bg').value.replace('#',''); const c = document.getElementById('img_text_color').value.replace('#',''); let txt = document.getElementById('img_text').value; let u = `https://placehold.co/${w}x${h}/${bg}/${c}`; if(txt) u += `?text=${encodeURIComponent(txt)}`; document.getElementById('img_output_url').value = u; document.getElementById('img_preview').src = u; document.getElementById('img_preview').style.display = 'inline-block'; }let currentPersona = {}; function generatePersona() { const g = document.getElementById('persona_gender').value; let isMale = g === 'male'; if(g === 'mix') isMale = Math.random() > 0.5;const nameList = isMale ? DB.names_m : DB.names_f; const fname = nameList[Math.floor(Math.random() * nameList.length)]; const lname = DB.surnames[Math.floor(Math.random() * DB.surnames.length)]; const fullName = fname + " " + lname; const role = DB.roles[Math.floor(Math.random() * DB.roles.length)]; const trMap = {'ç':'c','ğ':'g','ı':'i','ö':'o','ş':'s','ü':'u','Ç':'C','Ğ':'G','İ':'I','Ö':'O','Ş':'S','Ü':'U'}; let safeName = fname.toLowerCase().replace(/[çğışüö]/g, l => trMap[l]) + "." + lname.toLowerCase().replace(/[çğışüö]/g, l => trMap[l]); const email = safeName + "@sirket.com"; const phone = "05" + Math.floor(Math.random() * 90 + 30) + " " + Math.floor(Math.random() * 899 + 100) + " " + Math.floor(Math.random() * 89 + 10) + " " + Math.floor(Math.random() * 89 + 10); const avatarId = Math.floor(Math.random() * 70); const avatarUrl = `https://i.pravatar.cc/150?img=${avatarId}`;const bio = DB.tr_corp[Math.floor(Math.random()*DB.tr_corp.length)] + " alanında " + DB.tr_corp[Math.floor(Math.random()*DB.tr_corp.length)] + " çalışmaları yürüten deneyimli bir profesyonel.";document.getElementById('p_img').src = avatarUrl; document.getElementById('p_name').innerText = fullName; document.getElementById('p_role').innerText = role; document.getElementById('p_email').innerText = email; document.getElementById('p_phone').innerText = phone; document.getElementById('p_bio').innerText = bio; document.getElementById('persona_result').style.display = 'flex'; currentPersona = { name: fullName, role: role, email: email, phone: phone, bio: bio, avatar: avatarUrl }; }function copyPersonaJSON() { if(!currentPersona.name) return; const ta = document.createElement('textarea'); ta.value = JSON.stringify(currentPersona, null, 2); document.body.appendChild(ta); ta.select(); document.execCommand('copy'); document.body.removeChild(ta); const m = document.getElementById('msg_json'); m.style.display = 'inline'; setTimeout(()=> m.style.display='none', 2000); }function copyToClipboard(id) { const el = document.getElementById(id); el.select(); document.execCommand('copy'); // Buton efekt const btn = document.querySelector(`button[onclick="copyToClipboard('${id}')"]`); const originalText = btn.innerText; btn.innerText = "Kopyalandı!"; btn.style.background = "#2ea043"; // Yeşil setTimeout(() => { btn.innerText = originalText; btn.style.background = "#3c3c3c"; }, 1500); } document.addEventListener("DOMContentLoaded", function() { if(document.getElementById('text_output')) generateText(); });
[geo_ad]
Web tasarımcıları, arayüz (UI/UX) geliştiricileri ve front-end uzmanları için zaman en değerli kaynaktır. Projelerinizin taslak (wireframe) ve prototip aşamalarında “Buraya hangi metni yazmalıyım?” veya “Test için nasıl bir profil fotoğrafı bulurum?” diye düşünerek vakit kaybetmeyin.
Geliştirdiğimiz bu Ücretsiz Tasarımcı Araç Seti, ihtiyaç duyduğunuz tüm dolgu verilerini (dummy data) saniyeler içinde üretir. Üstelik sıradan Latince metinler yerine, projenizin ruhuna uygun sektörel Türkçe içeriklerle sunumlarınızı çok daha profesyonel bir seviyeye taşıyabilirsiniz.
Müşterilerinize bir web sitesi veya mobil uygulama arayüzü sunarken, klasik “Lorem ipsum dolor sit amet” metinleri tasarımı cansız gösterir ve kullanıcının odaklanmasını zorlaştırır. Anlamlı görünen Türkçe yer tutucu metinler kullanmak, tipografinin ve tasarımın gerçek dünya koşullarında nasıl durduğunu test etmenin en iyi yoludur. Dipsiz Kuyu içerik oluşturucu aracı sayesinde; metin, görsel ve kullanıcı profillerinin hepsini tek bir panelden, projenizin konseptine uygun olarak üretebilirsiniz.
Bu aracı sadece standart bir metin üreteci olmanın ötesine taşıdık ve modern web geliştirme süreçlerine entegre edilebilir hale getirdik.
Farklı sektörler için özel olarak eğitilmiş kelime havuzumuz sayesinde, projenizin bağlamına (context) tam uyan metinler üretebilirsiniz:
<p>, <b> veya <i> gibi HTML etiketleriyle birlikte kopyalayarak kodlamaya anında dahil edebilirsiniz.Tasarımınızdaki boş grid yapıları veya banner alanları için grafik programları açıp gri kutular çizmekle uğraşmayın.
<img src="..."> etiketinizin içine yerleştirin.Web sitelerinin “Ekibimiz”, “Müşteri Yorumları (Testimonials)” veya “Kullanıcı Profilleri” bölümlerini tasarlarken gerçekçi veri bulmak zordur.
[geo_ad3]
Tasarım sürecinizi hızlandırmak için bu sayfayı tarayıcınızın “Sık Kullanılanlar” çubuğuna eklemeyi unutmayın: