Hot Page - creador gráfico de sitios

• Hot Page es un editor gráfico de código que permite crear sitios web con herramientas visuales y arrastrar y soltar, usando HTML, CSS y JavaScript reales
• En lugar de las limitaciones del “no code”, propone yes code y enfatiza una forma de crear basada en ver, copiar y remezclar el código fuente de las páginas, más que depender de plantillas
• Los sitios simples se pueden crear gratis y conectar con un dominio propio, con un modelo en el que solo se actualiza el plan cuando se necesitan más opciones
• Los sitios creados se pueden descargar y alojar en otro lugar, y también es posible aprovechar frameworks de frontend, custom elements, APIs de la plataforma web y fragmentos de código open source
• Como se trabaja sobre estándares web y en un flujo que ayuda a aprender tecnologías de desarrollo web, se reduce la carga de tener que aprender abstracciones aparte o una nueva interfaz de edición

---

Creación visual basada en código real

• Hot Page es un creador gráfico de sitios que usa HTML, CSS y JavaScript reales al crear sitios web
• El editor combina un editor de código de arrastrar y soltar con herramientas visuales, para que se puedan crear diseños únicos desde cero
• Ofrece una prueba del editor para usar de inmediato, y la creación gratuita de sitios web puede iniciarse desde la página de registro
• En lugar de ofrecer plantillas, permite ver el código fuente de todas las páginas, copiarlo y remezclarlo en cualquier lugar
• Las funciones necesarias pueden obtenerse e integrarse desde frameworks de frontend, custom elements, fragmentos de código e implementaciones open source en internet

Publicación y propiedad

• Los sitios simples se pueden crear gratis y también se puede usar un dominio propio sin costo, y solo hace falta actualizar el plan cuando se necesitan más opciones
• Si quieres irte de Hot Page, puedes descargar tu sitio y llevártelo para alojarlo donde quieras

Un flujo pensado para aprender desarrollo web

• Quienes empiezan en desarrollo web pueden aprender a programar mientras crean un sitio, y quienes ya saben desarrollo web pueden usarlo de inmediato con sus conocimientos actuales
• Como utiliza directamente las tecnologías web esenciales, reduce la carga de aprender nuevas abstracciones o una interfaz de editor distinta, y también resalta como ventaja la compatibilidad hacia atrás de la web
• Los testimonios destacan como ventajas la salida de código semántico limpio, la creación de layouts responsivos de 12 columnas, el ajuste rápido de landing pages, el uso de nuevas funciones de CSS y APIs de la plataforma web, y la generación de sitios responsivos que cargan al instante
• La HotFX library es una colección de efectos especiales para añadir color y movimiento

[GN⁺]

Opiniones en Hacker News

