Hot Page — créateur graphique de sites

• Hot Page est un éditeur de code graphique qui permet de créer des sites web avec des outils visuels et du glisser-déposer, tout en utilisant de véritables HTML, CSS et JavaScript
• Plutôt que les limites du “no code”, il revendique le yes code et met l’accent sur une façon de créer qui consiste à consulter, copier et remixer le code source des pages plutôt qu’à dépendre de templates
• Les sites simples peuvent être créés gratuitement et connectés à un domaine personnalisé ; le modèle consiste à ne passer à une offre supérieure que lorsque davantage d’options sont nécessaires
• Les sites créés peuvent être téléchargés et hébergés ailleurs, et il est aussi possible d’utiliser des frameworks front-end, des éléments personnalisés, des API de la plateforme web et des extraits de code open source
• Le travail se fait sur les standards du web et s’inscrit dans un apprentissage des compétences de développement web, ce qui réduit la nécessité d’apprendre une abstraction distincte ou une nouvelle interface d’édition

---

Création visuelle fondée sur du vrai code

• Hot Page est un créateur graphique de sites qui utilise de véritables HTML, CSS et JavaScript pour créer des sites web
• L’éditeur combine un éditeur de code en glisser-déposer et des outils visuels, afin de permettre de créer dès le départ des designs uniques
• Il propose un essai de l’éditeur utilisable immédiatement, et la création d’un site web gratuit peut être lancée depuis la page d’inscription
• Au lieu de fournir des templates, il permet de voir le code source de chaque page et de le copier pour le remixer n’importe où
• Les fonctionnalités nécessaires peuvent être ajoutées en important des frameworks front-end, des éléments personnalisés, des extraits de code et des implémentations open source disponibles sur Internet

Déploiement et propriété

• Les sites simples peuvent être créés gratuitement, et un domaine personnalisé peut aussi être utilisé gratuitement ; il suffit de passer à une offre supérieure seulement lorsque davantage d’options sont nécessaires
• Si l’on souhaite quitter Hot Page, on peut télécharger son site et l’emporter, puis l’héberger n’importe où

Un parcours adapté à l’apprentissage du développement web

• Les débutants en développement web peuvent apprendre à coder en créant un site, tandis que les utilisateurs qui connaissent déjà le développement web peuvent l’utiliser immédiatement avec leurs connaissances existantes
• Comme les technologies web fondamentales sont utilisées telles quelles, la charge liée à l’apprentissage d’une nouvelle abstraction ou d’une nouvelle interface d’édition est réduite, et la rétrocompatibilité du web est également mise en avant comme un avantage
• Les recommandations citent comme points forts la génération d’un code sémantique propre, la création de mises en page responsive en 12 colonnes, l’ajustement rapide de landing pages, l’utilisation de nouvelles fonctionnalités CSS et d’API de la plateforme web, ainsi que la sortie de sites responsive à chargement instantané
• La bibliothèque HotFX est une collection d’effets spéciaux qui ajoutent couleurs et mouvements

[GN⁺]

Avis sur Hacker News

