Forum Alsacreations : HTML, CSS, JavaScript et Standards Web

[Pro] ChatGPT Image : avis sur les parcours image et vidéo

ChatGPTImage — Wed, 07 Oct 2026 19:56:44 +0200

Bonjour, Nous présentons notre propre projet, ChatGPT Image, pour recueillir des retours sur son interface et son parcours de création : https://www.chatgptimage.app/ Il s'agit d'un outil web indépendant de génération et d'édition d'images par IA, avec des parcours texte-vers-vidéo et image-vers-vidéo. Le public visé est composé de créateurs, de designers et de petites équipes qui préparent des visuels. Ce n'est pas le service officiel ChatGPT d'OpenAI. Nous aimerions surtout vos avis sur trois points de design : 1. La distinction entre générer une image, modifier une image de référence et créer une vidéo est-elle compréhensible dès l'arrivée ? 2. Les choix de modèle, de format et de résolution sont-ils bien hiérarchisés, ou trop présents au démarrage ? 3. Quel changement de navigation ou de libellé aiderait le plus un nouveau visiteur à choisir le bon parcours ? Il ne s'agit pas d'une demande de travail gratuit ni d'une offre promotionnelle. Nous ne prétendons pas disposer d'une certification d'accessibilité ; les remarques concrètes sur la lisibilité et l'utilisation des contrôles sont les bienvenues. Merci pour vos retours constructifs.

Textures de fond répétables pour un site vitrine : génération, opt

aitexturegenerator — Wed, 07 Oct 2026 14:16:29 +0200

Bonjour à tous, Je travaille en ce moment sur un petit site vitrine pour un artisan menuisier, et je me suis retrouvé face à un problème que beaucoup d'entre vous ont sans doute déjà rencontré : trouver des textures de fond (bois, papier, béton léger) qui soient à la fois discrètes, répétables sans couture visible et suffisamment légères pour ne pas plomber le temps de chargement. Jusqu'ici, je piochais dans des banques d'images gratuites, mais j'avais toujours le même souci : soit la licence était floue, soit la texture se répétait de façon évidente dès qu'on l'utilisait en background-repeat sur un grand écran. J'ai donc testé plusieurs approches ces dernières semaines et je voulais partager mon retour, et surtout avoir vos avis. 1) La génération par IA J'ai essayé un ai texture generator -https://imgtoimg-ai.com/usecase/ai-texture-generator : on décrit la matière voulue (par exemple « chêne clair, grain fin, légèrement usé ») et l'outil propose des tuiles carrées censées être raccordables. Le résultat est plutôt bluffant pour des fonds décoratifs. Il faut tout de même vérifier les bords à la main : sur une dizaine de tuiles, deux ou trois présentaient une petite rupture de motif visible à 1920 px de large. 2) L'optimisation derrière Une fois la tuile choisie, je l'exporte en 512×512, puis je la convertis en WebP et en AVIF avec un fallback JPEG via image-set(). Sur un fond bois, je passe ainsi d'environ 180 Ko à moins de 30 Ko en AVIF, sans différence perceptible une fois le contenu par-dessus. 3) L'accessibilité et le contraste Point important que j'ai failli oublier : une texture, même discrète, réduit le contraste du texte. J'ajoute systématiquement un léger voile (background-color semi-transparent en superposition) et je contrôle le ratio avec l'outil de contraste du navigateur. Pour les utilisateurs qui activent prefers-contrast: more, je supprime carrément la texture. 4) Le CSS utilisé Rien de très exotique : background-image avec image-set, background-size fixé à 256px pour garder un grain fin sur écrans haute densité, et un background-attachment classique (j'évite fixed qui pose des soucis de performance sur mobile). Mes questions pour vous : - Est-ce que vous utilisez des textures générées pour vos projets clients, ou est-ce que vous restez sur de la photo réelle ? - Avez-vous une méthode fiable pour détecter automatiquement les raccords ratés d'une tuile avant de la mettre en production ? - AVIF en fond CSS : vous le servez déjà partout, ou vous attendez encore ? Merci d'avance pour vos retours, je mettrai à jour le sujet avec ce que j'aurai appris ! Modifié par Felipe (07 Oct 2026 - 14:22)

Calculateur Gratuit : avis sur les modes du calculateur de pourcentage

pb193105 — Tue, 06 Oct 2026 14:32:14 +0200

