LES ACTUALITÉS DU JOUR DANS LES MÉTIERS DU WEB - MARMITS.COM - REIMS

L’annonce du rachat d’Infracos par Phoenix Tower International (PTI) marque un tournant structurant pour les infrastructures télécoms françaises. Cette coentreprise, détenue jusqu’ici par Bouygues Telecom et SFR, opère environ 3 700 sites radio situés majoritairement dans des zones moyennement denses. Leur bascule sous contrôle d’un acteur américain pose la question de savoir qui détient, contrôle …

L’article Derrière les tours télécoms, une question stratégique de souveraineté est apparu en premier sur FW.MEDIA.

Pendant des décennies, l’échographie prénatale s’est imposée comme un rituel médical parfaitement codifié. Trois examens, un calendrier précis, des protocoles éprouvés. Et pourtant, derrière cette apparente maîtrise, subsiste un angle mort majeur : près de 70 % des cardiopathies congénitales ne sont toujours pas détectées avant la naissance. Un paradoxe médical que l’intelligence artificielle commence …

L’article Dépistage prénatal : comment l’IA tente de combler l’un des grands angles morts de l’échographie est apparu en premier sur FW.MEDIA.

Les transformations agiles et produits sont jugées sur leur impact, mais rarement outillées pour le mesurer. Sans grille de lecture business partagée, la valeur reste invisible.

Le métier de développeur connaît une mutation silencieuse mais radicale.

L'électronique de puissance, pilier essentiel de la transition énergétique, reste produite hors d'Europe. La relocaliser est vital pour la souveraineté, la sécurité et la maîtrise de l'énergie.

Le commerce en ligne ne change presque jamais par grands soirs. Il bouge par glissements, par strates, par habitudes qui se déplacent sans qu'on s'en rende compte.

La logistique n'est plus un simple rouage opérationnel. Capable de conjuguer performance, agilité et durabilité, elle joue un rôle clé dans le retail de demain.

Rufus généra 10 Milliards de dollars de ventes sur Amazon. Avec COSMO et le GEO, les règles de visibilité basculent. Les vendeurs qui ne s'adaptent pas risquent de devenir invisibles. Décryptage.

Le marché de la seconde main dépend paradoxalement de la surconsommation : sans ces pics d'achat de neuf, plus d'appareils fonctionnels disponibles en occasion. Un cercle vertueux à optimiser.

Le passage de l'Europe à T+1 va bouleverser le post-trade : délais compressés, risques accrus, systèmes legacy sous tension. L'automatisation devient un enjeu critique pour les acteurs de marché.

Quake, le FPS de 1996, vous connaissez forcément. Et si vous êtes du genre à traîner sur les forums de modding, vous savez que la communauté autour de la légende d'id Software refuse obstinément de mourir. Du coup, quand un projet rassemble des dizaines de mappeurs durant un an pour pondre 77 excellentes maps, ça mérite qu'on en parle !

Quake Brutalist Jam III vient de sortir et le résultat est dingue car ce n'est pas un simple pack de cartes, mais d'une vraie conversion totale du jeu avec un arsenal entièrement redessiné, de nouveaux monstres et une refonte visuelle complète du bestiaire original. Bref, c'est un nouveau jeu qui tourne sur le moteur du shooter culte.

Si vous en avez marre qu'on vous vende le dernier OS de Microsoft comme la huitième merveille du monde, et que ça vous rend aigri, vous allez A-D-O-R-E-R ce qui suit.

Un YouTubeur a décidé de mettre tout le monde d'accord en faisant un test comparatif assez brutal : Windows XP contre Vista contre 7 contre 8.1 contre 10 contre 11.

Et devinez qui arrive bon dernier ?

Bingo ! C'est OuinOuin 11 !

Si comme moi vous avez une enceinte Bose SoundTouch qui traîne chez vous, vous avez peut-être appris que la bestiole allait bientôt perdre son cerveau "cloud". Bose a en effet annoncé la fin du support pour le 6 mai 2026, et de ce que j'ai compris, ça veut dire que votre enceinte va se transformer en brique connectée qui ne se connecte plus à grand chose.

Sauf que non !

Bose a fait un truc plutôt cool puisqu'ils ont publié la documentation complète de l'API locale de leurs enceintes . Du coup, même quand les serveurs Bose fermeront boutique, vous pourrez continuer à bidouiller votre enceinte en local.

10 years ago, my brain couldn't grasp what a string was and it turns out I was overcomplicating everything because code is called “code” (we should rename this).

