Hot Page - Trình dựng website đồ họa

• Hot Page là một trình biên tập mã đồ họa cho phép tạo website bằng công cụ trực quan và kéo thả, đồng thời vẫn sử dụng HTML, CSS, JavaScript thực tế
• Thay vì những giới hạn của “no code”, công cụ này theo đuổi yes code, nhấn mạnh cách làm xem, sao chép và remix mã nguồn của trang hơn là phụ thuộc vào template
• Có thể tạo các site đơn giản miễn phí và kết nối tên miền riêng, chỉ nâng cấp khi cần thêm nhiều tùy chọn
• Website đã tạo có thể được tải xuống để host ở nơi khác, đồng thời có thể tận dụng framework frontend, custom element, web platform API và các đoạn mã nguồn mở
• Công cụ hoạt động trên nền tảng tiêu chuẩn web và theo luồng học kỹ năng phát triển web, giúp giảm gánh nặng phải học thêm lớp trừu tượng riêng hay giao diện trình biên tập mới

---

Sáng tạo trực quan dựa trên mã thực tế

• Hot Page là một trình dựng website đồ họa sử dụng HTML, CSS, JavaScript thực tế khi tạo website
• Trình biên tập kết hợp trình biên tập mã kéo thả với công cụ trực quan, giúp tạo ra thiết kế độc đáo ngay từ đầu
• Có cung cấp bản trải nghiệm editor dùng thử ngay, và việc tạo website miễn phí có thể bắt đầu từ trang đăng ký
• Thay vì cung cấp template, công cụ cho phép xem mã nguồn của mọi trang, có thể sao chép và remix ở bất cứ đâu
• Có thể lấy các tính năng cần thiết từ framework frontend, custom element, đoạn mã, và các triển khai mã nguồn mở trên Internet để ghép vào

Triển khai và quyền sở hữu

• Có thể tạo các site đơn giản miễn phí và dùng tên miền riêng miễn phí, chỉ cần nâng cấp khi cần thêm nhiều tùy chọn
• Khi muốn rời Hot Page, có thể tải website xuống mang đi và host ở bất cứ đâu

Luồng làm việc phù hợp để học phát triển web

• Người mới bắt đầu học phát triển web có thể vừa làm website vừa học code, còn người đã biết web development thì có thể dùng ngay với kiến thức sẵn có
• Vì sử dụng nguyên vẹn các công nghệ web cốt lõi, công cụ giúp giảm gánh nặng phải học một lớp trừu tượng mới hay giao diện editor mới, đồng thời nhấn mạnh lợi thế của khả năng tương thích ngược của web
• Phần giới thiệu nêu các ưu điểm như xuất mã semantic sạch, tạo layout responsive 12 cột, chỉnh nhanh landing page, sử dụng các tính năng CSS mới và web platform API, cùng khả năng xuất ra site responsive tải tức thì
• HotFX library là bộ sưu tập hiệu ứng đặc biệt giúp bổ sung màu sắc và chuyển động

[GN⁺]

Ý kiến trên Hacker News

• Tôi là Tim, người tạo ra Hot Page. Đây là một side project cũ, và hiện tôi đang phát triển nó theo kiểu bootstrap với sự giúp đỡ của vài người bạn
  Mục tiêu là mang lại sự tiện lợi của các trình chỉnh sửa kéo-thả như Squarespace hay Wix, nhưng không đánh mất sự liên kết với những thành phần cơ bản của trang web như phần tử HTML và quy tắc CSS. Tôi cho rằng với sự xuất hiện của Web Components, mô hình này đã trở nên mạnh mẽ hơn rất nhiều
  Ban đầu tôi định vài tháng nữa mới tự đăng lên HN, vì hiện đang làm các tính năng sẽ khiến trình chỉnh sửa mạnh hơn nhiều. Tôi đang lên kế hoạch cho các tính năng như chỉnh sửa trực quan nhiều thuộc tính CSS hơn nhưng vẫn giữ liên kết 1:1 với CSS được tạo ra, trình chỉnh sửa CSS inline theo từng phần tử có thể dùng :hover và media query, thư viện đoạn mã để đặt cùng các phần tử cơ bản ở panel bên trái, tích hợp chặt chẽ hơn với Web Components, tự động hoàn thành chính xác thông qua language server của VS Code, v.v.
  Tôi đã âm thầm theo dõi HN từ lâu và rất thích cộng đồng này. Đặc biệt là marketing đang tỏ ra là một bài toán thật sự khó, nên tôi rất hoan nghênh mọi suy nghĩ và phản hồi

  • microflash đã nhanh tay đưa ra trước rồi nên tôi cũng bổ sung. Có vài Web Components ở https://fx.hot.page/
    slinky thì ngớ ngẩn nhưng vui, còn component gallery thì khá hay. Nó trông nhẹ và dễ dùng, và tôi ấn tượng với trang mã nguồn có chú thích giải thích chi tiết chuyện gì đang diễn ra. Nếu nhiệm vụ là làm văn bản nhảy nhót, xoáy tròn và phát sáng nhiều màu, thì điểm mạnh có vẻ nằm ở phần tài liệu tự viết
  • Sự kết hợp giữa Web Components và trình dựng ứng dụng trực quan là một lĩnh vực thật sự hấp dẫn. Tôi cũng đang làm một thứ tương tự nên rất vui khi thấy có thêm nhiều cách tiếp cận
    Phong cách rõ ràng là rất tuyệt, và tôi hy vọng gu đó cũng thấm vào các trang của khách hàng, để web có thêm nhiều thứ vui nhộn, kỳ quặc nhưng vẫn thật sự dùng được
    Song song với trình dựng trực quan, tôi cũng đang làm một catalog Web Components và trình kiểm tra custom elements manifest. Hy vọng các công cụ như vậy sẽ có ngày càng nhiều Web Components chất lượng cao để dùng, và catalog cũng có thể được nhúng vào trong trình dựng
  • Xin lỗi vì đã phá kế hoạch ra mắt trên HN của bạn. Tôi tình cờ phát hiện ra, mà trên web thì những sự tình cờ như vậy vẫn xảy ra; thấy nó trông hay quá nên tôi đăng lên đây luôn. Rất mong chờ những thứ sắp tới
  • Với tư cách người thích web thuần, bình thường, tôi thích mọi thứ ở hot.page hiện tại. Cảm giác như cuối cùng cũng có một tài sản web có cá tính xuất hiện
    Tôi đồng ý với AstroJetson rằng phần giao tiếp và tài liệu rất tốt. Tôi cũng thích việc đưa hỗ trợ domain tùy chỉnh vào cả gói giá và gói miễn phí. Nhìn những điều này thì có vẻ đây là những người tử tế, và khiến tôi muốn ủng hộ
  • Tôi rất thích phong cách gợi nhớ đến HyperCard, và tò mò không biết nó được tạo ra như thế nào
    Không biết bạn bắt đầu hoàn toàn từ con số 0, hay có dùng một bộ CSS có sẵn nào làm nền tảng không

