Sayfa Olarak Önizle
 Kodlarınızı buraya yapıştırıp, üstteki "Önizle" butonuna tıklayın!

Örnek:

<a style="color:red;"> YAZI </a>

Kod Editöründe Zen Coding de kullanabilirsiniz. Aşağıdaki satırın sonuna tıklayıp CTRL ve E tuşlarına aynı anda basın:

div#header>ul>li*4>a
Kod Deneme Aracımızından En İyi Performansı Alabilmek İçin Chrome veya Firefox Kullanın.

Yeni Kod Önizleme Editörünüze Merhaba Diyin!

Türkiye'nin bir numaralı kod deneme sitesi onizle.koddostu.com güncellendi! İşte yeni sürüm ile birlikte gelen yenilikler:

Editör Boyutu

Yeni yerleşim düzeni sayesinde kodlarınızı yapıştırdığınız ve düzenlediğiniz alanda %12, kodları önizlediğiniz alanda ise %33e varan bir büyüme sağladık! Artık ekranınızda dev önizleme alanını kullanarak hazır html, css, jquery ve javascript kodlarınızı çok daha rahatça kullanabilirsiniz!

Kod Vurgulama&Renklendirme

Kodları online önizlemek kolay, ancak online düzenlemek biraz can sıkıcı olabilir. Özellikle kodlama konusunda bir uzman sayılmazsanız kodun belli başlı kısımlarını bir bakışta ayırt etmekte zorlanırsınız. Bu nedenle Code Highlighting denilen yönteme başvurduk ve kodlarınızın her bir kısmının kendi niteliğine göre ayrı bir renk almasını sağladık! Kodlama bilginiz olmasa bile artık basit kodların nasıl çalıştığını anlayabileceksiniz!

Zen Coding Desteği

 Zen Coding, sayfalarca html kodlamayı sadece bir iki satır yazı ile kodlamanızı sağlayan muhteşem bir yöntemdir.

 Örneğin, html5 dosyası içerisinde bir div elementi oluşturacaksanız tek yapmanız gereken html:5>div yazıp CTRL ve E tuşlarına aynı anda basmak! Ardından yazdığınız bu kısa kod şuna dönüşecek:

<!DOCTYPE HTML>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <div></div>
</body>
</html>
Eğer bir menü hazırlamak istiyorsanız, ul>li*5>a{seçenek} gibi bir kod da işinizi görür! Yeni Zen Coding yeteneği sayesinde online Kod Önizleme ve düzenleme sitemiz rakipleriyle arasındaki uçurumu daha da büyütüyor, size kodlamanın zevkini doruklarda yaşama imkanı sağlıyor!


Anında Önizle

Kodlarınızı yazarken, bir yandan da otomatik olarak önizlenmesini isterseniz, "Önizle" butonunun sağ üstündeki kutucuğu işaretlemeniz yeterli! Bu şekilde hazır kodlamalarınızı daha hızlı önizleyebilir ve hiç vakit kaybetmezsiniz!

Kodlarınız Kaybolmasın!

Zaten halihazırda bulunan kod kaydetme seçeneğimizi geliştirmekle kalmadık, kazara kapatılan pencereler yüzünden kodlarınız kaybolmasın diye, sayfa çıkışına onay kutusu ekledik. Bu şekilde, yazdığınız kodun bulunduğu sayfayı yanlışlıkla kapatma derdi de bitiyor!

Kod Deneme Editörü Güncellendi



Kod Önizle adlı deneme editörümüz tekrar güncellendi. Tasarımında büyük değişiklikler yaptığımız kod deneme editörümüz artık kod kaydetmeyi de çok daha pratik bir hale getiriyor.

KOD DENEME EDİTÖRÜ! ANINDA ÖNİZLEME SEÇNEĞİYLE!

Artık anında önizleme saçeneğini kullanabilirsiniz! kod deneme editörümüzü sizin için güncelledik! daha geniş deneme alanı ve daha fazla seçenek ile zenginleştirdiğimiz kod önizleme aracımız, html css ve javascript kodlarınızı denemeniz için sizlere eşsiz bir fırsat sınıyor!

Kod Deneme Editörü - Geliştirilmiş Versiyon

  Genişletilmiş Deneme alanı, kod kaydetme seçeneği, Ayrı bir sayfada kod deneme yeteneği ile alanında lider bir kod deneme editörü ile tanışın!

Kod Denemek Hiç Bu Kadar Rahat Olmamıştı!

  Kodlarınızı denemek için her zaman bir editör bulabilirsiniz! Ama bizim kod deneme editörü müz kadar iyi bir editör bulmak zor!

  Zaten kodları geniş bir alanda önizlemenize ve dilerseniz kaydetmenize izin veren editörümüze şimdi bir özellik daha eklendi!

Güncelleme: Artık Kodlarınızı Kaydedebilirsiniz!


  Evet doğru anladınız! Kod Deneme Editörümüzde yaztığınız kodları kaybetmemek istiyorsanız, yeni özelliğimiz çok işinize yarayacak!

KOD ÖNİZLEME EDİTÖRÜ ! KODLARINIZI DENEYİN !

kodu nereye


Önizle kod önizlemek öizlemek önizleme için kodu yazın yapıştırın önizlemeye tıklayın kodlarınızı görün sitemizde her türlü html kodu önizleyebilirsiniz.

↓ Detaylar, Haberler, İpuçları ↓