Début 2026, l'interconnexion de l'intelligence artificielle, du cloud hybride et de la cybersécurité redéfinit les enjeux de la transformation numérique.

Lancé en novembre 2025, Google Antigravity promet une expérience repensée autour de l'IA. Un IDE qui peine à séduire les développeurs.

Si vous avez utilisé une carte bancaire au cours des deux dernières décennies, vous avez manipulé une carte EMV. Ce petit rectangle de plastique doté d’une puce métallique (souvent dorée ou argentée) a révolutionné la sécurité des transactions mondiales. Mais au-delà de son aspect physique, qu’est-ce qui rend cette technologie si robuste face aux pirates informatiques ? Pourquoi est-elle devenue la norme absolue contre la fraude ? Plongée au cœur du microprocesseur qui protège votre argent. 1. Définition : Que signifie EMV ? L’acronyme EMV désigne les trois fondateurs du standard : Europay, Mastercard et Visa. Créé dans les années ...

Lire la suite

Chaque début d'année, nous faisons des promesses. Et chaque début d'année, une question demeure : à quel moment avons-nous réellement appris à prendre soin de nous ?

En France, la communication interne et l'expérience collaborateur évoluent profondément sous l'effet du travail hybride, de la technologie et des nouvelles attentes des salariés.

Vous cherchez un poste au-delà de 100k€ en tech, SaaS ou IA, et vous répondez consciencieusement aux offres d'emploi ? Vous connaissez déjà le résultat : silence radio, quelques relances ignorées, et une frustration croissante après trois mois de candidatures sans retour.

L'attribut hidden="until-found" a été ajouté pour améliorer l'accessibilité et le référencement des contenus en HTML, il permet de masquer du contenu tout en le laissant indexable par les moteurs de recherche et surtout trouvable via la fonction "Rechercher" du navigateur (raccourci Ctrl+F).

Le problème avec display: none

Habituellement, pour masquer un élément (tel que le contenu d'un accordéon ou d'un onglet), on utilise display: none (qui est très efficace et prévu pour cela) ou des hacks tels que les classes visually-hidden ou sr-only qui sont ajoutés "à la main" ou par des frameworks CSS tels que Bootstrap, Tailwind pour masquer du contenu visuellement sans toutefois empêcher son rendu par les lecteurs d'écran.

La difficulté avec cette approche est que le texte est effectivement invisible pour l'utilisateur mais aussi pour la fonction de recherche du navigateur. Si un utilisateur cherche un mot-clé présent dans un bloc masqué par défaut (de l'accordéon, ou d'un onglet inactif), il ne le trouvera jamais car ce texte restera inatteignable tant que le bloc n'est pas affiché à nouveau (ou déployé).

L'astuce hidden="until-found"

Lorsqu'on ajoute l'attribut hidden (qui existait déjà auparavant) avec cette nouvelle valeur until-found :

• Il est masqué par défaut (équivalent à display: none).
• Si l'utilisateur effectue une recherche (Ctrl+F) et que le mot se trouve dans cette section, le navigateur révèle automatiquement l'élément.
• Le navigateur déclenche un événement spécial appelé beforematch.

Cas concret

<button onclick="toggleSection()">Afficher/Masquer les détails</button>

<div id="ma-section" hidden="until-found">
  <p>Ce contenu est caché, mais si vous cherchez "raclette" avec Ctrl+F, il apparaîtra.</p>
</div>

Comment l'implémenter

Pour que cela fonctionne parfaitement, vous devez gérer l'aspect visuel lors de l'ouverture automatique et prendre en compte l'accessibilité.

Côté CSS

Le navigateur utilise l'état content-visibility: hidden pour cet attribut. Pour assurer une transition fluide ou un affichage correct, vous pouvez cibler l'élément quand il n'est plus caché avec :not([hidden]) et lui appliquer styles et animations/transitions.

Côté JavaScript

