Hot Page - Construtor gráfico de sites

• Hot Page é um editor gráfico de código que permite criar sites com ferramentas visuais e drag-and-drop, usando HTML, CSS, JavaScript reais
• Em vez das limitações do “no code”, adota a proposta de yes code e enfatiza uma forma de criação baseada em ver, copiar e remixar o código-fonte da página, em vez de depender de templates
• Sites simples podem ser criados gratuitamente e conectados a um domínio próprio, com upgrade apenas quando forem necessárias mais opções
• Os sites criados podem ser baixados e hospedados em outro lugar, e também é possível usar frameworks de frontend, custom elements, APIs da plataforma web e trechos de código open source
• O fluxo é baseado em padrões web e no aprendizado de tecnologias de desenvolvimento web, reduzindo a necessidade de aprender abstrações separadas ou uma nova interface de editor

---

Criação visual baseada em código real

• Hot Page é um construtor gráfico de sites que usa HTML, CSS, JavaScript reais ao criar websites
• O editor combina um editor de código com drag-and-drop e ferramentas visuais, permitindo criar designs únicos desde o início
• Há uma demonstração do editor para testar imediatamente, e a criação gratuita de sites pode ser iniciada na página de cadastro
• Em vez de oferecer templates, ele permite ver o código-fonte de todas as páginas, copiá-lo e remixá-lo em qualquer lugar
• Recursos necessários podem ser adicionados trazendo frameworks de frontend, custom elements, trechos de código e implementações open source disponíveis na internet

Publicação e propriedade

• Sites simples podem ser criados gratuitamente, e um domínio próprio também pode ser usado sem custo; basta fazer upgrade apenas quando forem necessárias mais opções
• Se quiser sair do Hot Page, é possível baixar o site e levá-lo com você, hospedando-o em qualquer lugar

Fluxo voltado ao aprendizado de desenvolvimento web

• Quem está começando em desenvolvimento web pode aprender a programar enquanto cria sites, e quem já conhece desenvolvimento web pode usar a ferramenta imediatamente com o conhecimento que já tem
• Como usa diretamente as tecnologias centrais da web, reduz a carga de aprender novas abstrações ou interfaces de editor, e a compatibilidade retroativa da web também é destacada como vantagem
• Os depoimentos destacam como pontos fortes a geração de código semântico limpo, a criação de layouts responsivos de 12 colunas, o ajuste rápido de landing pages, o uso de novos recursos de CSS e APIs da plataforma web, e a geração de sites responsivos com carregamento imediato
• A HotFX library é uma coleção de efeitos especiais para adicionar cor e movimento

[GN⁺]

Opiniões no Hacker News