• Khi xem qua, tôi phát hiện một ví dụ showcase là https://alice.hot.page/, và thật sự đã ngồi đọc Alice ở xứ sở thần tiên suốt 5 phút. Có lẽ tôi cần nhìn lại cách mình đang dùng thời gian

  • Hiệu ứng cuộn cứ tiếp tục đi xuống bên dưới thật sự rất tuyệt. Cảm ơn đã chia sẻ

• Trông khá hay. Lạ là nó làm tôi có cảm giác như quay lại thời sinh viên gần 20 năm trước. Tôi không có tiền mua tên miền, nhưng muốn tạo vài website trên World Wide Web
  Trong lúc tìm hosting miễn phí, tôi biết đến Geocities, nhưng ở đó site được host dưới đường dẫn kiểu geocities.com/foo chứ không phải subdomain như foo.geocities.com
  Cuối cùng tôi tìm thấy 20m.com, đúng như tên gọi, cung cấp 20MB dung lượng hosting miễn phí, và điều tuyệt nhất là tôi có thể công khai website của mình dưới một subdomain
  Thật ngạc nhiên là một trong những site tôi tạo hồi đó vẫn còn sống: http://encoders.20m.com/ Xin đừng đánh giá nội dung. Khi đó tôi còn trẻ, ngây thơ và chỉ đang nghịch web thôi

  • Năm 2002 tôi cũng tương tự. Tôi không thấy Geocities mà tìm ngay được freeservers.com và tạo site davinder.8m.net, đến giờ vẫn còn sống
    Từ 2007 đến 2022 tôi bị mất mật khẩu, rồi tìm lại được khi khôi phục tài khoản email Yahoo

• Tôi thích mỹ học được dùng ở đây. Nó làm tôi nhớ đến một dự án khác cùng tinh thần là https://mmm.page/

• Có vẻ như được lấy cảm hứng từ Hotglue[1], một hệ thống thao tác nội dung mã nguồn mở cũng có thể tự host
  [1]https://hotglue.me/

  • Hot Page là dự án của tôi, nhưng tình cờ là tôi lại không biết Hot Glue. Giờ xem qua thì bề ngoài trông giống, nhưng tôi nghĩ thực tế là khác nhau
    Hot Page là một trình biên tập web kéo-thả trực quan không dùng trừu tượng hóa, nên trong suốt quá trình sử dụng bạn có thể kiểm soát hoàn toàn toàn bộ DOM kết quả. Nói cách khác là có thể trực tiếp xử lý mọi phần tử, lồng nhau, thuộc tính, quy tắc CSS, v.v. Vì vậy nó có cảm giác như CodePen để tạo website thật. Tôi đã viết thêm về triết lý này ở đây: https://hot.page/takes/picking-the-right-abstraction
  • Tôi không nghĩ là giống lắm. Cá nhân tôi lại nhớ đến HoTMeTaL, một trình biên tập HTML/trang web cũ từng nổi một thời gian ngắn vào thập niên 90
    Nó có cách tiếp cận tương tự, hiển thị trang ở chế độ gần như WYSIWYG trực quan và gần như cây phần tử
  • Thứ đầu tiên tôi nghĩ đến cũng là Hotglue. Đó là một công cụ thiết kế web tự do thật sự, cho phép chỉnh sửa các section để đưa code và style của người dùng vào
    Việc cài đặt về cơ bản cũng chẳng cần gì ngoài đặt một thư mục lên web server chạy được PHP. Vài tháng trước tôi cũng có viết bài review: https://rafichaudhury.com/site/blog/Freehand-Web
  • Đã có người nói trước rồi. Nếu không liên quan đến dự án gốc thì tôi nghĩ không nên đặt tên giống đến vậy. Trông như một bản sao Hotglue mã đóng/SaaS/sản phẩm lấy cảm hứng
    Dù sao thì cũng tiếc là Hotglue đã ngừng phát triển trong vài năm qua. Vài người bạn của tôi vẫn dùng nó cho site cá nhân
  • Tôi cũng nghĩ đến HoTMetaL hoặc HotDog. Cả hai đều là trình biên tập HTML của thập niên 90

