Hot Page - Builder Situs Grafis

 (hot.page)
4 poin oleh GN⁺ 2024-08-25 | 1 komentar | Bagikan ke WhatsApp
  • Hot Page adalah editor kode grafis yang memungkinkan Anda membuat situs web dengan alat visual dan drag-and-drop sambil tetap menggunakan HTML, CSS, JavaScript nyata
  • Alih-alih keterbatasan “no code”, Hot Page mengusung yes code, dan menekankan cara pembuatan dengan melihat, menyalin, serta me-remix kode sumber halaman, bukan bergantung pada template
  • Situs sederhana dapat dibuat gratis dan dapat dihubungkan ke domain sendiri, dengan model upgrade hanya saat membutuhkan lebih banyak opsi
  • Situs yang dibuat dapat diunduh dan di-hosting di tempat lain, serta dapat memanfaatkan framework frontend, custom element, API platform web, dan potongan kode open source
  • Karena bekerja di atas standar web dan mengikuti alur mempelajari keterampilan pengembangan web, beban untuk mempelajari abstraksi terpisah atau antarmuka editor baru menjadi lebih ringan

Pembuatan visual berbasis kode nyata

  • Hot Page adalah builder situs grafis yang menggunakan HTML, CSS, JavaScript nyata saat membuat situs web
  • Editornya menggabungkan editor kode drag-and-drop dengan alat visual, sehingga memungkinkan pembuatan desain unik dari awal
  • Tersedia percobaan editor yang bisa langsung dicoba, dan pembuatan situs web gratis dapat dimulai dari halaman pendaftaran
  • Alih-alih menyediakan template, kode sumber dari semua halaman dapat dilihat, lalu disalin dan di-remix di mana saja
  • Fitur yang dibutuhkan dapat diambil dan ditempel dari framework frontend, custom element, potongan kode, dan implementasi open source di internet

Deployment dan kepemilikan

  • Situs sederhana dapat dibuat gratis, domain sendiri juga dapat digunakan secara gratis, dan cukup upgrade hanya saat membutuhkan lebih banyak opsi
  • Jika ingin meninggalkan Hot Page, situs dapat diunduh untuk dibawa, lalu di-hosting di mana saja

Alur yang disesuaikan untuk belajar pengembangan web

  • Pemula pengembangan web dapat belajar coding sambil membuat situs, sementara pengguna yang sudah memahami pengembangan web dapat langsung menggunakannya dengan pengetahuan yang ada
  • Karena menggunakan teknologi inti web apa adanya, beban untuk mempelajari abstraksi baru atau antarmuka editor baru berkurang, dan kompatibilitas mundur web juga ditekankan sebagai keunggulan
  • Testimoni menyebut output kode semantik yang bersih, pembuatan layout responsif 12 kolom, penyesuaian landing page yang cepat, penggunaan fitur CSS baru dan API platform web, serta output situs responsif yang langsung dimuat sebagai keunggulan
  • HotFX library adalah koleksi efek khusus untuk menambahkan warna dan gerakan

Bacaan terkait

