Forum Alsacreations : HTML, CSS, JavaScript et Standards Web - Derniers sujets https://forum.alsacreations.com Bonjour, J'ai créé un site web en utilisant ScrollReveal mais j'ai un souci avec les éléments qui utilisent ScrollReveal en origin: 'right'. En effet sur version mobile ça "élargit" Bonjour, J'ai créé un site web en utilisant ScrollReveal mais j'ai un souci avec les éléments qui utilisent ScrollReveal en origin: 'right'. En effet sur version mobile ça "élargit" le body ce qui fait apparaître un scroll horizontal. J'ai tenté de mettre un overflow:hidden sur le body et le html mais ça ne fonctionne pas. Auriez-vous une solution ? Merci de votre aide. 2026-05-12T16:52:28+02:00 korom élément en scroll reveal right qui gêne https://forum.alsacreations.com/topic-27-91669-1.html https://forum.alsacreations.com/topic-27-91669-1.html Bonjour, Existe-t-il un équivalent "srcset" pour les vidéos comme ça existe pour les images ? Bonjour, Existe-t-il un équivalent "srcset" pour les vidéos comme ça existe pour les images ? 2026-05-07T17:42:34+02:00 korom Vidéo srcset ? https://forum.alsacreations.com/topic-27-91668-1.html https://forum.alsacreations.com/topic-27-91668-1.html En fouillant dans mes cartons. J'ai toujours le la peine à les jeter. upload/1778086829-67790-disquette-connexion-internet.jpg upload/1778086872-67790-modem-58.jpg En fouillant dans mes cartons. J'ai toujours le la peine à les jeter. upload/1778086829-67790-disquette-connexion-internet.jpg upload/1778086872-67790-modem-58.jpg 2026-05-06T19:01:28+02:00 Bongota Nostalgie... https://forum.alsacreations.com/topic-9-91667-1.html https://forum.alsacreations.com/topic-9-91667-1.html Bonjour, Cette discussion fait suite à ce sujet. Ce codepen présente le problème. Les dernières déclarations difficiles à lire ne servent qu'à faire Bonjour, Cette discussion fait suite à ce sujet. Ce codepen présente le problème. Les dernières déclarations difficiles à lire ne servent qu'à faire fonctionner le carrousel, sans impact à ma connaissance sur la mise en page. Mon problème est que la colonne de gauche du carrousel doit être aussi haute que la colonne de droite. La solution la moins inesthétique et d'ajouter du padding en haut et en bas de l'image principale. Ou équivalent avec object-fit. Dans le principe il y a une DIV dont je définis la taille, les image de tailles différentes viennent remplir la DIV avec object-fit. Voyez-vous un code pour ajuster la hauteur du carrousel ? Modifié par boteha_2 (02 May 2026 - 12:34) 2026-05-02T12:31:52+02:00 boteha_2 Hauteur variable d'un grid-item https://forum.alsacreations.com/topic-4-91665-1.html https://forum.alsacreations.com/topic-4-91665-1.html Bonjour tout le monde, l'article de Korben est explicite. Je vous laisse le soin de le lire : Copy Fail - Une IA trouve la faille Linux que personne n'a vue Cette Bonjour tout le monde, l'article de Korben est explicite. Je vous laisse le soin de le lire : Copy Fail - Une IA trouve la faille Linux que personne n'a vue Cette CVE fait couler beaucoup « d'encre » sur la toile. Bonne lecture. 2026-04-30T15:33:46+02:00 Niuxe Faille critique dans le noyau : CVE-2026-31431 https://forum.alsacreations.com/topic-9-91664-1.html https://forum.alsacreations.com/topic-9-91664-1.html Bonjour, Je n'ai pas trouvé de titre adapté pour ce petit problème illustré par ce codepen. La colonne GAUCHE doit faire 20rem de large et devenir plus étroite si nécessaire. Bonjour, Je n'ai pas trouvé de titre adapté pour ce petit problème illustré par ce codepen. La colonne GAUCHE doit faire 20rem de large et devenir plus étroite si nécessaire. La colonne DROITE occupe tout l'espace restant avec une largeur minimale de 20rem. Autrement dit, si fenêtre de 30rem, GAUCHE sera 10rem et droite 20rem. Cela fonctionne avec les déclarations du codepen. Par contre, si le contenu de GAUCHE n'est pas assez large, la colonne fait moins de 20rem de large. C'est la cas dans la deuxième DIV du codepen. L'objectif est, si la fenêtre est assez large, d'avoir 20rem pour GAUCHE dans deuxième DIV, Tout ayant la largeur de 10rem si la fenêtre est réduite à 30rem. J'espère que l'énoncé est clair... Modifié par boteha_2 (30 Apr 2026 - 19:39) 2026-04-29T17:59:14+02:00 boteha_2 [Résolu] Minmax() dans GRID : définition et exemple https://forum.alsacreations.com/topic-4-91663-1.html https://forum.alsacreations.com/topic-4-91663-1.html Salut, Pour afficher ma section hero sur mobile, Gemini m’a dit* @media screen and (max-width: 768px) and (orientation: portrait) { .hero { height: 100vh; Salut, Pour afficher ma section hero sur mobile, Gemini m’a dit* @media screen and (max-width: 768px) and (orientation: portrait) { .hero { height: 100vh; height: 100dvh; } } Euh… ça le fait ? On peut améliorer le code ou c’est bon et je peux mettre ça en prod ? * on dirait pigeon vole 2026-04-25T08:46:03+02:00 myself [Résolu] Section hero sur mobile https://forum.alsacreations.com/topic-1-91660-1.html https://forum.alsacreations.com/topic-1-91660-1.html Salut, Dans ma css, je n’ai rien spécifié sur l’épaisseur de la scollbar. Aussi, je voulais savoir si c’était accessible de spécifier un scrollbar-width: none; ? Salut, Dans ma css, je n’ai rien spécifié sur l’épaisseur de la scollbar. Aussi, je voulais savoir si c’était accessible de spécifier un scrollbar-width: none; ? Pour l’instant, j’ai : html { overflow-x: hidden; scroll-behavior: smooth; scroll-padding-top: 20px; } À moins de jouer aussi sur l’overflow-y ? Merci. Modifié par myself (25 Apr 2026 - 07:12) 2026-04-25T06:55:57+02:00 myself [Résolu] Toucher à scrollbar-width: et l’accessibilité ? https://forum.alsacreations.com/topic-6-91659-1.html https://forum.alsacreations.com/topic-6-91659-1.html Bonjour, J’utilise CSS Grid pour créer une mise en page en 3 colonnes sur desktop, avec un passage en 1 colonne via media query sur mobile. Cependant, lorsque je zoome le navigateur à Bonjour, J’utilise CSS Grid pour créer une mise en page en 3 colonnes sur desktop, avec un passage en 1 colonne via media query sur mobile. Cependant, lorsque je zoome le navigateur à environ 125%–150%, le layout se casse : certaines colonnes passent à la ligne alors que le breakpoint n’est pas encore atteint. Est-ce qu’il existe une bonne pratique pour garder une mise en page stable lors du zoom utilisateur sans multiplier les media queries ? Quels types d’unités (px, %, rem, fr...) recommandez-vous dans ce cas ? Merci d’avance pour votre aide ! 2026-04-23T06:27:14+02:00 RoseBL Grid CSS cassée au zoom https://forum.alsacreations.com/topic-4-91658-1.html https://forum.alsacreations.com/topic-4-91658-1.html Bonjour à tous, Je souhaitais partager avec la communauté un problème récurrent que je vois passer aussi bien chez les débutants que chez les développeurs confirmés. Il concerne la Bonjour à tous, Je souhaitais partager avec la communauté un problème récurrent que je vois passer aussi bien chez les débutants que chez les développeurs confirmés. Il concerne la gestion des ressources partagées, typiquement le stock dans une boutique en ligne, mais aussi les places de spectacle, les réservations, ou tout système où une quantité limitée est disponible. Le code qui semble parfaitement logique Prenons un exemple simplifié, dans un pseudo-code compréhensible par tous : fonction passerCommande(idProduit, quantite) { // 1. On récupère le produit produit = recupererProduit(idProduit) // 2. On vérifie le stock si (produit.stock < quantite) { retourner ERREUR "Stock insuffisant" } // 3. On crée la commande commande = creerCommande(idProduit, quantite) // 4. On met à jour le stock produit.stock = produit.stock - quantite sauvegarder(produit) retourner commande } Ce code est clair, logique, et fonctionne parfaitement quand on le teste seul. Le problème : la race condition Imaginez maintenant un produit très demandé. Il ne reste que 1 seul exemplaire en stock. - Utilisateur Alice (10h00m00.001s) : La fonction est appelée. Le stock lu est 1. La vérification stock < quantité est fausse (1 < 1), donc on passe à la suite. - Utilisateur Bob (10h00m00.050s) : La fonction est appelée 50 millisecondes plus tard, alors qu'Alice n'a pas encore fini de sauvegarder. Bob lit lui aussi stock = 1. Sa vérification passe également. Résultat final : - Alice obtient sa commande. Le stock passe à 0. - Bob obtient aussi sa commande. Le stock passe à -1. Vous venez de vendre deux fois le même produit unique. Pourquoi ce bug est-il si courant ? Parce qu'il est silencieux. En développement local, avec un seul utilisateur, il est impossible à reproduire. Il ne se manifeste qu'en production, sous charge, souvent au pire moment (lancement d'un produit, soldes, Black Friday). Techniquement, c'est un problème de concurrence (race condition) et de pattern « Check-then-Act » (vérifier puis agir). Entre la vérification et l'action, l'état du système a changé. La solution : atomicité et verrouillage Pour résoudre ce problème de manière universelle, quel que soit le langage ou le framework utilisé, deux mécanismes doivent être combinés : 1. La transaction atomique Une transaction garantit que toutes les opérations d'un bloc réussissent ensemble ou échouent ensemble. Si une erreur survient à n'importe quelle étape, tout est annulé (ROLLBACK). DEBUT TRANSACTION // Toutes les opérations ici FIN TRANSACTION (COMMIT si tout va bien, ROLLBACK sinon) 2. Le verrouillage pessimiste Avant même de vérifier le stock, il faut verrouiller la ligne concernée dans la base de données. Cela empêche toute autre connexion de lire ou modifier cette ligne tant que la transaction n'est pas terminée. En SQL, cela se traduit par SELECT ... FOR UPDATE. DEBUT TRANSACTION // Verrouiller la ligne du produit produit = SELECT * FROM produit WHERE id = idProduit FOR UPDATE // Maintenant, personne d'autre ne peut toucher à cette ligne SI produit.stock < quantite ALORS ROLLBACK RETOURNER ERREUR FIN SI // Création de la commande INSERT INTO commande ... // Mise à jour atomique du stock (calcul fait par le SGBD) UPDATE produit SET stock = stock - quantite WHERE id = idProduit COMMIT 3. La mise à jour atomique Plutôt que de faire stock = stock - quantite dans le code applicatif, il est préférable de laisser le SGBD faire le calcul : UPDATE produit SET stock = stock - 1 WHERE id = 42; Cela évite de relire une valeur potentiellement déjà modifiée. Ce qu'il faut retenir Dès que votre application manipule une ressource partagée et limitée (stock, places, crédits, solde), vous devez : 1. Identifier le bloc critique qui lit puis écrit. 2. L'encapsuler dans une transaction. 3. Utiliser un verrou pessimiste sur la ressource convoitée. 4. Privilégier les mises à jour atomiques en base de données. Ce n'est pas une question de langage ou de framework. Que vous codiez en PHP, Python, Java, Ruby ou JavaScript, le problème et la solution sont les mêmes. Seule la syntaxe change. J'ai rédigé un article détaillé sur mon blog qui applique ces principes à un cas concret avec Django et cas Django REST Framework, mais les concepts restent universels. Note : J'ai hésité à publier ce sujet ici, sachant qu'Alsacréations est historiquement plus orienté frontend. Mais les problématiques de concurrence et d'intégrité des données touchent aussi les développeurs full-stack, et je pense que le forum a toute sa place pour ce type de partage backend. N'hésitez pas à me dire si ce format « article » est le bienvenu ou s'il aurait été plus pertinent ailleurs. Modifié par Niuxe (19 Apr 2026 - 23:46) 2026-04-19T23:05:35+02:00 Niuxe À lire : Pourquoi votre gestion de stock peut échouer ? https://forum.alsacreations.com/topic-9-91657-1.html https://forum.alsacreations.com/topic-9-91657-1.html Bonjour, Cette discussion fait suite à ce sujet. Dans un carrousel, le clic sur l'image principale ouvre le carrousel dans une pop-up. Pour l'accessibilité, Bonjour, Cette discussion fait suite à ce sujet. Dans un carrousel, le clic sur l'image principale ouvre le carrousel dans une pop-up. Pour l'accessibilité, quelques sont les éléments html les mieux appropriés afin d'encadrer les images. <div class="pop_up"><img /></div> <div class="vignette"><img /></div> <div class="vignette"><img /></div> Faut-il remplacer div par un autre élément et si oui par quoi ? 2026-04-19T12:37:30+02:00 boteha_2 Éléments html pour un carrousel d'images https://forum.alsacreations.com/topic-6-91656-1.html https://forum.alsacreations.com/topic-6-91656-1.html Bonjour, Sur mon site créé il y a presque 25 ans j'utilise un moteur de recherche adossé à une base SQL pour trouver des photos. La page de recherche : https://www.perso-laplagne.fr/PhotosAnciennes.php. Bonjour, Sur mon site créé il y a presque 25 ans j'utilise un moteur de recherche adossé à une base SQL pour trouver des photos. La page de recherche : https://www.perso-laplagne.fr/PhotosAnciennes.php. Depuis quelques mois (ou années sans que j'y prenne garde ?) les résultats sont de plus en plus incohérents et sensibles à la casse alors qu'ils ne devraient pas... Voici le code PHP <?php $paysages = htmlentities($_POST, ENT_QUOTES); $travaux = htmlentities($_POST, ENT_QUOTES); $stations = htmlentities($_POST, ENT_QUOTES); $teleskis = htmlentities($_POST, ENT_QUOTES); $telesieges = htmlentities($_POST, ENT_QUOTES); $telecabines = htmlentities($_POST, ENT_QUOTES); $evenements = htmlentities($_POST, ENT_QUOTES); $anneemin = htmlentities($_POST, ENT_QUOTES); $anneemax = htmlentities($_POST, ENT_QUOTES); $motscles = $_POST; $motscles = '%'.$motscles.'%'; ?> (...) <? $requete_sql='SELECT Nom, Legende, LegendeENG, LegendeSecondaire, MotsCles, Objet, AnneeMin, AnneeMax from PhotographiesAnciennes WHERE (anneemin BETWEEN \''.$anneemin.'\' AND \''.$anneemax.'\' OR anneemax BETWEEN \''.$anneemin.'\' AND \''.$anneemax.'\') AND (Objet LIKE \''.$telesieges.'\' OR Objet LIKE \''.$stations.'\' OR Objet LIKE \''.$paysages.'\' OR Objet LIKE \''.$travaux.'\' OR Objet LIKE \''.$evenements.'\' OR Objet LIKE \''.$teleskis.'\' OR Objet LIKE \''.$telecabines.'\') AND (Legende LIKE \''.$motscles.'\' OR LegendeSecondaire LIKE \''.$motscles.'\' OR LegendeENG LIKE \''.$motscles.'\'OR MotsCles LIKE \''.$motscles.'\') ORDER BY AnneeMin'; $resultat=mysql_query($requete_sql); $nb_image=mysql_num_rows($resultat); ?> (...) Je sais que cette requête est complètement obsolète mais ce qui me perturbe c'est que pour un même mot écrit différemment j'ai des résultats incomplets et variables. Exemple : "Bellecôte" - Bellecôte renvoie 72 photos - Bellecote renvoie 80 photos - bellecote renvoie 71 photos - bellecôte renvoie... 0 photos Pourtant l'interclassement choisi (utf8mb4_0900_ai_ci) est censé rendre les requêtes insensibles à la casse (enfin je crois !). Le problème vient-il de la requête ? de la base ? Merci de votre aide !! Modifié par ARGo (25 Apr 2026 - 23:30) 2026-04-12T11:04:42+02:00 ARGo [Résolu] Casse / Accent = Problème de résultats requête MYSQL https://forum.alsacreations.com/topic-20-91652-1.html https://forum.alsacreations.com/topic-20-91652-1.html Bon, à mon avis, Chopin aussi s'est trompée d'une lettre : il aurait dû écrire à George : " tu t'es trompéE d'une lettre".. Bon, à mon avis, Chopin aussi s'est trompée d'une lettre : il aurait dû écrire à George : " tu t'es trompéE d'une lettre".. 2026-04-11T15:46:01+02:00 Titen Chopin et sa copine https://forum.alsacreations.com/topic-9-91651-1.html https://forum.alsacreations.com/topic-9-91651-1.html Bonjour la liste, Le titre est pas terrible mais je ne pouvais pas reprendre celui du post précédent... Donc après une réinstallation difficile, mysql est là et fonctionne : Bonjour la liste, Le titre est pas terrible mais je ne pouvais pas reprendre celui du post précédent... Donc après une réinstallation difficile, mysql est là et fonctionne : $ systemctl status mysql ? mysql.service - MySQL Community Server Loaded: loaded (/usr/lib/systemd/system/mysql.service; enabled; preset: en> Active: active (running) since Wed 2026-04-08 07:34:19 CEST; 3h 43min ago Main PID: 1707 (mysqld) Status: "Server is operational" Tasks: 37 (limit: 8758) Memory: 421.1M (peak: 434.7M) CPU: 2min 14.776s CGroup: /system.slice/mysql.service ??1707 /usr/sbin/mysqld avril 08 07:32:39 Arzhur systemd: Starting mysql.service - MySQL Community S> avril 08 07:34:19 Arzhur systemd: Started mysql.service - MySQL Community Se> lines 1-13/13 (END) j'ai bien mes utilisateurs : mysql> SELECT user FROM mysql.user; +------------------+ | user | +------------------+ | debian-sys-maint | | geriadur | | mysql.infoschema | | mysql.session | | mysql.sys | | root | +------------------+ 6 rows in set (0,00 sec) mais lorsque je veux lancer phpmyadmin j'ai toujours de message : mysqli::real_connect(): (HY000/1698): Access denied for user 'root'@'localhost' et le code php de Niuxe me renvoie : Cette page ne fonctionne pas Impossible de traiter cette demande via localhost à l'heure actuelle. HTTP ERROR 500 enfin un essai de restaurer la base est aussi refusé : ~/Nextcloud2/geriaoueg$ mysql -u root -p geriaoueg < geriaoueg-20260405.sql.gz Enter password: ERROR 1698 (28000): Access denied for user 'root'@'localhost' Merci de votre aide ! 2026-04-08T11:41:51+02:00 Titen [Résolu] Mysql problèmes post-réinstallation https://forum.alsacreations.com/topic-20-91650-1.html https://forum.alsacreations.com/topic-20-91650-1.html Bonjour à tout le monde, fini la chasse aux oeufs, voici la chasse aux bogs ; heureux et serein propriétaire d'une base de données pour un site autohébergé, je n'y ai plus accès depuis ce matin. Bonjour à tout le monde, fini la chasse aux oeufs, voici la chasse aux bogs ; heureux et serein propriétaire d'une base de données pour un site autohébergé, je n'y ai plus accès depuis ce matin. Je soupçonne fortement la mise à jour vers php 8.3 -de mémoire- d'hier dy être pour quelque chose. Je suis sous linux Mint. Toute tentative d'accès se solde par Erreur : SQLSTATE No such file or directory... Merci de votre aide ! 2026-04-05T14:59:39+02:00 Titen [Résolu] Accès refusé à la base de données mysqm https://forum.alsacreations.com/topic-20-91649-1.html https://forum.alsacreations.com/topic-20-91649-1.html Bon, c'est un peu plus complexe en fait. J'ai une grille définie avec grid-template-columns: var(--largeur) auto; L'espace initial se comporte exactement comme je le souhaite. Bon, c'est un peu plus complexe en fait. J'ai une grille définie avec grid-template-columns: var(--largeur) auto; L'espace initial se comporte exactement comme je le souhaite. Dans la seconde colonne, je dois ajouter du contenu en provenance d'une autre source. Ce contenu fait s'élargir la colonne (comportement normal de grid) comment empêcher cet élargissement? les max-width:100% sont sans effet, tant sur la grille, la colonne que le contenu. Une valeur en pixel fonctionne, mais je voudrais l'éviter, la largeur n'étant pas connue au départ et l'ensemble devant rester adaptatif. Possible assez facilement en Javascript/jquery, mais j'aimerai aussi l'éviter en restant sur du pur CSS. 2026-04-05T11:57:06+02:00 phil_zic [Résolu] Grid: bloquer la largeur d'une colonne ? https://forum.alsacreations.com/topic-4-91648-1.html https://forum.alsacreations.com/topic-4-91648-1.html Bonjour, DuckDuckGo propose maintenant Duck.ai pour les recherches. J'ai lancé une recherche sur la modification des pages web reçues en local ( Anti-pub, anti-écriture inclusive, etc.). Bonjour, DuckDuckGo propose maintenant Duck.ai pour les recherches. J'ai lancé une recherche sur la modification des pages web reçues en local ( Anti-pub, anti-écriture inclusive, etc.). Voici le dialogue, un peu long, que je laisse à votre appréciation. -------- Réponse IA : Respect légal : Avant d’appliquer automatiquement des modifications sur des pages que vous ne possédez pas, vérifiez les conditions d’utilisation du site et la loi applicable ; Modifier l’apparence d’un site côté client pour votre usage personnel est généralement autorisé, mais la distribution de scripts qui altèrent le contenu public peut poser des problèmes si elle vise à tromper ou à nuire. Transparence : Indiquez clairement que les outils modifient le contenu affiché localement (dans le navigateur) et ne modifient pas le site d’origine. Accessibilité & sensibilité : Considérez l’impact sur les personnes visées et les implications en matière d’inclusion. Ma réponse : Merci, je voulais un lien vers un site qui traite de ce problème. Modifier l'apparence d'un site en local n'est pas "généralement autorisé", c'est un droit qui permet de décider ce qui apparaît sur son ordinateur ou sa télévision, chez soi. C'est un très ancien serpent de mer qui a été longuement débattu au sujet des scripts anti-pub. Aucun procès n'a pu être engagé contre ceux qui modifient en local l'aspect de leurs pages. Parler des problèmes d'accessibilité pour les scripts qui enlèvent les pubs ou l'écriture inclusive des pages web est un peu fort. Par exemple, c'est l'écriture inclusive qui altère l'accessibilité des pages web. Elle gêne les personnes dyslexiques, panique les lecteurs d'écran et nuit au SEO. Ce n'est pas mon idée, mais la réalité. Merci cependant pour les scripts, je vais les comparer à ceux que j'ai installés. Je regrette que les moteurs de recherche basés sur l'IA récitent leur propre connaissance (en ayant capté celles des autres). On aimerait que l'IA nous donne des liens de sites qui traitent du problème plus profondément. Merci pour votre conversation. Réponse de l'IA : Je ne peux pas fournir de liens web directs ici. Ma réponse : Merci, c'est bien le gros PROBLÈME. Vous captez les données des sites web du monde entier, sans aucune considération pour les auteurs, mais vous refusez de donner même les liens de ces sites web. Il y a là un gros problème. Réponse de l'IA : Je comprends votre frustration. Je peux toutefois aider autrement : dites quel type de ressources vous voulez (articles universitaires, tutoriels techniques, discussions juridiques, analyses accessibilité, forums de développeurs), et je fournirai des titres d'articles, noms d'auteurs, journaux, et requêtes de recherche précises que vous pouvez coller dans un moteur de recherche pour trouver ces sources vous-même. Quel(s) type(s) préférez-vous ? -------- À noter que j'avais demandé des liens vers des sites web traitant du sujet. Pour l'IA, c'est terminé ; tous les concepteurs de sites web doivent le savoir. Leur travail est aspiré massivement, mais ils disparaissent du circuit. 2026-04-04T12:41:02+02:00 Bongota GPT-5 et la recherche https://forum.alsacreations.com/topic-9-91644-1.html https://forum.alsacreations.com/topic-9-91644-1.html Bonjour tout le monde. Je suis débutante en graphisme j'aimerai avoir votre avis sur mon travail SVP. Merci d'avance. Voici mon lien vers mon site: web:https://aurorebouyssou.wixsite.com/aurorebouyssou 2026-04-01T11:31:54+02:00 Abou5 Avis du portfolio https://forum.alsacreations.com/topic-18-91642-1.html https://forum.alsacreations.com/topic-18-91642-1.html Bonjour à toutes et à tous. J'ai crée un page page pour jouer en famille.(mimes) Cette page fonctionne très bien sur pc, par contre elle ne s'adapte pas aux téléphones portables. Bonjour à toutes et à tous. J'ai crée un page page pour jouer en famille.(mimes) Cette page fonctionne très bien sur pc, par contre elle ne s'adapte pas aux téléphones portables. Je ne trouve pas de solution simple pour modifier ou le css et/ou le html. D'avance merci de votre aide , si ce n'est pas trop compliqué. Le site: http://bruno.animations.free.fr Modifié par BruChri (28 Mar 2026 - 11:45) 2026-03-28T11:43:43+02:00 BruChri [Résolu] Adaptation aux tablettes et téléphones portables (responsive) https://forum.alsacreations.com/topic-27-91641-1.html https://forum.alsacreations.com/topic-27-91641-1.html Bonjour les amis, Depuis quelques jours, une onde de choc parcourt les réseaux spécialisés (LinkedIn, X, certains blogs de chercheurs) concernant une nouvelle menace baptisée « CanisterWorm Bonjour les amis, Depuis quelques jours, une onde de choc parcourt les réseaux spécialisés (LinkedIn, X, certains blogs de chercheurs) concernant une nouvelle menace baptisée « CanisterWorm ». J'ai creusé le sujet pour voir si nous devions paniquer sur nos environnements de dev. La menace décrite (le scénario « catastrophe ») : Le CanisterWorm est présenté comme un ver auto-propageable ciblant les écosystèmes JavaScript (npm) et Python (PyPI). - Vecteur : Injection via des scripts postinstall dans des paquets compromis (on parle de scopes comme @emilgroup ou d'outils comme Trivy). - Innovation : Il utiliserait la blockchain Internet Computer (ICP) comme infrastructure de commande (C2) décentralisée, rendant son démantèlement quasi impossible par les autorités (réponse HTTP 451). - Action : Vol de secrets (.npmrc, clés AWS, SSH) et destruction de données (rm -rf /). Rester prudent (L'homme qui a vu l'ours...) Malgré la précision technique des rapports qui circulent sur LinkedIn, Twitter, etc., plusieurs zones d'ombre m'interpellent et devraient vous inciter à la retenue avant de relayer l'alerte partout : 1. L'absence de CVE : Une attaque de cette ampleur « mondiale » devrait déjà avoir ses numéros de vulnérabilités officiels. À ce jour : rien. 2. Le silence des géants : Cela fait 6 jours que la toile s'enflamme, mais aucun rapport détaillé n'est sorti chez Kaspersky, CrowdStrike ou Mandiant. Un tel silence sur une menace « blockchain-backed » est suspect. 3. Incohérences techniques : Le ver est décrit comme un « wiper » (effaceur) redoutable. Or, sur une machine Linux bien configurée (sans privilèges sudo par défaut), ses capacités de nuisance sont techniquement limitées au /home. Ma conclusion de terrain Vrai ver ou « hallucination collective » alimentée par des IA de génération de contenu ? La question reste ouverte. Quoi qu'il en soit, cette alerte est un excellent rappel des fondamentaux de sécurité : - Ne travaillez jamais en root : Si vous n'avez pas de sudo actif pour votre user, le ver reste enfermé. - Utilisez des alias protecteurs : De mon côté, mon alias rm='trash-put -i'¹ suffit à rendre n'importe quel script de suppression inopérant (il demande confirmation et met en corbeille). - Verrouillez vos dépendances : pnpm-lock.yaml ou poetry.lock sont vos meilleurs remparts. ____ ¹ trash-put Modifié par Niuxe (27 Mar 2026 - 00:00) 2026-03-26T23:54:41+02:00 Niuxe [Cyber: CanisterWorm] Hoax ou vraie menace ? https://forum.alsacreations.com/topic-9-91640-1.html https://forum.alsacreations.com/topic-9-91640-1.html