• Sou o Tim, criador do Hot Page. Era um projeto paralelo antigo e agora estou fazendo ele crescer por bootstrap, com a ajuda de alguns amigos
  O objetivo é trazer a conveniência de editores de arrastar e soltar como Squarespace ou Wix, sem perder a conexão com os blocos fundamentais de uma página web, como elementos HTML e regras CSS. Acho que, com o surgimento dos Web Components, esse modelo ficou muito mais poderoso
  Originalmente eu pretendia postar no HN daqui a alguns meses, mas agora estou trabalhando em recursos que tornarão o editor muito mais poderoso. Entre os planos estão editar visualmente mais propriedades CSS mantendo uma ligação 1:1 com o CSS gerado, um editor de CSS inline por elemento que permita usar :hover e media queries, uma biblioteca de snippets de código para ficar no painel esquerdo junto com os elementos básicos, integração mais estreita com Web Components, autocomplete preciso via servidor de linguagem do VS Code etc.
  Acompanho o HN há muito tempo e gosto desta comunidade. Como o marketing, em especial, tem se mostrado um desafio realmente difícil, todos os pensamentos e feedbacks são bem-vindos

  • Já que o microflash chegou primeiro, também vou acrescentar algo. Há alguns Web Components em https://fx.hot.page/
    O slinky é bobo, mas divertido, e o componente de galeria é bem legal. Pareciam leves e fáceis de usar, e me chamou atenção a página de código-fonte comentado, que explica em detalhes o que está acontecendo. Se a missão for texto que salta, gira em espiral e brilha em várias cores, o ponto forte parece estar na documentação escrita à mão
  • A combinação de Web Components e construtores visuais de apps é uma área realmente atraente. Eu também estou criando algo parecido, então fico feliz em ver mais abordagens surgindo
    O estilo é claramente excelente, e espero que esse senso estético também se espalhe para os sites dos clientes, trazendo para a web mais coisas divertidas e absurdas, mas realmente utilizáveis
    Em paralelo ao construtor visual, também estou criando um catálogo de Web Components e um validador de custom elements manifest. Espero que aumente a quantidade de Web Components de alta qualidade que essas ferramentas possam usar, e que o catálogo também possa ser embutido dentro do construtor
  • Desculpa por estragar o plano de lançamento no HN. Encontrei por acaso, e esse tipo de acaso acontece na web; achei bonito e acabei postando aqui. Estou ansioso pelo que vem por aí
  • Como alguém que gosta da web comum e pura, gosto de tudo no hot.page atual. Parece que finalmente surgiu um ativo web com personalidade
    Concordo com o que AstroJetson disse sobre a comunicação e a documentação serem boas. Também gosto do fato de incluírem suporte a domínio personalizado nos planos pagos e no plano gratuito. Vendo essas coisas, parecem pessoas legais, dá vontade de torcer por vocês
  • Gosto muito do estilo que lembra HyperCard, e fiquei curioso sobre como foi feito
    Queria saber se começou totalmente do zero ou se havia algum kit CSS existente usado como base

• Navegando por ali, encontrei entre os exemplos da showcase https://alice.hot.page/, e de fato fiquei lendo Alice no País das Maravilhas por 5 minutos. Acho que preciso refletir um pouco sobre como estou usando meu tempo

  • O efeito de rolagem que continua descendo é realmente muito legal. Obrigado por avisar

• Parece bem bom. Estranhamente, me deu a sensação de ter voltado a quase 20 anos atrás, quando eu era estudante. Eu não tinha dinheiro para comprar um nome de domínio, mas queria criar alguns sites na World Wide Web
  Procurando hospedagem gratuita, conheci o Geocities, mas lá os sites eram hospedados em caminhos como geocities.com/foo, e não em subdomínios como foo.geocities.com
  No fim, encontrei o 20m.com, que, como o nome sugere, oferecia 20 MB de espaço de hospedagem gratuita, e o melhor era que eu podia publicar meu site em um subdomínio
  Surpreendentemente, um dos sites que criei naquela época ainda está no ar: http://encoders.20m.com/ Por favor, não julguem o conteúdo. Eu era jovem, ingênuo e só estava brincando com a web

  • Em 2002, eu também era parecido. Não cheguei a ver o Geocities e fui direto para o freeservers.com, onde criei o site davinder.8m.net, que ainda está no ar
    Perdi a senha de 2007 a 2022, mas a recuperei ao recuperar minha conta de e-mail do Yahoo

• Gosto da estética usada aqui. Me lembra outro projeto na mesma linha, https://mmm.page/.

• Parece ter sido inspirado no Hotglue[1], um sistema open source de manipulação de conteúdo que também permite hospedagem própria
  [1]https://hotglue.me/

  • O Hot Page é meu projeto, e por acaso eu não conhecia o Hotglue. Dando uma olhada agora, acho que por fora parece parecido, mas na prática é diferente
    O Hot Page é um editor web visual de arrastar e soltar que não usa abstrações, então você tem controle total sobre todo o DOM resultante durante todo o uso. Ou seja, dá para mexer diretamente em todos os elementos, aninhamentos, atributos, regras CSS etc. Por isso, ele passa a sensação de um CodePen para criar sites reais. Escrevi mais sobre essa filosofia aqui: https://hot.page/takes/picking-the-right-abstraction
  • Não acho tão parecido assim. Pessoalmente, me lembrou o antigo editor de HTML/páginas HoTMeTaL, que teve uma breve popularidade nos anos 90
    Ele tinha uma abordagem parecida, mostrando a página em um modo visual semi-WYSIWYG e semi-árvore de elementos
  • A primeira coisa em que pensei também foi o Hotglue. Era uma ferramenta de web design realmente livre, em que você podia editar seções e inserir código e estilos do usuário
    A instalação também basicamente não exigia nada além de colocar uma pasta em um servidor web com PHP. Escrevi uma resenha alguns meses atrás: https://rafichaudhury.com/site/blog/Freehand-Web
  • Alguém já comentou isso antes. Se não tem relação com o projeto original, acho que não deveria ter usado um nome tão parecido. Parece um clone/SaaS/obra inspirada no Hotglue, só que de código fechado
    De todo modo, é uma pena que o desenvolvimento do Hotglue esteja parado nos últimos anos. Alguns amigos ainda o usam em sites pessoais
  • Também me lembrou HoTMetaL e HotDog. Ambos eram editores HTML dos anos 90

