1. 3

Bonjour à tous !

Je suis Bowen, le créateur solo de HtmlDrag. J’ai passé environ 1 800 heures sur ce projet pour résoudre une frustration que j’ai rencontrée mille fois : la rigidité des éditeurs visuels traditionnels.

La plupart des outils vous imposent des “boîtes” et des “grilles”. Si vous voulez déplacer un élément de quelques pixels ou modifier un template existant, vous finissez souvent par vous battre contre les règles de l’outil.

HtmlDrag propose un véritable canevas “Freeform” :

  • Importez n’importe quelle source : URL en direct, fichier HTML local ou code.
  • Glissez-déposez n’importe quoi, n’importe où, sans grille.
  • Éditez le texte d’un double-clic.
  • Exportez un code propre, sans balises propriétaires.

Nous avons été élus #6 Product of the Day sur Product Hunt. J’aimerais beaucoup avoir vos retours honnêtes de la part de la communauté francophone !

  1.  

  2. -

    Hello,

    On voit qu’il y a eu pas mal de taf.

    Tu réponds à quel(s) besoin(s) avec ton service ?

    La plupart des outils vous imposent des “boîtes” et des “grilles”. Si vous voulez déplacer un élément de quelques pixels ou modifier un template existant, vous finissez souvent par vous battre contre les règles de l’outil.

    Je pense qu’un des intérêts des outils à boites/grilles (que je développe aussi dans murph https://upload.deblan.org/u/2026-01/69777163.png), c’est avant tout de maitriser le rendu sur différents terminaux (desktop, mobile, whatever). Ainsi, j’ai du mal à voir à imager un contexte ou tout placer en position relative/absolute serait une bonne idée.

    1. -

      Merci pour ton retour deblan ! C’est vrai que c’est un gros défi technique.

      Tu soulèves un point crucial : le responsive. Les systèmes de grilles sont excellents pour la structure standard. L’idée d’HtmlDrag n’est pas de remplacer ces systèmes pour des apps complexes, mais d’offrir une liberté totale pour le design “pixel-perfect” (comme les landing pages, les headers créatifs ou les prototypes rapides).

      Concernant le positionnement, HtmlDrag permet d’exporter un code propre qui peut ensuite être intégré. L’objectif est de supprimer la friction entre “l’idée visuelle” et le “premier rendu HTML”. On gagne un temps fou sur la phase exploratoire !

      Je vais jeter un œil à murph, c’est toujours intéressant de voir d’autres approches de construction de sites. Merci pour le défi technique !