HTML modern dünyayı yönetiyor. Doğru, bir web geliştiricisi olmak için ne gerektiğini sorarsanız, size JavaScript, frameworkler, Python vb. hakkında her şey söylenecektir. Ancak, her şeyi bir arada tutan HTML'dir.
HTML olmadan internet olmaz ve web siteleri oluşturmak istiyorsanız onu nasıl düzenleyeceğinizi bilmeniz gerekir. Ancak büyük bir proje üzerinde çalışmıyorsanız Sublime Text veya Visual Studio Code'da düzenleme yapmak çok karmaşık olabilir. Basit projeler için şimdi bahsedeceğimiz daha uygun hizmetler mevcuttur.
Kod Kalemi
Kod Kalemi — işbirlikçi bir şekilde düzenleme yapma olanağına sahip kullanışlı bir çevrimiçi düzenleyicidir. HTML, CSS, JavaScript için bir panel ve gerçek zamanlı önizleme için bir pencereden oluşur. Panellerin boyutu, kenarları gerilerek ayarlanabilir. Düzeni veya JS kodunu test etmeniz gerekiyorsa, bu harika bir seçenektir. Ayrıca diğer düzen tasarımcılarının çalışmalarına buradan bakabilirsiniz.
Birden fazla betik bir koleksiyonda gruplandırılabilir, ancak aylık 9 dolara mal olan Pro planına yükseltmeniz gerekir. Bu, depolama, temalar, gerçek zamanlı kod işbirliği ve tam özellikli CodePen IDE'ye erişim ekler.
JSFiddle
JSFiddle JavaScript koduyla oynayabileceğiniz bir "kum havuzu" gibidir. JS'nin HTML ve CSS ile nasıl etkileşime girdiğini görerek, bunları doğrudan serviste düzenleyebilir ve değişikliklerinizin sonuçlarını orada görebilirsiniz.
Bu hizmetin avantajı, kenar çubuğuna Harici İstekler ekleyebilmenizdir, bu da harici JS ve CSS dosyalarını bağlamanıza olanak tanır. İşbirliği işlevi, gerçek zamanlı olarak başka biriyle bir proje üzerinde çalışmanıza olanak tanır.
Hizmetin tek dezavantajı, önizleme panelini güncellemek için Çalıştır düğmesine tıklamanız gerekmesidir. Ancak bu, ayarlara gidip Otomatik Çalıştırma Kodu öğesini etkinleştirerek düzeltilebilir.
JSBin
JSBin – JSFiddle'a daha basit bir alternatif. Tek bir sayfadaki sekmeler arasında geçiş yaparak HTML, CSS ve JavaScript'i düzenlemenize olanak tanır ve ayrıca maksimum esneklik için önizleme ve konsol panelleri arasında geçiş yapar.
JSFiddle harici CSS ve JavaScript kaynaklarını bağlamanıza izin verirken, JSBin yalnızca kullanabileceğiniz yerleşik kütüphanelere sahiptir. Seçim jQuery'den React ve Angular'a kadar geniştir.
Hizmet ücretsizdir ve kayıt gerektirmez, ancak özel yerleştirmeler, kaynak barındırma, Dropbox senkronizasyonu ve kodunuz için genel bir URL istiyorsanız ücretli bir plana ihtiyacınız olacak.
Canlı dokuma
Canlı dokuma Önceki düzenleyiciye benzer, ancak daha güzel bir arayüze sahip (tercihlerimiz farklı olabilir). JSFiddle gibi Liveweave de gerçek zamanlı çalışmanıza ve jQuery gibi belirli üçüncü taraf kütüphanelere bağlanmanıza olanak tanır.
Ancak bazı benzersiz özellikleri vardır. Örneğin, geçerli imleç konumunda bir metin balığı oluşturmak için Lorem Ipsum oluşturucu. CSS Explorer, stiller oluşturmak için görsel bir WYSIWYG düzenleyicisi sağlar. Color Explorer, mükemmel renkleri seçmenize yardımcı olur. Ve Vector Editor'ün yardımıyla site için vektör grafikleri oluşturabilirsiniz.
HTMLevi
HTMLevi — CSS veya JavaScript olmadan yalnızca HTML'ye ihtiyacınız varsa iyi bir seçenek. Net ve minimalisttir. Hizmet dikey olarak bölünmüştür, sol tarafta bir düzenleme paneli ve sağ tarafta gerçek zamanlı bir önizleme vardır.
Dikkat çeken özelliklerden biri de HTML dosyanızı belirtilen bir URL'de yayınlayıp paylaşabilmeniz.
HTMLG
Başka bir seçenek ise - HTMLG. Aynı şekilde çalışır - kod ve HTML önizlemesi olan bir panel. Ancak bu hizmette CSS ve JavaScript'i HTML'ye bağlayıp tek bir proje oluşturamazsınız. Bu dillerde yazılmış kodu düzenlemeniz gerekirse, yeni bir sekme açmanız ve ayrı bir proje olarak düzenlemeniz gerekir.
Lütfen metin içeren web sayfalarını test ediyorsanız 300 kelimelik bir sınır olduğunu unutmayın. Karakter sayısını artırmak ve reklamsız sürümü kullanmak için bir abonelik satın almanız gerekecektir. Ücretli sürüm ayda 5,80 dolardan başlar.
Neden kullanmalısınız?
Bu tür servislerin avantajı, HTML kodunun düzenlenmesi ve işlenmesi için en iyi ve en uygun araç olan tarayıcıda doğrudan çalışmalarıdır.
Notepad++ gibi bir metin düzenleyicide web işaretlemesi yazdığınızda, değişiklikleri dosyaya kaydetmeniz, ardından dosyayı tarayıcıya yüklemeniz, ardından önizlemeniz ve daha fazla değişiklik yapmak için düzenleyiciye geri dönmeniz gerekir. Bu sıkıcı ve israf dolu bir süreçtir!
İncelemedeki hizmetlerin hemen hemen hepsi kod değiştiğinde dinamik olarak güncellenebilir. Pencereler arasında geçiş yapmaya gerek yoktur. HTML'yi yapılandırırsınız ve değişiklikler otomatik olarak yapılır. Hangi bilgisayarda çalışıyor olursanız olun, İnternet bağlantınız varsa gerekli belgeye erişebilirsiniz.