• Je suis Tim, le créateur de Hot Page. C’était un vieux projet perso, et aujourd’hui j’essaie de le faire grandir en bootstrapping avec l’aide de quelques amis.
  L’objectif est de reprendre la simplicité des éditeurs par glisser-déposer comme Squarespace ou Wix, sans perdre le lien avec les briques de base d’une page web, comme les éléments HTML et les règles CSS. Avec l’arrivée des Web Components, je pense que ce modèle est devenu beaucoup plus puissant.
  À l’origine, je comptais le présenter moi-même sur HN dans quelques mois, car je travaille sur des fonctionnalités qui rendront l’éditeur bien plus puissant. Au programme : modifier visuellement davantage de propriétés CSS tout en conservant une correspondance 1:1 avec le CSS généré, un éditeur CSS inline par élément permettant d’utiliser :hover et les media queries, une bibliothèque d’extraits de code dans le panneau de gauche aux côtés des éléments de base, une intégration plus poussée avec les Web Components, une autocomplétion précise via le serveur de langage de VS Code, etc.
  Je lis HN depuis longtemps et j’aime beaucoup cette communauté. Toutes les idées et tous les retours sont les bienvenus, d’autant que le marketing s’avère être un vrai défi.

  • Puisque microflash m’a devancé, j’ajoute aussi ceci : il y a quelques Web Components sur https://fx.hot.page/.
    slinky est idiot mais amusant, et le composant de galerie est plutôt chouette. Ça m’a semblé léger et facile à utiliser, et j’ai été impressionné par la page de code source commenté qui explique en détail ce qui se passe. Si la mission est de faire du texte qui saute, tourbillonne et brille de plusieurs couleurs, son point fort semble être la documentation rédigée à la main.
  • L’association des Web Components et des app builders visuels est un domaine vraiment passionnant. Je construis moi aussi quelque chose de similaire, donc je suis ravi de voir davantage d’approches émerger.
    Le style est manifestement excellent, et j’aimerais que cette sensibilité se diffuse aussi dans les sites des clients, pour apporter au web davantage de choses amusantes, absurdes, mais réellement utilisables.
    En parallèle du builder visuel, je crée aussi un catalogue de Web Components et un validateur de custom elements manifest. J’espère que le nombre de Web Components de qualité utilisables par ce type d’outils augmentera, et que les catalogues pourront aussi être intégrés directement dans les builders.
  • Désolé d’avoir ruiné ton plan de lancement sur HN. Je suis tombé dessus par hasard, et comme ce genre de découverte arrive sur le web, ça m’a semblé cool, alors je l’ai posté ici. J’ai hâte de voir ce qui arrive ensuite.
  • En tant qu’amateur du web simple et vanilla, j’aime tout dans l’état actuel de hot.page. J’ai l’impression qu’on a enfin un bien web avec de la personnalité.
    Je suis d’accord avec AstroJetson sur la qualité de la communication et de la documentation. J’aime aussi le fait que les domaines personnalisés soient inclus dans les tarifs et même dans l’offre gratuite. Tout cela donne l’impression d’avoir affaire à des gens bien, et ça donne envie de les soutenir.
  • J’aime beaucoup ce style qui évoque HyperCard, et je me demande comment il a été réalisé.
    Je suis curieux de savoir si tout a été fait complètement de zéro, ou s’il existait un kit CSS de base utilisé comme fondation.

• En parcourant le site, je suis tombé sur https://alice.hot.page/ parmi les exemples de showcase, et je me suis vraiment retrouvé à lire Alice au pays des merveilles pendant 5 minutes. Je crois que je dois réfléchir un peu à la façon dont j’emploie mon temps.

  • L’effet de défilement qui descend sans fin est vraiment superbe. Merci pour le partage.

• Ça a l’air plutôt bien. Curieusement, ça m’a donné l’impression de revenir presque 20 ans en arrière, quand j’étais étudiant. Je n’avais pas les moyens d’acheter un nom de domaine, mais je voulais créer quelques sites sur le World Wide Web.
  En cherchant un hébergement gratuit, j’ai découvert Geocities, mais les sites y étaient hébergés sous un chemin comme geocities.com/foo, et non sous un sous-domaine comme foo.geocities.com.
  J’ai fini par trouver 20m.com, qui proposait, comme son nom l’indique, 20 Mo d’espace d’hébergement gratuit, et le mieux était que je pouvais publier mon site sous un sous-domaine.
  Étonnamment, l’un des sites que j’avais créés à l’époque est encore en ligne : http://encoders.20m.com/. Merci de ne pas juger le contenu. J’étais jeune, naïf, et je m’amusais simplement avec le web.

  • En 2002, j’étais dans une situation similaire. Je n’ai pas vu Geocities et je suis tombé directement sur freeservers.com, où j’ai créé le site davinder.8m.net, qui est encore en ligne.
    J’ai perdu le mot de passe de 2007 à 2022, puis je l’ai retrouvé en récupérant mon compte e-mail Yahoo.

• J’aime l’esthétique utilisée ici. Ça me rappelle https://mmm.page/, un autre projet dans le même esprit.

• On dirait que c’est peut-être inspiré de Hotglue[1], le système open source de manipulation de contenu qu’on peut aussi auto-héberger
  [1]https://hotglue.me/

  • Hot Page est mon projet, et il se trouve que je ne connaissais pas Hotglue. En regardant maintenant, ça se ressemble en apparence, mais en pratique je pense que c’est différent
    Hot Page est un éditeur web visuel en glisser-déposer qui n’utilise pas d’abstraction : pendant toute l’utilisation, on garde un contrôle total sur le DOM résultant. Autrement dit, on peut manipuler directement chaque élément, imbrication, attribut, règle CSS, etc. Ça donne donc l’impression d’un CodePen pour créer de vrais sites. J’ai écrit davantage sur cette philosophie ici : https://hot.page/takes/picking-the-right-abstraction
  • Je ne trouve pas ça très similaire. Personnellement, ça m’a rappelé HoTMeTaL, un vieil éditeur HTML/de pages qui a eu son petit moment de popularité dans les années 90
    Il avait une approche assez proche, avec un affichage de la page à mi-chemin entre un WYSIWYG visuel et un mode arbre d’éléments
  • La première chose à laquelle j’ai pensé aussi, c’était Hotglue. C’était un véritable outil de web design libre, où l’on pouvait modifier des sections et y insérer son propre code et ses styles
    L’installation ne demandait généralement rien de plus que de déposer un dossier sur un serveur web compatible PHP. J’en ai aussi écrit une critique il y a quelques mois : https://rafichaudhury.com/site/blog/Freehand-Web
  • Quelqu’un l’a déjà dit. Si ce n’est pas lié au projet d’origine, je pense qu’il n’aurait pas fallu choisir un nom aussi proche. Ça ressemble à un clone/SaaS/inspiration de Hotglue en source fermée
    Cela dit, c’est dommage que le développement de Hotglue soit à l’arrêt depuis ces dernières années. Quelques amis l’utilisent encore pour leurs sites personnels
  • Ça me fait aussi penser à HoTMetaL ou HotDog. Les deux étaient des éditeurs HTML des années 90