Bonjour, Je développe Calculateur Gratuit et je souhaiterais un regard extérieur sur l’interface de cette page : https://calculateur-gratuit.fr/outils/calcul-pourcentage/ Le calculateur propose dix modes, avec des boutons tels que « X % d’une valeur », « % d’un total », « Évolution » et « Points de % ». Les résultats changent immédiatement pendant la saisie. La page utilise Next.js, React et TypeScript. Mon interrogation concerne surtout le choix du mode et la lecture du résultat sur mobile. Pour un calcul de 80 à 100, le mode « Évolution » donne +25 %. Dans l’autre sens, de 100 à 80, on obtient −20 % : la valeur de référence change. Cet exemple me semble utile pour vérifier que les intitulés restent compréhensibles. J’aimerais vos avis sur trois points : - Comprend-on assez vite la différence entre « % d’un total » et « Évolution », ou faudrait-il afficher une question concrète avant les boutons ? - Sur un petit écran, les différents résultats et la formule se distinguent-ils suffisamment ? - Lors de la navigation au clavier et de la saisie de nombres décimaux, voyez-vous un obstacle ou une information manquante ? Je suis le créateur du site. Je cherche des remarques précises sur ces éléments pour guider les améliorations. Merci pour vos critiques.

Étranges espacements

cde — Mon, 05 Oct 2026 16:46:25 +0200

Bonjour J'ai un soucis de CSS sur la page https://qua.name/rolistologie/revue-de-presse-octobre-2026 Pour contexte, je n'ai pas la main sur le HTML, uniquement le CSS. Mon problème, il y a un étrange espacement entre les h2 et les p de l'article, par exemple entre "Incendie du château de Monchat" et "Un nouveau drame lié à la canicule et au manque de moyen des pompiers." Toutes les margins (annoncées et effectivement calculées par le navigateur) sont bien à 0, il n'y a pas de padding... Est-ce que vous auriez une idée pour expliquer cet espacement (en vue de le supprimer) ? Merci

Reporting-Endpoints et report-to

boteha_2 — Sat, 03 Oct 2026 19:51:09 +0200

Bonjour, www.monsite.com Le programme pour traiter les erreurs CSP s'appelle : csp_rapport.php Header always set Content-Security-Policy: report-to tlc-csp-endpoint Ma question est quelle URL donner ? Header set Reporting-Endpoints "tlc-csp-endpoint=\"https://monsite.com/csp_rapport.php\"" Est-ce bon, ça a l'air de ne pas marcher ?

[Amateur] nojo : avis sur l’entrée et les commandes d’un espace 3

Banju — Sat, 03 Oct 2026 10:40:10 +0200

Bonjour, Je suis Banju, musicien à Séoul et créateur de nojo, un espace 3D gratuit dans le navigateur avec des bureaux, un bar et de petits jeux. Je ne sais pas coder de manière autonome : j’utilise une IA pour le code, ainsi que pour la rédaction et la traduction de ce message. La traduction sur la page principale peut aussi contenir des erreurs. Page à examiner : nojo.club/main Je partage mon propre projet et souhaite surtout des critiques constructives sur la première visite en invité, sur ordinateur et téléphone : comprend-on où aller et comment utiliser les commandes ? Les éléments d’interface et les textes sont-ils assez lisibles, ou que simplifieriez-vous en priorité ? Je suis prêt à entendre les limites de ce choix de présentation en 3D. Je ne prétends pas avoir validé la conformité ou l’accessibilité du site. Le HTML contient notamment un doctype et un élément main, mais le viewport utilise maximum-scale=1 et le canvas ne contient pas de contenu alternatif. Ce sont des limites à améliorer, pas une garantie de qualité du code. Je ne demande pas que quelqu’un réécrive l’application à ma place. Merci pour vos retours, même critiques. Capture de mon espace : upload/1791016792-87995-nojo-room.jpg

[Pro] Cœur de Famille — navigation entre arbre et souvenirs

Florent_CoeurFamille — Tue, 22 Sep 2026 11:45:24 +0200

Bonjour, Je développe Cœur de Famille, un espace familial privé qui réunit arbre, photos, événements et souvenirs des proches. Je cherche des regards extérieurs sur la lisibilité du parcours : une personne peu habituée aux outils de généalogie comprend-elle comment passer de l’arbre aux souvenirs d’un proche ? La page de présentation : https://coeurdefamille.fr/memoire-familiale Un exemple fictif accessible sans compte : https://coeurdefamille.fr/demo?start=69&person=69#profil La Fiche Mémoire rassemble biographie, repères de vie, photos anciennes et anecdotes. J’aimerais surtout vos critiques sur la hiérarchie de l’information, les libellés et la navigation sur mobile. Qu’est-ce qui vous paraît peu clair au premier passage ? Merci pour vos retours. Modifié par Florent_CoeurFamille (22 Sep 2026 - 11:45)

