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!
9 Temmuz 2015 Perşembe
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.
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:
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!
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>
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ü - HTML kodlar deneyin
11.09.2014 Yenilikler:
- Yeni renk şeması: Gözlerinizi yormayan ve kodlamayı eğlenceli hale getiren bir tema.
- Seçimi Kaydet özelliği: Artık ister kodun tamamını, isterseniz ise sadece seçtiğiniz kısımları da, kaydedebileceksiniz! Üstelik tek tıklamayla!
- Daha fazla uyumluluk: Daha fazla ekranla, her tarayıcıda aynı harika performans!
- Tam ekran kod düzenleme: Artık kod alanının üzerindeki menüden kodlama editörünü tam ekran yapabilirsiniz.
- Toggle Editor: basit ve gelişmiş editör arasında tek tıklamayla seçim yapın.
- Satır numaralandırma: Kodlamalarınızda satır numaraları da görünecek!
- Emmet: Windows+A tuş kombinasyonuyla Emmet kodlamalarınızı açabilirsiniz.
- Kusursuz kod renklendirme: Artık kod renklendirme özelliği hiçbir zaman olmadığı kadar mükemmel.
- Koddostu Kodlama Araçları:
-Adresleri linklere dönüştürün
-İçerik ortalayın
-İçerikleri açılır pencere içinde gösterin
-Javascript kodlamanızı sayfa yüklenişinde çalıştırın
-Seçtiğiniz bir metnin kaç karakter olduğunu anında görün
-Yazıları kayan yazıya dönüştürün
-Kodlamanızın dilediğiniz bir bölümünü pasif&aktif hale getirin.
Ve çok daha fazla yenilik! Hemen şimdi kod önizleme editörümüzü kullanmaya başlayın!
Kaydol:
Kayıtlar (Atom)