4 puan yazan GN⁺ 2024-08-25 | 1 yorum | WhatsApp'ta paylaş
  • 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

 
GN⁺ 2024-08-25
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, :hover ve 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ında
    Uzun 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

    • microflash benden önce davranmış, ben de ekleyeyim. https://fx.hot.page/ adresinde birkaç Web Components var
      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
    • Web Components ile görsel uygulama oluşturucu birleşimi gerçekten çekici bir alan. Ben de benzer bir şey yaptığım için daha fazla yaklaşımın ortaya çıkmasına seviniyorum
      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
    • HN lansman planını bozduğum için üzgünüm. Tesadüfen keşfettim ama webde böyle tesadüfler oluyor; harika göründüğü için buraya bırakmış oldum. Sonraki gelecek şeyleri merakla bekliyorum
    • Sade, katıksız webi seven biri olarak mevcut hot.page'in tamamını seviyorum. Nihayet karakter sahibi bir web varlığı çıkmış gibi hissettiriyor
      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 geliyor
    • HyperCard'ı anımsatan stil gerçekten çok hoşuma gidiyor; bunu nasıl yaptıklarını merak ediyorum
      Tamamen 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

    • Aşağı doğru devam eden kaydırma efekti gerçekten çok havalıydı. Paylaştığın için teşekkürler
  • 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.com gibi alt alan adlarında değil, geocities.com/foo gibi bir yol altında barındırılıyordu
    Sonunda 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

    • 2002'de ben de benzer durumdaydım. Geocities'i görmedim, doğrudan freeservers.com'u bulup davinder.8m.net sitesini yaptım; o da hâlâ duruyor
      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 benim projem ama bir şekilde Hotglue'dan haberdar değildim. Şimdi bakınca dışarıdan benzer görünüyorlar ama aslında farklı olduklarını düşünüyorum
      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
    • Pek benzediklerini düşünmüyorum. Bana daha çok 90'larda kısa süre popüler olmuş eski HTML/sayfa editörü HoTMeTaL'i hatırlattı
      Sayfayı görsel yarı-WYSIWYG ve yarı öğe ağacı modunda gösteren benzer bir yaklaşımı vardı
    • Benim de ilk aklıma gelen Hotglue oldu. Bölümleri düzenleyip kullanıcı kodu ve stil ekleyebildiğiniz, gerçekten serbest biçimli bir web tasarım aracıydı
      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
    • Bunu benden önce biri zaten söylemiş. Eğer orijinal projeyle ilgili değilse, ismi bu kadar benzer seçmemeliydi diye düşünüyorum. Kapalı kaynak bir Hotglue klonu/SaaS'i/esinlenilmiş işi gibi görünüyor
      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
    • Bana da HoTMetaL ve HotDog'u çağrıştırdı. İkisi de 90'ların HTML editörleriydi
  • 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

    • Teşekkürler. Aslında bunu neredeyse tam bir izolasyon içinde geliştiriyordum, o yüzden böyle coşkulu geri bildirimler almak gerçekten çok güzel
      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

    • Önceki ana sayfayı görmeliydin: https://old.hot.page/ Web 1.0'a göz kırpan fikir çok iyiydi ama biraz fazla kaba kalıyordu
    • Proje benim değil, o yüzden değiştiremem ama ben de Geocities havası aldığımdan bunu paylaştım
  • 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

    • Bu S3 değil. Bant genişliği sadece katmanları ayırmak için kullanılan ölçütlerden biri
  • Şahsen ismi pek iyi bulmadığımı söyleyebilir miyim bilmiyorum. Kadınlar kendi isimlerini alt alan adına koymakta tereddüt edebilir gibi geliyor

    • “Hot” her zaman “seksi” anlamına gelmez. Asıl siteye bir kez bakınca bu çok net oluyor
      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
    • Hotmail de o isimle gayet başarılı oldu
    • Bana ilk HTML editörlerinden biri olan HoTMetaL'i hatırlattı
    • Ama özel alan adı kullanabildiğin de yazıyor