• Soy Tim, el creador de Hot Page. Era un viejo proyecto paralelo y ahora lo estoy haciendo crecer con bootstrap, con la ayuda de algunos amigos.
  El objetivo es tomar la comodidad de los editores de arrastrar y soltar como Squarespace o Wix, pero sin perder la conexión con los componentes básicos de una página web, como los elementos HTML y las reglas CSS. Creo que con la aparición de Web Components, este modelo se volvió mucho más potente.
  Originalmente pensaba publicarlo yo mismo en HN dentro de unos meses, porque ahora estoy trabajando en funciones que harán que el editor sea mucho más potente. Tengo planeado permitir editar visualmente más propiedades de CSS manteniendo una conexión 1:1 con el CSS generado, un editor de CSS inline por elemento que permita usar :hover y media queries, una biblioteca de snippets de código para el panel izquierdo junto con los elementos básicos, una integración más estrecha con Web Components, autocompletado preciso mediante el servidor de lenguaje de VS Code, etc.
  Llevo mucho tiempo leyendo HN sin participar y siempre me ha gustado esta comunidad. Agradezco cualquier idea y feedback, sobre todo porque el marketing está resultando ser un desafío realmente difícil.

  • Ya que microflash se me adelantó, agrego algo yo también. En https://fx.hot.page/ hay algunos Web Components.
    slinky es tonto pero divertido, y el componente de galería está bastante bueno. Parecía ligero y fácil de usar, y me impresionó la página de código fuente comentado que explica en detalle qué está pasando. Si la misión es texto que salta, gira y brilla en varios colores, su fortaleza parece estar en la documentación escrita a mano.
  • La combinación de Web Components y builders visuales de apps es un área realmente atractiva. Yo también estoy creando algo parecido, así que me alegra ver que aparezcan más enfoques.
    El estilo es claramente excelente, y ojalá ese gusto también se filtre a los sitios de los clientes para que haya más cosas divertidas y ridículas, pero realmente usables, en la web.
    En paralelo al builder visual, también estoy creando un catálogo de Web Components y un validador de custom elements manifest. Ojalá aumente la cantidad de Web Components de alta calidad que estas herramientas puedan usar, y que el catálogo también pueda embeberse dentro del builder.
  • Perdón por arruinarte el plan de lanzamiento en HN. Lo encontré por casualidad y, bueno, en la web pasan estas casualidades; se veía genial, así que lo publiqué aquí. Espero con ganas lo que venga.
  • Como alguien a quien le gusta la web común y pura, el hot.page actual me encanta por completo. Siento que por fin apareció un activo web con personalidad.
    Coincido con lo que dice AstroJetson sobre la buena comunicación y documentación. También me gusta que el esquema de precios y el plan gratuito incluyan soporte para dominios personalizados. Cosas así hacen que parezcan buena gente y dan ganas de apoyarlos.
  • Me encanta el estilo que recuerda a HyperCard, y me da curiosidad cómo lo hicieron.
    Me pregunto si empezaron completamente desde cero o si había algún kit CSS existente que usaron como base.

• Mientras lo recorría, encontré entre los ejemplos del showcase https://alice.hot.page/ y de verdad estuve leyendo Alicia en el país de las maravillas durante 5 minutos. Creo que debería replantearme un poco cómo estoy usando mi tiempo.

  • El efecto de scroll que sigue bajando sin parar estuvo buenísimo. Gracias por compartirlo.

• Se ve bastante bien. Curiosamente, me hizo sentir como si hubiera vuelto a mis tiempos de estudiante, hace casi 20 años. No tenía dinero para comprar un nombre de dominio, pero quería crear algunos sitios web en la World Wide Web.
  Buscando hosting gratuito encontré Geocities, pero ahí los sitios no se alojaban en un subdominio como foo.geocities.com, sino bajo una ruta como geocities.com/foo.
  Al final descubrí 20m.com, que tal como su nombre indica ofrecía 20 MB de espacio de hosting gratuito, y lo mejor era que podía publicar mi sitio web bajo un subdominio.
  Sorprendentemente, uno de los sitios que hice en esa época sigue vivo: http://encoders.20m.com/ Por favor, no juzguen el contenido. Era joven e ingenuo, y simplemente estaba jugando con la web.

  • En 2002 me pasó algo parecido. No llegué a ver Geocities y fui directo a freeservers.com, donde hice el sitio davinder.8m.net, que todavía sigue vivo.
    Perdí la contraseña desde 2007 hasta 2022, y la recuperé cuando pude recuperar mi cuenta de correo de Yahoo.

• Me gusta la estética que usan aquí. Me recuerda a otro proyecto en una línea similar: https://mmm.page/.