Si votre section est un accordéon avec une icône ou un style spécifique (bordure, couleur indiquant l'état ouvert/compacté), vous devez mettre à jour votre interface lorsque le navigateur trouve le texte avec l'événement beforematch, pour refléter ce changement.

const section = document.getElementById('ma-section');

section.addEventListener('beforematch', () => {
  // Cette fonction s'exécute quand l'utilisateur "trouve" le texte caché
  console.log("Le contenu a été révélé par une recherche.");
  // Exemple : changer une classe CSS d'état
  section.classList.add('is-open');
});

C'est accessible ? C'est supporté ?

En théorie sur le papier, oui, cette nouveauté est évidemment prévue et pensée pour ne pas être un frein à l'accessibilité numérique. Cependant tout est toujours lié à la façon dont vous allez écrire votre code, au support navigateur qui est tout frais pour certains d'entre eux (à ce jour les dernières versions de Firefox, Chrome, Safari, Edge le reconnaissent), et au support des lecteurs d'écran ou autres technologies d'assistance. L'avantage est qu'on se repose sur l'attribut hidden qui existe depuis un moment déjà, et qu'on ne fait que l'améliorer.

Autrement dit, si un ancien navigateur ne reconnaît pas la valeur until-found, la recherche Ctrl+F ne le trouvera pas, mais le fonctionnement de l'attribut hidden persiste, l'internaute peut toujours cliquer sur un bouton "Ouvrir" pour voir le contenu, mais le "super-pouvoir" de recherche est perdu.

Contrairement à display: none qui retire l'élément de l'arbre d'accessibilité (le rendant inexistant par exemple pour une synthèse vocale), hidden="until-found" se comporte de manière plus fine : le contenu est présent dans le DOM bien qu'il soit masqué visuellement, le navigateur sait qu'il est "trouvable" dans la page. Si un utilisateur de lecteur d'écran utilise la fonction de recherche de son outil, le navigateur révélera la section et placera le focus sur le texte trouvé. En revanche vous devez vous assurer que le contenu reste atteignable pour les personnes qui n'utiliseront pas la recherche, donc (par exemple) avec un bouton le révélant (mais ce n'est pas un problème car normalement c'est ce que vous souhaitez réaliser avec cet attribut).

Si vous l'utilisez pour un système d'accordéon, l'attribut aria-expanded doit passer de false à true au moment de la découverte. Sans un zeste de JavaScript pour mettre à jour les états ARIA lors de l'événement beforematch, l'utilisateur pourrait voir le contenu mais son outil d'assistance pourrait ne pas comprendre le changement d'état du composant parent.

👉 Vous ne devez pas compter uniquement sur cet attribut pour l'accès à l'information. Une bonne pratique pour un accordéon consisterait à :

• Utiliser un bouton standard pour ouvrir/fermer votre contenu (pour tous les navigateurs).
• Ajouter hidden="until-found" pour offrir une expérience améliorée à ceux qui reconnaissent cette valeur.
• Utiliser l'événement beforematch pour synchroniser vos états JavaScript, et par exemple en profiter pour ajouter l'état ARIA aria-expanded="true"

element.addEventListener('beforematch', () => {
  button.setAttribute('aria-expanded', 'true');
});

Le récapitulatif

Quand l'utiliser ?

• Accordéons / système de FAQ : Pour que les réponses soient "trouvables" sans ouvrir chaque section individuellement.
• Menus "Lire la suite" : Pour ne pas pénaliser le SEO sur de longs textes tronqués.
• Systèmes d'onglets : Pour permettre la recherche dans tous les onglets inactifs.

Sympa non ?

Publié par Alsacreations.com

L'attribut hidden="until-found" a été ajouté pour améliorer l'accessibilité et le référencement des contenus en HTML, il permet de masquer du contenu tout en le laissant indexable par les moteurs de recherche et surtout trouvable via la fonction "Rechercher" du navigateur (raccourci Ctrl+F).

Le problème avec display: none

Habituellement, pour masquer un élément (tel que le contenu d'un accordéon ou d'un onglet), on utilise display: none (qui est très efficace et prévu pour cela) ou des hacks tels que les classes visually-hidden ou sr-only qui sont ajoutés "à la main" ou par des frameworks CSS tels que Bootstrap, Tailwind pour masquer du contenu visuellement sans toutefois empêcher son rendu par les lecteurs d'écran.

La difficulté avec cette approche est que le texte est effectivement invisible pour l'utilisateur mais aussi pour la fonction de recherche du navigateur. Si un utilisateur cherche un mot-clé présent dans un bloc masqué par défaut (de l'accordéon, ou d'un onglet inactif), il ne le trouvera jamais car ce texte restera inatteignable tant que le bloc n'est pas affiché à nouveau (ou déployé).

L'astuce hidden="until-found"

Lorsqu'on ajoute l'attribut hidden (qui existait déjà auparavant) avec cette nouvelle valeur until-found :

• Il est masqué par défaut (équivalent à display: none).
• Si l'utilisateur effectue une recherche (Ctrl+F) et que le mot se trouve dans cette section, le navigateur révèle automatiquement l'élément.
• Le navigateur déclenche un événement spécial appelé beforematch.

Cas concret

<button onclick="toggleSection()">Afficher/Masquer les détails</button>

<div id="ma-section" hidden="until-found">
  <p>Ce contenu est caché, mais si vous cherchez "raclette" avec Ctrl+F, il apparaîtra.</p>
</div>

Comment l'implémenter

Pour que cela fonctionne parfaitement, vous devez gérer l'aspect visuel lors de l'ouverture automatique et prendre en compte l'accessibilité.

Côté CSS

Le navigateur utilise l'état content-visibility: hidden pour cet attribut. Pour assurer une transition fluide ou un affichage correct, vous pouvez cibler l'élément quand il n'est plus caché avec :not([hidden]) et lui appliquer styles et animations/transitions.

Côté JavaScript

Si votre section est un accordéon avec une icône ou un style spécifique (bordure, couleur indiquant l'état ouvert/compacté), vous devez mettre à jour votre interface lorsque le navigateur trouve le texte avec l'événement beforematch, pour refléter ce changement.

const section = document.getElementById('ma-section');

section.addEventListener('beforematch', () => {
  // Cette fonction s'exécute quand l'utilisateur "trouve" le texte caché
  console.log("Le contenu a été révélé par une recherche.");
  // Exemple : changer une classe CSS d'état
  section.classList.add('is-open');
});

C'est accessible ? C'est supporté ?

En théorie sur le papier, oui, cette nouveauté est évidemment prévue et pensée pour ne pas être un frein à l'accessibilité numérique. Cependant tout est toujours lié à la façon dont vous allez écrire votre code, au support navigateur qui est tout frais pour certains d'entre eux (à ce jour les dernières versions de Firefox, Chrome, Safari, Edge le reconnaissent), et au support des lecteurs d'écran ou autres technologies d'assistance. L'avantage est qu'on se repose sur l'attribut hidden qui existe depuis un moment déjà, et qu'on ne fait que l'améliorer.

Autrement dit, si un ancien navigateur ne reconnaît pas la valeur until-found, la recherche Ctrl+F ne le trouvera pas, mais le fonctionnement de l'attribut hidden persiste, l'internaute peut toujours cliquer sur un bouton "Ouvrir" pour voir le contenu, mais le "super-pouvoir" de recherche est perdu.

Contrairement à display: none qui retire l'élément de l'arbre d'accessibilité (le rendant inexistant par exemple pour une synthèse vocale), hidden="until-found" se comporte de manière plus fine : le contenu est présent dans le DOM bien qu'il soit masqué visuellement, le navigateur sait qu'il est "trouvable" dans la page. Si un utilisateur de lecteur d'écran utilise la fonction de recherche de son outil, le navigateur révélera la section et placera le focus sur le texte trouvé. En revanche vous devez vous assurer que le contenu reste atteignable pour les personnes qui n'utiliseront pas la recherche, donc (par exemple) avec un bouton le révélant (mais ce n'est pas un problème car normalement c'est ce que vous souhaitez réaliser avec cet attribut).

Si vous l'utilisez pour un système d'accordéon, l'attribut aria-expanded doit passer de false à true au moment de la découverte. Sans un zeste de JavaScript pour mettre à jour les états ARIA lors de l'événement beforematch, l'utilisateur pourrait voir le contenu mais son outil d'assistance pourrait ne pas comprendre le changement d'état du composant parent.

👉 Vous ne devez pas compter uniquement sur cet attribut pour l'accès à l'information. Une bonne pratique pour un accordéon consisterait à :

• Utiliser un bouton standard pour ouvrir/fermer votre contenu (pour tous les navigateurs).
• Ajouter hidden="until-found" pour offrir une expérience améliorée à ceux qui reconnaissent cette valeur.
• Utiliser l'événement beforematch pour synchroniser vos états JavaScript, et par exemple en profiter pour ajouter l'état ARIA aria-expanded="true"

element.addEventListener('beforematch', () => {
  button.setAttribute('aria-expanded', 'true');
});

Le récapitulatif

Quand l'utiliser ?

• Accordéons / système de FAQ : Pour que les réponses soient "trouvables" sans ouvrir chaque section individuellement.
• Menus "Lire la suite" : Pour ne pas pénaliser le SEO sur de longs textes tronqués.
• Systèmes d'onglets : Pour permettre la recherche dans tous les onglets inactifs.

Sympa non ?

Publié par Alsacreations.com

Vous avez envie de contribuer à l'Open Source, et c'est tout à votre honneur. Alors vous vous dites "Allez, ce week-end, je plie ma première Pull Request". Et là, c'est le drame. Vous arrivez sur GitHub, vous tapez trois mots-clés, et vous vous retrouvez noyé sous des milliers d'issues datant de 2014, des projets abandonnés ou des tâches qui demandent un doctorat en physique quantique.

Décourageant un peu non ?

Parce qu'on connaît tous cette sensation de tourner en rond en cherchant le fameux ticket "Good First Issue" qui ne soit pas juste "corriger une faute de frappe dans le README", j'ai décidé aujourd'hui, de vous aider ! Grâce notamment à une véritable boussole dans cette jungle open source, nommée Contrib.FYI .

Le monde du travail évolue plus vite que jamais. En 2026, plusieurs tendances émergent.

Besoin de vous faire une petite frayeur ? Oui, je sais y'a déjà Poutine, Trump, Macron et compagnie et on n'a vraiment pas besoin de se faire baliser plus... mais quand même, j'ai ce qu'il vous faut... Pour tester votre niveau de résilience et de résistance au stress, essayez donc un peu de désactiver la sauvegarde OneDrive sur votre PC Windows.

Parce que si vous avez installé Windows 10 ou 11 récemment, vous avez sûrement remarqué cette petite icône de nuage toute moche qui squatte votre barre des tâches. C'est ✨ OneDrive ✨, le service de stockage de Microsoft. Et le moins qu'on puisse dire, c'est qu'il est encore plus pot de colle que vous avec votre collègue Samantha.

Si vous aimez les demakes (ces versions rétro de jeux modernes) et que vous êtes fan de la licence Half-Life, j'ai un petit truc sympa pour vous aujourd'hui.

Ça s'appelle Half-Life: Gamma Burst et c'est un projet de fan développé par RoloMaisso qui a réimaginer l'univers du premier Half-Life sur... la Game Boy Color ! Oui, la petite console de Nintendo qui a bercé notre enfance (ou celle de vos parents, c'est selon si vous venez de naitre ou pas...).

Vous en avez marre de tomber sur du contenu IA pourri quand vous faites une recherche Google ? Des articles générés par des bots qui tournent en rond sans rien dire d'intéressant, des images bizarres avec des mains à 6 doigts, des réponses Stack Overflow qui sentent le ChatGPT à plein nez... Bonne nouvelle les amis, y'a une solution radicale et elle est signée Tega Brain, une artiste et ingénieure environnementale australienne qui enseigne à NYU.

Vous connaissez la règle 3-2-1 ? Trois copies de vos données, sur deux supports différents, dont une hors site. C'est la base de toute stratégie de sauvegarde sérieuse. Sauf que dans la vraie vie, on a tous tendance à bidouiller notre infra au fil du temps, ajouter un disque par ci, un sync cloud par là... et au bout d'un moment, plus personne ne sait vraiment si on respecte encore cette fichue règle.

Si votre portée LinkedIn a reculé ces derniers mois, ce n'est ni une anomalie, ni une lubie algorithmique passagère..

La startup londonienne Swap annonce une levée de fonds de cent millions de dollars en série C moins d’un an après un tour de table de quarante millions. Plus que le montant, c’est la répétition rapide du financement qui retient notre attention. Dans le cas de SWAP, ce financement traduit un choix stratégique des investisseurs …

L’article SWAP: deux tours en un an, pourquoi les VC sécurisent les positions dominantes est apparu en premier sur FW.MEDIA.

Un nouveau plafond s'applique sur les pensions de retraite des anciens salariés du privé. Les caisses de retraite peuvent verser des montants plus importants à certains retraités qui profitent de majorations.

Le coût de toutes les assurances automobile augmente en 2026. L'augmentation des tarifs varie selon les régions et l'âge des conducteurs. Des millions de ménages vont subir une hausse de prix plus importante que d'autres dès ce mois-ci.

Avec le lancement de ChatGPT Health, OpenAI entend répondre à un usage déjà massif de son outil dans le champ de la santé. Chaque semaine, plus de 230 millions de personnes utilisent ChatGPT pour poser des questions liées à leur santé ou à leur bien-être, faisant de ce domaine l’un des principaux cas d’usage de …

L’article Avec ChatGPT Health, OpenAI revoit ses règles de traitement des données sensibles est apparu en premier sur FW.MEDIA.