Yazılım & Geliştirici Araçları

Geliştirme süreçlerinizi hızlandıracak, SEO dostu, hafif ve tarayıcı tabanlı mini araçlar koleksiyonu.

JSON Formatter & Validator

Ham JSON metnini okunaklı hale getirin veya minify (küçültme) yapın. Sözdizimini doğrular.

Ham JSON Metni

Biçimlendirilmiş Çıktı

Güvenli Şifre Üretici

Kırılması zor, yüksek güvenlikli rastgele parolalar oluşturun.

Şifre Seçenekleri

Büyük Harfler (A-Z) Küçük Harfler (a-z) Rakamlar (0-9) Özel Karakterler (!@#$%^&*)

Şifre Uzunluğu: 16

Oluşturulan Şifre

Base64 Kodlayıcı / Çözücü

Metinleri Base64 formatına kodlayın ya da kodlanmış Base64 verilerini orijinal haline getirin.

Girdi Metni

Sonuç Çıktısı

URL Encoder & Decoder

URL içindeki özel karakterleri yüzde (%) kodlamasıyla çevirin veya çözün.

Girdi URL / Metin

Sonuç Çıktısı

HTML Kaçış Karakterleri (Entity) Dönüştürücü

HTML kodlarındaki özel karakterleri (<, >, &, ", ') güvenli HTML entity formatına çevirin veya çözün.

Girdi HTML Kodları / Karakterler

Sonuç Çıktısı

Markdown Önizleyici (Live Previewer)

Yazdığınız Markdown belgelerini anında CSS biçimli HTML önizleme olarak izleyin.

Markdown Girişi

Canlı Önizleme

Karşıda markdown yazdığınızda önizleme burada görünecektir...

İnteraktif Kod Laboratuvarı (Playground)

HTML, CSS ve JavaScript kodlarınızı tarayıcıda canlı olarak derleyin, test edin.

<!-- Buraya HTML yazın -->
<div class="container">
  <h1>Selam Dünya!</h1>
  <p>Kodlarınızı düzenleyip canlı önizlemeyi izleyin.</p>
  <button id="btnClick" class="btn">Beni Tıkla</button>
</div>

/* Buraya CSS yazın */
body {
  font-family: 'Outfit', sans-serif;
  background: #09090b;
  color: #fafafa;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 90vh;
  margin: 0;
}
.container {
  text-align: center;
  border: 1px solid #27272a;
  padding: 30px;
  border-radius: 12px;
  background: #18181b;
}
.btn {
  background: #fafafa;
  color: #09090b;
  border: none;
  padding: 10px 20px;
  border-radius: 6px;
  cursor: pointer;
  font-weight: 600;
  transition: all 0.2s;
}
.btn:hover {
  opacity: 0.9;
  transform: scale(1.05);
}

// Buraya JS yazın
document.getElementById('btnClick').addEventListener('click', () => {
  alert('Kod Laboratuvarı Çalışıyor!');
});

Canlı Önizleme