• Je suis content de voir revenir cette mode bizarre et clinquante. On est restés trop longtemps dans un monde de design propre et plat
  Maintenant, il y a forcément un peu plus de conscience de soi, de cynisme et d’autodérision, mais j’ai aussi l’impression que c’est ça, le postmodernisme

• J’adore vraiment le design et la façon de communiquer. Ça m’a rendu fan à la fois de toi et du produit
  Au départ, j’ai cliqué parce que j’avais l’impression que le produit serait bien plus intéressant que le titre HN. En arrivant sur le site, je me suis dit : « enfin quelqu’un qui n’a pas peur de sortir du design poli par consensus », et j’espère que tu continueras à oser
  Je me suis aussi dit que je connaissais des gens à qui ce design plairait. On me demande souvent de créer des sites pour des amis, mais je dois souvent refuser par manque de temps et de flexibilité, et parce que le coût est péniblement élevé pour une petite entreprise qui veut utiliser son propre domaine. En voyant la landing page, j’ai eu l’impression que c’était exactement ce que vous essayiez d’offrir. En tant que développeur, ça semble permettre de créer vite, avec un bon rendu, sans que ça coûte trop cher
  En commençant à lire le fil HN, j’ai été surpris de voir à quel point tu avais l’air sincère et pragmatique. Je compte essayer le produit et accepter d’attendre malgré ses imperfections. Si tu continues à échanger avec les personnes qui s’inscrivent comme tu le fais actuellement sur HN, je pense que beaucoup de fans auront envie de te soutenir, toi et ton produit

  • Merci. En fait, je l’ai construit presque tout seul, dans mon coin, donc recevoir des retours aussi enthousiastes fait vraiment plaisir
    Je tiens vraiment à bootstrapper Hot Page avec mes propres ressources, pour que personne ne puisse me pousser à rendre le design plus banal ni à exploiter les clients. Bien sûr, faire toute la programmation et la majeure partie du marketing moi-même n’a pas été facile
    Pour l’instant, j’ai vraiment besoin de clients qui puissent essayer la bêta et donner des retours. Merci pour ton soutien

• Merci de m’avoir rappelé ma page Geocities un samedi aux aurores. Ce serait bien de pouvoir aussi ajouter un panneau « en construction » qui tourne sur lui-même. C’était ce qu’il y avait de mieux

  • Il fallait voir l’ancienne page d’accueil : https://old.hot.page/ L’idée de faire un clin d’œil au Web 1.0 était vraiment sympa, mais c’était un peu trop brut de décoffrage
  • Ce n’est pas mon projet, donc je ne peux pas le changer, mais j’ai aussi eu une vibe Geocities, c’est pour ça que je l’ai posté

• En regardant les tarifs, 9 dollars par mois pour 5 Go de bande passante, ça me paraît déraisonnablement cher

  • Ce n’est pas S3. La bande passante n’est qu’un des critères utilisés pour segmenter les offres

• Je ne sais pas si je peux le dire, mais personnellement je n’aime pas trop le nom. J’imagine que les femmes hésiteront à mettre leur nom dans un sous-domaine

  • « Hot » ne veut pas toujours dire « sexy ». Il suffit de regarder le site une fois pour que ce soit très clair
    Cela dit, elles préféreront peut-être être hébergées sur un endroit comme Neocities. Probablement parce que Neocities a un chat et paraît globalement plus mignon
  • Hotmail s’en est très bien sorti avec ce nom
  • Ça m’a rappelé HoTMetaL, l’un des premiers éditeurs HTML
  • Il est quand même indiqué qu’on peut utiliser un domaine personnalisé