• Thật vui khi xu hướng kỳ quặc, lấp lánh quay trở lại. Chúng ta đã ở trong thế giới thiết kế sạch sẽ và phẳng quá lâu rồi
  Giờ thì nó có phần tự ý thức hơn, và khó tránh khỏi sự châm biếm lẫn tự giễu, nhưng tôi cũng nghĩ đó chính là chủ nghĩa hậu hiện đại

• Tôi thật sự thích thiết kế và cách giao tiếp. Nó khiến tôi trở thành fan của cả bạn lẫn sản phẩm
  Ban đầu tôi bấm vào vì có cảm giác sản phẩm sẽ thú vị hơn nhiều so với tiêu đề trên HN. Ngay khi vào site, tôi đã có cảm giác “cuối cùng cũng có người không sợ thoát khỏi kiểu thiết kế được mài giũa bởi đồng thuận”, và tôi hy vọng bạn sẽ tiếp tục táo bạo
  Tôi cũng nghĩ mình biết những người sẽ thích thiết kế này. Tôi thường được nhờ làm site cho bạn bè, nhưng hay phải từ chối vì thiếu thời gian và sự linh hoạt, cộng với chi phí cao đến khó chịu đối với các doanh nghiệp nhỏ muốn chạy trên domain riêng. Nhìn landing page thì có vẻ như đúng là bạn đang muốn cung cấp thứ đó. Với tư cách developer, có vẻ có thể làm nhanh, đẹp, và không tốn quá nhiều chi phí
  Khi bắt đầu đọc thread trên HN, tôi ngạc nhiên vì bạn trông chân thành và thực tế đến mức nào. Tôi sẽ dùng thử sản phẩm và sẵn sàng kiên nhẫn với những chỗ chưa hoàn hảo. Nếu bạn tiếp tục giao tiếp với những người đăng ký như cách đang làm trên HN, tôi nghĩ sẽ có nhiều fan muốn ủng hộ bạn và sản phẩm

  • Cảm ơn. Thật ra tôi đã làm gần như trong trạng thái một mình cô lập, nên nhận được phản hồi nhiệt tình như thế này thật sự rất tuyệt
    Tôi nghiêm túc muốn bootstrap Hot Page bằng nguồn lực của mình, để không ai có thể gây áp lực bắt thiết kế phải bình thường hơn hoặc đi theo hướng bóc lột khách hàng. Tất nhiên, tự làm toàn bộ phần lập trình và phần lớn marketing không hề dễ
    Hiện tại tôi thật sự cần những khách hàng có thể dùng thử bản beta và đưa ra phản hồi. Cảm ơn bạn đã ủng hộ

• Cảm ơn vì đã khiến tôi nhớ lại trang Geocities của mình vào một sáng sớm thứ Bảy. Sẽ rất tuyệt nếu có thể thêm cả biển báo đang thi công quay vòng vòng. Những thứ như vậy là hay nhất

  • Bạn nên xem homepage trước đây: https://old.hot.page/ Ý tưởng gợi nhắc Web 1.0 thật sự rất hay, nhưng hơi quá thô
  • Không phải dự án của tôi nên tôi không sửa được, nhưng tôi cũng cảm thấy có vibe Geocities nên đã đăng lên

• Nhìn giá thì 9 đô la/tháng cho 5GB băng thông, nghe đắt một cách vô lý

  • Đây không phải S3. Băng thông chỉ là một trong các tiêu chí để phân chia gói cước thôi

• Không biết có được nói rằng cá nhân tôi không thích cái tên này không. Phụ nữ có lẽ sẽ ngần ngại đưa tên mình vào subdomain

  • “Hot” không phải lúc nào cũng có nghĩa là “sexy”. Chỉ cần xem website thật một lần là điều đó rất rõ
    Tuy nhiên, họ có thể vẫn thích host ở những nơi như Neocities hơn. Khả năng là vì Neocities có mèo và tổng thể trông dễ thương hơn
  • Hotmail vẫn thành công với cái tên đó
  • Tôi nghĩ đến HoTMetaL, một trong những trình biên tập HTML thời kỳ đầu
  • Dù vậy, có ghi là có thể dùng custom domain