Samet OFFİCAL Hazır Kod Araçları
Seçili metne hangi değişikliğin uygulanmasını istersiniz?
Adresi Linke Dönüştür İçeriği Ortala Önizlemede Gizle Sayfa Yüklenince Çalıştır Kayan Yazıya Dönüştür Lightbox ile Göster Önizlemede Göster Karakter Say Kapat
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!
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ü 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!
Zaten kodları geniş bir alanda önizlemenize ve dilerseniz kaydetmenize izin veren editörümüze şimdi bir özellik daha eklendi!
Kaydol:
Kayıtlar (Atom)
Kodunuz Kaydediliyor:
Linkinizin yanındaki raw code seçeneğine tıklayarak kodunuzu metin belgesi halinde kaydedebilirsiniz.
Kaydedilen kodlarınız ile ilgili çıkabilecek sorunlardan site yönetimimiz sorumlu tutulamaz.
Kaydedilen kodlarınız ile ilgili çıkabilecek sorunlardan site yönetimimiz sorumlu tutulamaz.
DönüştürmeDönüştürme SmileSmile