Vos outils indispensables pour le développement

Olivier C — Mon, 21 Sep 2026 11:24:31 +0200

Bonjour à tous, Le forum est calme en ce moment et depuis quelques temps déjà (merci les LLMs), j'en profite donc pour vous poser une question par curiosité : Parmi les outils que vous utilisez pour le développement, quels sont ceux dont vous ne pourriez vous passer (par exemple Vite.js) ? Et surtout pour quels cas d'utilisation pratique ? Ou encore, l'outil existe mais n'est pas optimal pour vos besoins, où il n'est plus maintenu, etc... ** Toutes stacks confondues, on ne se limite pas à NPM. La question ne se limite pas non plus à un domaine : en principe on parle du web, mais pas exclusivement. Je ne parle pas des IDEs, par contre leurs plugins ça compte. On ne parle pas non plus des LLMs et de leur workflow, on parle uniquement des outils déterministes. C'est à vous. --- ** Ce fût par exemple le cas pour moi avec Stylus, un préprocesseur CSS, cet exemple date un peu ; actuellement je trouve que Pug, un système de templating HTML, suis le même chemin Modifié par Olivier C (21 Sep 2026 - 12:07)

Problème de caractères accentués

AlaiM — Fri, 18 Sep 2026 19:28:20 +0200

bonjour j'utilise phpMyadmin 4.7.0 en local mon problème est que les caractères accentués, en sortie avec la fonction PHP echo, apparaissent avec un point d’interrogation dans un losange noir. pourquoi ? (je n'ai pas ce problème avec un serveur distant)

[Résolu] Problème de menu hamburger

RaW — Tue, 15 Sep 2026 18:50:20 +0200

Bonjour. Je cherche à créer des albums photo qui s affiche correctement sur tout les supports. Le problème est le suivant mon menu s affiche bien sur mon ordinateur mais sur mon téléphone c'est une autre pair de manche.. Le menu hamburger que j'ai créer ne s 'affiche correctement qu'une fois qu'il a été cliqué. C'est à dire que on voit pas mon header autrement qu'aprés avoir cliqué sur le menu hamburger. J'ai bien essayé de régler le problème avec différente IA mais rien n'y fait. Je précise que je suis débutant désolé si le soucis paraît simple et que je vous fais perdre un peu de temps mais moi je n'ai pas trouvé la solution malgré de longue heures à chercher la solution . voici le code : Mes Albums Photos - Version Design Personnalisé

album photo général

album nature

[Résolu] Uncaught Error: Class "PHPMailer" not found

boteha_2 — Sat, 12 Sep 2026 15:41:35 +0200

Bonjour, J'utilise PHPMailer depuis des années, cela marche bien sauf quand OVH me bloque des mails car SMTP n'est soi-disant pas activé. J'ai donc ajouté quelques lignes de code préconisées chez Ionos : use PHPMailer\PHPMailer\PHPMailer; // Ajout use PHPMailer\PHPMailer\SMTP; // Fin ajout use PHPMailer\PHPMailer\Exception; require_once 'PHPMailer603/src/PHPMailer.php'; // Ajout require_once 'PHPMailer603/src/SMTP.php'; // Fin ajout require_once 'PHPMailer603/src/Exception.php'; $mail = new PHPMailer\PHPMailer\PHPMailer; // Ajout $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS; // Fin ajout Et je me prends l'erreur : Uncaught Error: Class "PHPMailer" not found Avez-vous une explication ? Modifié par boteha_2 (12 Sep 2026 - 15:42)

Utilisation des pré-processeurs : état de l'art en 2026

Olivier C — Tue, 01 Sep 2026 20:58:51 +0200

