Hot Page - Grafik Site Oluşturucu
(hot.page)- Hot Page, gerçek HTML, CSS, JavaScript kullanırken aynı zamanda görsel araçlar ve sürükle-bırak ile web sitesi oluşturmayı sağlayan grafiksel bir kod editörüdür
- “no code” kısıtları yerine yes code yaklaşımını benimser; şablonlara bağımlı olmaktan çok sayfa kaynak kodunu görüp kopyalama ve remiksleme yoluyla üretimi vurgular
- Basit siteler ücretsiz oluşturulabilir ve kendi alan adınız bağlanabilir; model, yalnızca daha fazla seçenek gerektiğinde yükseltmeye dayanır
- Oluşturulan site indirilip başka bir yerde barındırılabilir; front-end framework’leri, custom element’ler, web platformu API’leri ve açık kaynak kod parçaları da kullanılabilir
- Web standartları üzerinde çalışıp web geliştirme becerilerini edinmeye uygun bir akış sunduğu için, ayrı soyutlamalar veya yeni bir editör arayüzü öğrenme yükünü azaltır
Gerçek kod tabanlı görsel üretim
- Hot Page, web sitesi oluştururken gerçek HTML, CSS, JavaScript kullanan grafiksel bir site oluşturucudur
- Editör, sürükle-bırak kod editörünü görsel araçlarla birleştirerek sıfırdan özgün tasarımlar oluşturmayı mümkün kılar
- Hemen denenebilen bir editör deneyimi sunar; ücretsiz web sitesi oluşturma ise kayıt sayfasından başlatılabilir
- Şablon sunmak yerine tüm sayfaların kaynak kodunu görmeye izin verir; bu kod kopyalanıp her yerde remikslenebilir
- Gerekli işlevler, internetteki front-end framework’leri, custom element’ler, kod parçaları ve açık kaynak uygulamalar alınıp eklenerek kullanılabilir
Dağıtım ve sahiplik
- Basit siteler ücretsiz oluşturulabilir; kendi alan adınızı da ücretsiz kullanabilirsiniz ve yalnızca daha fazla seçenek gerektiğinde yükseltmeniz yeterlidir
- Hot Page’den ayrılmak istediğinizde sitenizi indirip yanınıza alabilir ve istediğiniz yerde barındırabilirsiniz
Web geliştirme öğrenimine uygun akış
- Web geliştirmeye yeni başlayanlar site oluştururken kodlamayı öğrenebilir; web geliştirmeyi zaten bilen kullanıcılar ise mevcut bilgileriyle hemen kullanabilir
- Temel web teknolojilerini doğrudan kullandığı için yeni soyutlamalar veya editör arayüzleri öğrenme yükünü azaltır; web’in geriye dönük uyumluluğu da bir avantaj olarak vurgulanır
- Öneri metinleri; temiz semantik kod çıktısını, 12 sütunlu responsive düzen oluşturmayı, hızlı landing page ayarlamalarını, yeni CSS özellikleri ve web platformu API’lerini kullanmayı, anında yüklenen responsive site çıktısını avantajlar arasında gösterir
- HotFX library, renk ve hareket ekleyen özel efektlerden oluşan bir koleksiyondur
1 yorum
Hacker News yorumları
Hot Page'i yapan Tim benim. Eski bir yan projeydi ve şimdi birkaç arkadaşın yardımıyla bootstrap ederek büyütüyorum
Amaç, Squarespace veya Wix gibi sürükle-bırak editörlerin rahatlığını sunarken, HTML öğeleri ve CSS kuralları gibi bir web sayfasının temel yapı taşlarıyla olan bağı kaybetmemek. Web Components'ın ortaya çıkışıyla bu modelin çok daha güçlü hâle geldiğini düşünüyorum
Aslında birkaç ay sonra bunu bizzat HN'de paylaşmayı planlıyordum, ama şu anda editörü çok daha güçlü kılacak özellikler üzerinde çalışıyorum. CSS özelliklerini görsel olarak daha fazla düzenlerken üretilen CSS ile bire bir bağlantıyı koruyan özellikler,
:hoverve medya sorgularını kullanabilen öğe başına inline CSS editörü, sol panelde temel öğelerle birlikte yer alacak bir kod parçacığı kütüphanesi, Web Components ile daha sıkı entegrasyon ve VS Code language server üzerinden doğru otomatik tamamlama planlar arasındaUzun zamandır HN'yi sessizce takip ediyorum ve bu topluluğu seviyorum. Özellikle pazarlamanın gerçekten zor bir mesele olduğu ortaya çıktığı için, hem düşüncelere hem de geri bildirimlere açığım
slinky aptalca ama eğlenceli, galeri bileşeni ise oldukça havalı. Hafif ve kullanımı kolay görünüyor; ne olup bittiğini ayrıntılı biçimde anlatan açıklama notlu kaynak kodu sayfası ise etkileyiciydi. Eğer zıplayan, dönen ve birçok renkte parlayan metin hedefse, asıl güçlü yanın elle yazılmış dokümantasyon gibi görünüyor
Görsel stil açıkça harika ve bu zevkin müşteri sitelerine de yansıyarak webde daha eğlenceli, daha saçma ama gerçekten kullanılabilir şeylerin çoğalmasını isterim
Görsel oluşturucunun yanında bir Web Components kataloğu ve custom elements manifest doğrulayıcısı da geliştiriyorum. Umarım bu araçların kullanabileceği yüksek kaliteli Web Components sayısı artar ve katalog da oluşturucunun içine gömülebilir hâle gelir
AstroJetson'ın iletişim ve dokümantasyonun iyi olduğu yönündeki yorumuna katılıyorum. Fiyatlandırma ve ücretsiz planda özel alan adı desteği sunmaları da hoş. Böyle şeyleri görünce iyi insanlar gibi geliyorlar ve destekleyesim geliyorTamamen sıfırdan mı başladılar, yoksa temel olarak kullandıkları mevcut bir CSS kiti var mı merak ediyorum
Göz atarken vitrin örnekleri arasında https://alice.hot.page/ sitesini buldum ve gerçekten 5 dakika boyunca Alice Harikalar Diyarında okudum. Zamanımı nasıl harcadığımı biraz sorgulamam gerekecek gibi
Oldukça iyi görünüyor. Garip şekilde beni neredeyse 20 yıl önceki öğrencilik günlerime geri götürdü. Alan adı alacak param yoktu ama World Wide Web üzerinde birkaç web sitesi yapmak istiyordum
Ücretsiz hosting ararken Geocities'i keşfettim, ama orada siteler
foo.geocities.comgibi alt alan adlarında değil,geocities.com/foogibi bir yol altında barındırılıyorduSonunda adının hakkını vererek 20MB ücretsiz hosting alanı sunan 20m.com'u buldum ve en iyi yanı, web sitemi bir alt alan adı altında yayımlayabiliyor olmamdı
İnanılmaz ama o zaman yaptığım sitelerden biri hâlâ yaşıyor: http://encoders.20m.com/ Lütfen içeriği yargılamayın. Gençtim, saftım ve sadece web ile oynadığım bir dönemdi
2007'den 2022'ye kadar şifreyi kaybetmiştim, sonra Yahoo e-posta hesabımı kurtarınca ona da yeniden erişebildim
Buradaki estetik anlayışı seviyorum. Benzer çizgideki başka bir proje olan https://mmm.page/ aklıma geliyor
Kendi kendine barındırma da yapılabilen açık kaynak içerik manipülasyon sistemi Hotglue[1]'dan esinlenilmiş olabilir diye düşündüm
[1]https://hotglue.me/
Hot Page, soyutlama kullanmayan görsel bir sürükle-bırak web editörü; bu yüzden kullanırken ortaya çıkan DOM'un tamamını tamamen kontrol edebiliyorsunuz. Yani tüm öğeleri, iç içe yapıları, nitelikleri, CSS kurallarını doğrudan ele alabiliyorsunuz. Bu yüzden gerçek site yapmak için kullanılan bir CodePen gibi hissettiriyor. Bu felsefe hakkında burada daha fazla yazdım: https://hot.page/takes/picking-the-right-abstraction
Sayfayı görsel yarı-WYSIWYG ve yarı öğe ağacı modunda gösteren benzer bir yaklaşımı vardı
Kurulum için de çoğunlukla PHP çalıştırabilen bir web sunucusuna tek bir klasör koymak dışında bir şey gerekmiyordu. Birkaç ay önce bununla ilgili bir inceleme yazısı da yazdım: https://rafichaudhury.com/site/blog/Freehand-Web
Her hâlükârda Hotglue'nun son birkaç yıldır geliştirilmiyor olması üzücü. Birkaç arkadaşım hâlâ kişisel sitelerinde kullanıyor
Bu tuhaf ve parıltılı modanın geri dönmesine sevindim. Fazla uzun süredir temiz ve düz tasarım dünyasında yaşıyorduk
Artık biraz daha öz farkındalıklı ve kaçınılmaz olarak alaycı, hatta kendini küçümseyen bir yanı var ama bunun da postmodernizm olduğunu düşünüyorum
Tasarım ve iletişim tarzı gerçekten çok iyi. Hem senden hem üründen hoşlanmamı sağladı
İlk başta HN başlığından çok ürünün daha ilginç olacağı hissiyle tıkladım. Siteye girer girmez, “Nihayet uzlaşmayla törpülenmiş tasarımın dışına çıkmaktan korkmayan biri var” diye düşündüm ve umarım böyle cesur kalmaya devam eder
Ayrıca bu tasarımı sevecek insanları tanıdığımı da düşündüm. Benden sık sık arkadaşlarım için site yapmam isteniyor ama zaman ve esneklik eksikliğiyle, küçük işletmelerin kendi alan adlarında kullanması için can sıkıcı derecede yüksek maliyetler yüzünden çoğu zaman reddetmem gerekiyor. Landing page'e bakınca tam olarak bunu sunmaya çalışıyor gibi göründü. Geliştirici olarak hızlı üretilebilen, iyi görünen ve çok pahalı olmayan bir yol mümkünmüş gibi duruyor
HN başlığını okumaya başlayınca ne kadar samimi ve ayakları yere basan biri gibi göründüğüne şaşırdım. Ürünü deneyeceğim ve eksikleri olsa da sabır göstereceğim. Şu an HN'de yaptığın gibi kaydolan insanlarla iletişim kurmaya devam edersen, seni ve ürünü desteklemek isteyen çok sayıda hayranın olacaktır
Hot Page'i kendi imkânlarımla bootstrap etmeye gerçekten kararlıyım; böylece kimse tasarımı daha sıradan hâle getirmem ya da müşterileri sömüren bir yöne gitmem için baskı yapamaz. Tabii tüm programlamayı ve pazarlamanın büyük kısmını tek başına yapmak kolay olmadı
Şu anda gerçekten ihtiyacım olan şey, beta sürümünü deneyip geri bildirim verebilecek müşteriler. Desteğin için teşekkürler
Cumartesi sabahı çok erken saatte bana Geocities sayfamı hatırlattığın için teşekkürler. Keşke dönen under construction tabelası da eklenebilse. En iyisi oydu
Fiyatlandırmaya baktım; ayda 9 dolar için 5 GB bant genişliği var ve kulağa mantıksız derecede pahalı geliyor
Şahsen ismi pek iyi bulmadığımı söyleyebilir miyim bilmiyorum. Kadınlar kendi isimlerini alt alan adına koymakta tereddüt edebilir gibi geliyor
Yine de insanlar Neocities gibi bir yerde barındırmayı tercih edebilir. Muhtemelen bunun nedeni Neocities'te kedi olması ve genel olarak daha şirin görünmesi