• Me pregunto si se habrá inspirado en Hotglue[1], un sistema de manipulación de contenido open source que también se puede alojar por cuenta propia
  [1]https://hotglue.me/

  • Hot Page es mi proyecto, pero de algún modo no conocía Hotglue. Ahora que lo reviso, por fuera se ve parecido, pero creo que en la práctica es distinto
    Hot Page es un editor web visual de arrastrar y soltar que no usa abstracciones, así que mientras lo usas puedes controlar por completo todo el DOM resultante. Es decir, puedes manejar directamente todos los elementos, anidamientos, atributos, reglas CSS, etc. Por eso se siente como un CodePen para crear sitios reales. Escribí más sobre esta filosofía aquí: https://hot.page/takes/picking-the-right-abstraction
  • No me parece que se parezcan mucho. Personalmente me recordó a HoTMeTaL, un viejo editor HTML/de páginas que tuvo algo de popularidad en los 90
    Tenía un enfoque parecido: mostraba la página en un modo visual semi-WYSIWYG y en un modo tipo árbol de elementos
  • Lo primero que se me vino a la mente también fue Hotglue. Era una herramienta de diseño web verdaderamente libre, donde podías editar secciones e insertar tu propio código y estilos
    La instalación tampoco requería mucho más que poner una carpeta en un servidor web con PHP. Hace unos meses también escribí una reseña: https://rafichaudhury.com/site/blog/Freehand-Web
  • Alguien ya lo dijo antes. Si no tiene relación con el proyecto original, creo que no deberían haber usado un nombre tan parecido. Parece un clon/SaaS/obra inspirada de Hotglue, pero de código cerrado
    En todo caso, es una pena que Hotglue lleve estos últimos años sin desarrollo. Algunos amigos todavía lo usan para sus sitios personales
  • También me vienen a la mente HoTMetaL o HotDog. Ambos eran editores HTML de los 90

• Me alegra que vuelva esa moda rara y brillante. Pasamos demasiado tiempo en un mundo de diseño limpio y plano
  Ahora hay más autoconciencia, y el cinismo y la autocrítica también son inevitables, pero creo que eso es el posmodernismo

• Me encanta el diseño y la forma de comunicarse. Me convirtió en fan tanto de ti como del producto
  Al principio hice clic porque sentí que el producto iba a ser mucho más interesante que el título en HN. Apenas entré al sitio pensé: “por fin alguien que no tiene miedo de salirse del diseño pulido por consenso”, y espero que siga siendo así de audaz
  También pensé que conozco gente a la que le encantaría este diseño. A menudo me piden que haga sitios para amigos, pero muchas veces tengo que decir que no por falta de tiempo y flexibilidad, y por costos molestamente altos para que un negocio pequeño lo use con su propio dominio. Al ver la landing page, me dio la impresión de que justo eso es lo que intenta ofrecer. Como desarrollador, parece posible crear algo rápido, que se vea bien y que no cueste demasiado
  Cuando empecé a leer el hilo de HN, me sorprendió lo auténtica y realista que pareces. Voy a probar el producto y estoy dispuesto a tolerar sus imperfecciones y esperar. Si sigues comunicándote con quienes se registren como lo estás haciendo ahora en HN, creo que tendrás muchos fans con ganas de apoyarte a ti y al producto

  • Gracias. La verdad es que lo he estado construyendo casi solo y aislado, así que recibir feedback tan entusiasta se siente muy bien
    Estoy muy comprometido con hacer bootstrap de Hot Page con mis propios recursos, para que nadie pueda presionarme a volver el diseño más convencional ni a explotar a los clientes. Claro que hacer toda la programación y la mayor parte del marketing por mi cuenta no ha sido fácil
    Ahora de verdad necesito clientes que prueben la beta y me den feedback. Gracias por el apoyo

• Gracias por hacerme recordar mi página de Geocities temprano un sábado por la mañana. Ojalá también se pudiera agregar un cartel de en construcción girando. Eso era lo mejor

  • Tendrías que haber visto la página de inicio anterior: https://old.hot.page/ Me encantaba la idea de hacerle un guiño a la Web 1.0, pero era un poco demasiado tosca
  • No es mi proyecto, así que no puedo cambiarlo, pero también me dio vibra de Geocities y por eso lo publiqué

• Viendo el precio, son 9 dólares al mes por 5 GB de ancho de banda, lo que suena irracionalmente caro

  • Esto no es S3. El ancho de banda es simplemente uno de los criterios para dividir los planes

• No sé si está bien decirlo, pero personalmente no me gusta el nombre. Creo que las mujeres dudarían en poner su nombre en un subdominio

  • “Hot” no siempre significa “sexy”. Si ves el sitio web real, eso queda clarísimo
    Aunque puede que prefieran alojarlo en un lugar como Neocities. Probablemente porque Neocities tiene un gato y en general se ve más tierno
  • A Hotmail también le fue bien con ese nombre
  • Me recordó a HoTMetaL, uno de los primeros editores HTML
  • Aun así, dice que se puede usar un dominio personalizado