Bonjour à tous, Bien sûr, il existe des enquêtes Stack Overflow, des npm trends et autres outils statistiques, mais pour vous-même : Vous utilisez quoi aujourd'hui comme outils de build pour vos styles ? Si vous en utilisez encore un d'ailleurs ? Et surtout pour quels types de projets (projet perso, d'envergure, legacy, etc) ? Et ce qui m'intéresse le plus : quelles sont les fonctionnalités dont vous ne pouvez encore vous passer en 2026 ? Pour vous inciter à répondre je commence par répondre moi-même à ma propre question : Après avoir longtemps utilisé Stylus, désormais totalement legacy, n'avoir jamais été convaincu par le monolithe Sass, j'ai tenté PostCSS. Ce dernier vendait du rêve sur le papier, avançait sa modularité, mais dans la pratique il repose entièrement sur un écosystème composés de plugins tous autant chaotiques les uns que les autres : incompatibles entre eux souvent, deprecated du jour au lendemain. J'ai fini par adopter une solution maison, avec notamment Lightningcss. Les avancés de CSS de ces 2 dernières années ont fait reculer le besoin viscéral d'avoir un préprocesseurs sur certains projets. Cependant, voici les fonctionnalités dont je ne peux me passer même aujourd'hui : - Les variables : en effet, les custom properties ne seront jamais supportés par les media queries (@media) en raison du risque de récursivité infinie ; les @custom-media ne sont pas encore supportées et, de toute façon ne seront jamais supportés eux non plus par @container. Perso j'ai fait un système de variables qui supporte la syntaxe media queries level 5 **. - Les mixins (@mixin et @include), mais je ne permet pas de descendre au-delà de 3 niveaux de récursivité, sinon je considère qu'il y a un problème de design ; en réalité, je devrais même interdire la récursivité pour cette feature... - Fusion des @import, avec compatibilité layer(), en un unique fichier. - Les boucles @for, à utiliser avec modération pour ne pas générer n'importe quoi. Voilà, je crois que je n'ai rien oublié, j'ajouterais peut-être à terme la résolution de calc() sur les valeurs statiques, mais je ne permettrais pas les mélanges d'unités statiques comme le permet SASS, là encore je trouve que cela encourage les mauvais designs. C'est à vous ! --- ** Exemple : $from-s-to-m: (50em < width <= 70em); Modifié par Olivier C (02 Sep 2026 - 08:54)

Avis UX : Emis, devis/factures PDF (pas une PA)

JeremyL19 — Tue, 01 Sep 2026 12:22:43 +0200

Bonjour, Je cherche des retours (HTML/CSS/clarté du texte, pas du référencement) sur Emis, un éditeur de devis et de factures PDF qui tourne dans le navigateur, sans compte. Les pièces restent en localStorage. Gratuit avec filigrane ; 29 € une fois enlèvent le filigrane, à vie, sur ce navigateur. Ce n'est pas une plateforme agréée, pas une e-facture, pas de Factur-X, pas Chorus Pro. Périmètre : devis, PDF particuliers, et PDF B2B jusqu'au 1er septembre 2027. Ensuite l'émission B2B passera par une PA. Emis n'en est pas une. La mention de franchise par défaut est « TVA non applicable, art. L. 223 et s. du CIBS » (pas L. 233-3). Ce n'est pas un conseil fiscal. Page : https://marine-anvil-swnt.here.now/ App : https://marine-anvil-swnt.here.now/app.html Merci d'avance pour un regard franc, surtout si le discours 2026/2027 est ambigu ou si l'accessibilité cloche.

Je cherche des retours sur mon site de rappel

Thomaslfrt — Thu, 27 Aug 2026 23:51:50 +0200

Bonjour, J'ai créé un site pour mes parents parce qu'ils oublient tout (contrôle technique de la voiture, rendez-vous médicaux récurrents, entretien des appareils de la maison) et je me suis dis que ça pourrait servir à d'autres. Mais pour le moment pas grand monde s'est connecté dessus donc je cherche des avis pour comprendre si c'est l'application qui est pas bien. Le site c'est https://ialwaysforget.com Merci d'avance pour vos retours Bonne journée

Synchronisation de requêtes MySQL

PapyJP — Tue, 25 Aug 2026 15:40:18 +0200

Bonjour à tous Je suis tombé sur le problème suivant: J'ai une table Members dans laquelle je référence les membres de l'association J'ai une table MemberGroups dans laquelle sont indiqués les groupes auxquels un membre appartient, par exemple un membre peut être dans le groupe "actif" et dans le groupe "membre du CA". Quand j'essaie de créer un membre puis de lui affecter un ou plusieurs groupes (par deux requêtes successives), tout se passe comme si la création du membre n'avait pas encore eu lieu au moment où je l'affecte à un groupe: le serveur MySQL répond qu'il y a une erreur dans les contraintes. J'ai également d'autres cas moins nets qui me laissent penser que deux requêtes successives ne se déroulent pas exactement dans l'ordre où elles sont demandées, ou bien que les tables de contraintes ne sont pas immédiatement mises à jour. Je n'ai rien trouvé sur ce sujet dans la documentation. Quelqu'un pourrait il éclairer ma lanterne ?

[Résolu] Problème de SQL

PapyJP — Tue, 25 Aug 2026 10:22:28 +0200

Bonjour à tous J'ai une table Calendrier qui contient la description des évènements de mon association. Chaque entrée de la table est référencée par un champ eventID J'ai une autre table CalItems qui contient pour chaque évènement les actions à effectuer au cours d'un évènement, par exemple Dans "Calendrier" l'évènement R20260901 contient la date, l'heure le lieu de l'évènement et quelques autres informations Dans "CalItem" j'ai des entrées qui décrivent les actions de cet évènement sous la forme eventID = R20260901, rank = 1, action n°1 eventID = R20260901, rank = 2, action n°2 eventID = R20260901, rank = 3, action n°3 Je cherche à obtenir pour chaque entrée du calendrier les informations contenus dans la table Calendrier plus un élément itemCount qui contient le nombre des actions à effectuer pour chaque évènement. Mon SQL actuel: SELECT DISTINCT c.eventID as id, `eventType`, ` `startTime`, `endTime`, `subject`, addressID` as locationID, COUNT(SELECT ci.rank FROM CalItems AS ci WHERE ci.eventID = c.eventID) AS itemCount FROM Calendar as c WHERE DATE(`startTime`) BETWEEN '2026-09-01' AND '2026-09-30' ORDER BY `startTime` ; Cette syntaxe est erronée mais je n'arrive pas à trouver la bonne syntaxe pour la ligne "COUNT...." Merci de votre aide Modifié par PapyJP (25 Aug 2026 - 10:22)

[captcha] je ne suis pas un robot

Niuxe — Wed, 19 Aug 2026 02:36:22 +0200

Salut tout le monde, un super captcha (ça rappelle une certaine expérience) https://www.youtube.com/playables/UgkxHdkwpf63wV7pQvaimwWCkJfcrELLrJmJ Modifié par Niuxe (19 Aug 2026 - 02:38)

[Résolu] Drag and Drop (suite) : texte extérieur

PapyJP — Mon, 10 Aug 2026 13:10:27 +0200

Bonjour à tous Je suis toujours en train d'apprendre les arcanes du DnD avec mon programme de test. Je cherche à récupérer un texte dans un fichier texte et à le dropper dans une zone de ma page de test. Le résultat est qu'au moment du drop le texte est intercepté par le navigateur (FireFox) qui le considère comme l'adresse d'une page devant remplacer la page de test. y a-t-il un moyen d'obtenir ce que je cherche à faire, c'est à dire récupérer ce texte dans la méthode drop attachée à ma zone?

Mes Programmes

JGP — Thu, 06 Aug 2026 14:53:34 +0200

Bonjour à tous ! Je suis un développeur indépendant et je voulais vous présenter quelques logiciels que j’ai créés pour Windows. J’ai réalisé chaque programme moi-même en VB.NET, en mettant l’accent sur la simplicité et la facilité d’utilisation. Voici quelques-uns de mes projets : * Tarot, application qui tire les cartes * Zoya, un assistant IA. * Pile ou Face. * Roche, Papier, Ciseaux. * Marguerite, comment savoir si votre coup de cœur vous aime Si vous avez des commentaires, des idées d’amélioration ou des questions, je serais ravi d’en discuter. Vos avis m’aident énormément à faire évoluer mes projets. Si certains logiciels vous intéressent, ils sont disponibles sur mon site : www.mesprogrammes.ca Merci d’avoir pris le temps de regarder ! Modifié par Felipe (06 Aug 2026 - 18:05)

LAMP : pas de fichier index.php avec la liste des sites installes

schtroumph — Tue, 04 Aug 2026 11:23:34 +0200

Salut J'ai installé LAMP en local, mais je n'ai pas de fichier index.php avec la liste des sites installés en local. J'ai qu'un fichier index.html, la page par défaut d'Apache. J'avais déjà installé LAMP sur un autre ordi et il me semble qu'il y avait un fichier index.php, et la liste des sites. Aurais-je raté une étape à l'installation ?