• Fico feliz que essa moda estranha e chamativa esteja voltando. Passamos tempo demais no mundo do design limpo e flat
  Agora há um pouco mais de autoconsciência, e o cinismo e a autodepreciação também são inevitáveis, mas acho que isso é pós-modernismo

• Gosto muito do design e da forma de comunicação. Fizeram de mim fã tanto de você quanto do produto
  No começo, cliquei porque tive a sensação de que o produto seria muito mais interessante do que o título no HN. Assim que entrei no site, pensei: “finalmente alguém que não tem medo de sair do design polido por consenso”, e espero que continue ousado
  Também pensei que conheço pessoas que gostariam desse design. Frequentemente me pedem para fazer sites para amigos, mas muitas vezes preciso recusar por falta de tempo e flexibilidade, e porque os custos são irritantemente altos para uma pequena empresa operar em seu próprio domínio. Pela landing page, pareceu exatamente isso que ele quer oferecer. Como desenvolvedor, parece viável fazer algo rápido, bonito e sem gastar muito
  Quando comecei a ler a thread no HN, fiquei surpreso com o quanto você parece ser uma pessoa genuína e realista. Pretendo experimentar o produto e ter paciência com as imperfeições. Se continuar se comunicando com quem se cadastrar como está fazendo agora no HN, acho que vai ganhar muitos fãs dispostos a apoiar você e o produto

  • Obrigado. Na verdade, venho construindo isso quase sozinho e isolado, então receber um feedback tão entusiasmado é muito bom
    Levo a sério a ideia de bootstrapping do Hot Page com meus próprios recursos, para que ninguém possa me pressionar a tornar o design mais genérico ou a explorar os clientes. Claro que fazer toda a programação e a maior parte do marketing sozinho não foi fácil
    No momento, eu realmente preciso de clientes que possam usar a versão beta e dar feedback. Obrigado pelo apoio

• Obrigado por me lembrar da minha página no Geocities neste sábado bem cedo. Seria ótimo se desse para adicionar também aquelas placas de em construção giratórias. Essas eram as melhores

  • Você deveria ter visto a homepage anterior: https://old.hot.page/ A ideia de acenar para a Web 1.0 era muito boa, mas ficou um pouco tosca demais
  • O projeto não é meu, então não posso mudar, mas também tive essa sensação de Geocities e postei

• Olhando o preço, são US$ 9 por mês com 5 GB de largura de banda, o que soa irracionalmente caro

  • Isso não é S3. A largura de banda é apenas um dos critérios para separar os planos

• Não sei se posso dizer isso, mas pessoalmente não gosto muito do nome. Acho que mulheres podem hesitar em colocar o próprio nome em um subdomínio

  • “Hot” nem sempre significa “sexy”. Basta dar uma olhada no site em si para isso ficar bem claro
    Dito isso, talvez elas prefiram hospedar em um lugar como o Neocities. Provavelmente porque o Neocities tem um gato e, no geral, parece mais fofo
  • O Hotmail se deu bem com esse nome
  • Me lembrou HoTMetaL, um dos primeiros editores HTML
  • Ainda assim, está escrito que dá para usar domínio personalizado