1 komentar

 
GN⁺ 2024-08-25
Komentar Hacker News

  • Saya Tim, pembuat Hot Page. Ini awalnya proyek sampingan lama, dan sekarang sedang saya kembangkan secara bootstrap dengan bantuan beberapa teman
    Tujuannya adalah menghadirkan kemudahan editor drag-and-drop seperti Squarespace atau Wix, tanpa kehilangan keterhubungan dengan blok bangunan dasar halaman web seperti elemen HTML dan aturan CSS. Dengan hadirnya Web Components, menurut saya model ini jadi jauh lebih kuat
    Sebenarnya saya berencana mempostingnya sendiri ke HN beberapa bulan lagi, tetapi saat ini saya sedang mengerjakan fitur-fitur yang akan membuat editornya jauh lebih kuat. Saya merencanakan fitur untuk mengedit lebih banyak properti CSS secara visual sambil tetap menjaga hubungan 1:1 dengan CSS yang dihasilkan, editor CSS inline per elemen yang bisa memakai :hover dan media query, pustaka potongan kode yang akan masuk ke panel kiri bersama elemen-elemen dasar, integrasi yang lebih erat dengan Web Components, autocomplete yang akurat lewat language server VS Code, dan lain-lain
    Saya sudah lama jadi pembaca diam-diam HN dan menyukai komunitas ini. Apalagi pemasaran ternyata benar-benar jadi tantangan yang sulit, jadi saya menyambut baik pemikiran dan masukan apa pun

    • Karena microflash sudah lebih dulu menyinggungnya, saya ikut menambahkan. Ada beberapa Web Components di https://fx.hot.page/
      slinky memang konyol tapi menyenangkan, dan komponen galerinya cukup keren. Semuanya terasa ringan dan tampak mudah dipakai, dan saya terkesan dengan halaman source code beranotasi yang menjelaskan secara rinci apa yang sedang terjadi. Jika misinya adalah teks yang melompat, berputar, dan bercahaya dalam berbagai warna, kekuatan utamanya tampaknya ada pada dokumentasi yang ditulis langsung dengan tangan
    • Kombinasi Web Components dan visual app builder benar-benar area yang menarik. Saya juga sedang membuat sesuatu yang mirip, jadi senang melihat makin banyak pendekatan bermunculan
      Gayanya jelas sangat bagus, dan semoga selera itu juga meresap ke situs pelanggan sehingga web punya lebih banyak hal yang seru, konyol, tetapi benar-benar berguna
      Di samping visual builder, saya juga sedang membuat katalog Web Components dan validator custom elements manifest. Akan bagus jika semakin banyak Web Components berkualitas tinggi yang bisa dipakai oleh alat-alat seperti ini, dan katalognya juga bisa di-embed ke dalam builder
    • Maaf sudah merusak rencana peluncuran HN-mu. Saya menemukannya secara kebetulan, tapi hal seperti ini memang bisa terjadi di web, lalu saya posting di sini karena kelihatannya keren. Saya menantikan hal-hal berikutnya
    • Sebagai orang yang menyukai web polos biasa, saya suka semuanya tentang hot.page yang sekarang. Rasanya seperti akhirnya muncul aset web yang punya kepribadian
      Saya setuju dengan AstroJetson bahwa komunikasi dan dokumentasinya bagus. Saya juga suka bahwa dukungan custom domain dimasukkan bahkan ke paket harga dan paket gratis. Hal seperti ini membuat mereka tampak seperti orang-orang baik dan jadi mudah didukung
    • Saya sangat suka gaya yang mengingatkan pada HyperCard, dan penasaran bagaimana itu dibuat
      Saya ingin tahu apakah semuanya dimulai benar-benar dari nol, atau ada kit CSS yang sudah ada sebelumnya sebagai dasar

  • Saat melihat-lihat, saya menemukan https://alice.hot.page/ di antara contoh showcase, dan saya benar-benar menghabiskan 5 menit membaca Alice in Wonderland. Sepertinya saya perlu merenungkan kembali bagaimana saya memakai waktu saya

    • Efek scroll yang terus berlanjut ke bawah itu benar-benar keren. Terima kasih sudah menunjukkannya

  • Kelihatannya cukup bagus. Anehnya, ini hampir membuat saya merasa kembali ke masa pelajar sekitar 20 tahun lalu. Saya tidak punya uang untuk membeli nama domain, tetapi saya ingin membuat beberapa situs web di World Wide Web
    Saat mencari hosting gratis saya menemukan Geocities, tetapi di sana situs di-host bukan di subdomain seperti foo.geocities.com, melainkan di bawah path seperti geocities.com/foo
    Pada akhirnya saya menemukan 20m.com, yang sesuai namanya menawarkan 20MB ruang hosting gratis, dan bagian terbaiknya adalah saya bisa menerbitkan situs web saya di bawah subdomain
    Anehnya, salah satu situs yang saya buat waktu itu masih hidup sampai sekarang: http://encoders.20m.com/ Tolong jangan nilai isinya. Waktu itu saya masih muda, naif, dan hanya sedang bermain-main dengan web

    • Pada 2002 saya juga mirip. Saya tidak melihat Geocities dan langsung menemukan freeservers.com lalu membuat situs davinder.8m.net, dan itu juga masih hidup sampai sekarang
      Dari 2007 sampai 2022 saya kehilangan kata sandinya, lalu menemukannya lagi setelah memulihkan akun email Yahoo saya

  • Saya suka estetika yang dipakai di sini. Ini mengingatkan saya pada proyek lain dengan nuansa serupa, https://mmm.page/

  • Sepertinya terinspirasi dari sistem manipulasi konten open source Hotglue[1] yang juga bisa di-host sendiri
    [1]https://hotglue.me/

    • Hot Page itu proyek saya, dan entah bagaimana saya bahkan belum tahu soal Hot Glue. Setelah saya lihat sekarang, sekilas memang mirip, tapi menurut saya sebenarnya berbeda
      Hot Page adalah editor web visual drag-and-drop yang tidak memakai abstraksi, jadi selama digunakan Anda bisa sepenuhnya mengendalikan seluruh DOM hasilnya. Artinya, Anda bisa langsung menangani semua elemen, nesting, atribut, aturan CSS, dan sebagainya. Jadi rasanya seperti CodePen untuk membangun situs sungguhan. Saya menulis lebih lanjut soal filosofi ini di sini: https://hot.page/takes/picking-the-right-abstraction
    • Saya tidak merasa keduanya terlalu mirip. Secara pribadi, saya justru teringat HoTMeTaL, editor HTML lama yang sempat populer sebentar pada era 90-an
      Ada pendekatan serupa yang menampilkan halaman dalam mode visual semi-WYSIWYG dan mode semi-pohon elemen
    • Hal pertama yang terlintas di pikiran saya juga Hotglue. Itu adalah alat desain web yang benar-benar bebas, tempat Anda bisa mengedit section dan memasukkan kode serta style sendiri
      Instalasinya juga hampir tidak butuh apa-apa selain menaruh satu folder di web server yang bisa menjalankan PHP. Saya juga menulis ulasannya beberapa bulan lalu: https://rafichaudhury.com/site/blog/Freehand-Web
    • Sudah ada yang menyebutkannya lebih dulu. Kalau memang tidak ada hubungannya dengan proyek aslinya, menurut saya namanya seharusnya tidak dibuat semirip itu. Terlihat seperti tiruan/SaaS/hasil inspirasi Hotglue yang closed source
      Bagaimanapun juga, sayang sekali Hotglue sudah berhenti berkembang selama beberapa tahun terakhir. Beberapa teman saya masih memakainya untuk situs pribadi mereka
    • Saya juga teringat HoTMetaL atau HotDog. Keduanya sama-sama editor HTML dari era 90-an

  • Senang melihat tren yang aneh dan gemerlap kembali lagi. Kita sudah terlalu lama hidup di dunia desain yang rapi dan datar
    Sekarang memang terasa lebih sadar diri, dan sinisme serta self-deprecation pun tak terelakkan, tapi mungkin memang itulah postmodernisme

  • Desain dan cara komunikasinya benar-benar bagus. Itu membuat saya jadi penggemar Anda dan juga produknya
    Awalnya saya klik karena merasa produknya pasti jauh lebih menarik daripada judul HN-nya. Begitu masuk ke situsnya, saya langsung merasa, “akhirnya ada juga orang yang tidak takut keluar dari desain yang dipoles oleh konsensus,” dan saya harap keberaniannya terus dipertahankan
    Saya juga merasa tahu siapa yang akan menyukai desain seperti ini. Saya sering diminta membuatkan situs untuk teman, tapi sering harus menolak karena keterbatasan waktu dan fleksibilitas, serta biaya yang terasa menyebalkan mahalnya untuk bisnis kecil yang ingin berjalan di domain sendiri. Setelah melihat landing page-nya, rasanya ini memang mencoba menawarkan hal itu. Sebagai developer, ini tampak seperti cara yang bisa cepat dibuat, tetap enak dilihat, dan tidak terlalu mahal
    Setelah mulai membaca thread HN, saya juga terkejut melihat betapa tulus dan membuminya Anda. Saya akan mencoba produknya, dan siap bersabar menghadapi ketidaksempurnaannya. Kalau Anda terus berinteraksi dengan orang-orang yang mendaftar seperti yang Anda lakukan di HN sekarang, saya rasa Anda akan punya banyak penggemar yang ingin mendukung Anda dan produk ini

    • Terima kasih. Sejujurnya saya membuat ini hampir dalam keadaan terisolasi sendirian, jadi menerima umpan balik seantusias ini rasanya luar biasa
      Saya sangat serius membangun Hot Page secara bootstrap dengan sumber daya sendiri, supaya tidak ada pihak yang bisa menekan saya untuk membuat desainnya lebih biasa saja atau mendorong ke arah mengeksploitasi pelanggan. Tentu saja tidak mudah ketika saya harus mengerjakan seluruh pemrogramannya dan sebagian besar pemasarannya sendiri
      Sekarang yang benar-benar saya butuhkan adalah pelanggan yang mau mencoba versi beta dan memberi masukan. Terima kasih atas dukungannya

  • Terima kasih sudah mengingatkan saya pada halaman Geocities saya di Sabtu pagi buta. Akan keren kalau bisa menambahkan juga tanda under construction yang berputar-putar. Itu yang paling bagus

    • Anda seharusnya melihat homepage sebelumnya: https://old.hot.page/ Ide untuk memberi anggukan pada Web 1.0 sangat bagus, tapi memang agak terlalu kasar
    • Ini bukan proyek saya jadi saya tidak bisa mengubahnya, tapi saya juga menangkap nuansa Geocities, makanya saya unggah

  • Melihat harganya, 9 dolar per bulan untuk bandwidth 5GB terdengar tidak masuk akal mahal

    • Ini bukan S3. Bandwidth hanya salah satu patokan untuk membedakan paket

  • Secara pribadi saya kurang suka namanya, kalau boleh jujur. Saya rasa perempuan akan ragu menaruh namanya di subdomain seperti itu

    • “Hot” tidak selalu berarti “seksi”. Kalau benar-benar melihat websitenya, itu akan sangat jelas
      Meski begitu, orang mungkin tetap lebih suka hosting di tempat seperti Neocities. Mungkin karena Neocities punya kucing dan secara keseluruhan terlihat lebih imut
    • Hotmail juga baik-baik saja dengan nama itu
    • Saya jadi teringat HoTMetaL, salah satu editor HTML awal
    • Tetap saja, tertulis bahwa Anda bisa memakai domain kustom