Il existe un rite de passage dans la vie de tout développeur qui se respecte : la première fois où l’on fait crasher un ordinateur rien qu’en ouvrant une page web. Pas un vrai crash, rassurez-vous — un faux, un doux illusionnisme numérique, une petite blague de couloir qui déclenche un « NON PAS MON RAPPORT DE 40 PAGES ! » suivi d’un éclat de rire. Aujourd’hui, on vous livre la recette du prank ultime : un faux écran bleu de la mort (le fameux BSOD) bricolé en pur HTML et CSS. Zéro installation, zéro virus, zéro dommage. Juste beaucoup de panique gratuite et beaucoup de fun.
Pourquoi l’écran bleu, et pas une autre bête noire ?
L’écran bleu de la mort est un monument de la culture informatique. Depuis Windows 95, il incarne le moment où la machine capitule : un fond bleu roi, une police blanche monospace, un petit visage triste « 🙁 » et un code d’erreur abscons du type 0x000000ED. C’est universel. Même votre grand-mère qui « ne comprend rien à l’informatique » sait reconnaître la couleur de la catastrophe. C’est précisément ce pouvoir d’évocation qui en fait la cible parfaite : on n’a pas besoin d’expliquer la blague, le cerveau de la victime fait tout le travail et imagine le pire en 0,2 seconde.
Petit détail technique amusant : le vrai BSOD moderne affiche même un QR code pour « en savoir plus ». Nous, on va s’en servir pour piéger, pas pour aider. La méchanceté au service de l’humour, quoi.
Le matériel du parfait prankster (spoiler : votre clavier suffit)
Inutile de télécharger quoi que ce soit. Pas de logiciel louche, pas d’exécutable suspect, pas de mail « ouvre vite cette pièce jointe.exe ». Tout tient dans un seul fichier .html que vous pouvez créer avec le Bloc-notes de base ou n’importe quel éditeur de texte. Le principe ? On recrée l’apparence du BSOD avec du CSS, on remplit l’écran, et on active le mode plein écran pour que la victime ne voie plus la barre de navigation. C’est de la pure illusion d’optique numérique.
Le plus beau dans l’histoire : comme c’est une page web banale, le PC de la victime tourne en réalité à la perfection. Ses fichiers sont intacts, son navigateur fonctionne, ses 40 pages de rapport sont sauvegardées. On est sur un canular visuel, pas sur une destruction de données. La frontière est sacrée : on fait peur, on ne fait pas de dégâts.
Le code du crime (copiez, collez, ricannez)
Voici la recette complète. Un fond bleu, du texte blanc, et une touche « Échap » magique pour libérer la proie. Gardez bien la ligne du script en bas : c’est elle qui transforme la panique en éclat de rire.
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>:-)</title>
<style>
body {
margin: 0;
background: #0078d7; /* le bleu Microsoft légendaire */
color: #ffffff;
font-family: Consolas, monospace;
overflow: hidden;
}
.bsod { padding: 8vh 10vw; }
.sad { font-size: 90px; }
.qr { position: fixed; right: 8vw; bottom: 8vh; opacity: .8; }
</style>
</head>
<body>
<div class="bsod">
<div class="sad">:(</div>
<p>Votre PC a rencontré un problème et doit redémarrer.</p>
<p>*** STOP: 0x000000ED (COLLÈGUE_PRANKED)</p>
<p>0 % terminé… (blague, on ne va pas plus loin)</p>
</div>
<script>
// La touche magique : ÉCHAP libère la victime
document.addEventListener('keydown', function (e) {
if (e.key === 'Escape') {
document.body.innerHTML =
'<h1 style="font-family:sans-serif;padding:10vh;text-align:center">' +
'Surprise ! C\'était un prank 😎</h1>';
}
});
</script>
</body>
</html>
Quelques astuces de pro pour faire passer l’illusion : ouvrez la page, tapez F11 (ou utilisez l’API Fullscreen en JavaScript si vous voulez automatiser le coup), puis « prêtez » poliment votre ordi à la victime le temps d’aller chercher un café. Au retour, c’est le drame. Au départ, c’est la légende.
Les variantes qui font mouche (et une image pour la postérité)
Une fois le principe compris, la créativité n’a plus de limite. Vous pouvez remplacer le message par un rickroll géant (« Never gonna give you up » en plein écran, parce que certaines traditions ne meurent jamais). Ou simuler un « plantage du serveur de l’entreprise » avec un compteur de pourcentage qui ne bouge pas. Ou encore afficher « Mise à jour Windows en cours… ne pas éteindre l’ordinateur » pendant une heure fictive — garantie pour déclencher une crise existentielle en open-space.
Petite touche moderne : imaginez une image générée par IA collée en fond, montrant un bureau vide avec la mention « Toutes vos données ont été transferées vers le cloud… des chats ». On pourrait insérer ce visuel via une balise <img> une fois la image rendue — un chat souriant en costume de serveur, façon serveur qui s’excuse. L’idée est de rester dans le registre « on rigole », jamais dans le « on inquiète vraiment ». Si vous voulez la générer pour illustrer l’article, dites-le : on la produit, on la propose, et c’est vous qui validez.
Le code de l’honneur du prankster
Un bon prank, c’est comme une bonne blague : elle cible la surprise, jamais la détresse réelle. Quelques règles d’or à respecter scrupuleusement :
- Toujours une porte de sortie. La touche Échap, un clic, un mot de passe — il faut que la victime puisse revenir en arrière en deux secondes. Pas de piège sans issue.
- Jamais pendant une vraie deadline. S’en prendre à quelqu’un qui rend un dossier dans cinq minutes, ce n’est pas drôle, c’est cruel. Visez les moments morts.
- Zéro perte de données. On simule, on ne supprime rien. Un canular qui efface un fichier n’est plus un prank, c’est du sabotage.
- On révèle le pot aux roses. La meilleure réaction, c’est le soulagement qui éclate en rire. Gardez la blague quelques minutes, pas toute la journée.
- On demande l’aval pour les postes partagés. Un écran de boss ou une machine de réception, c’est non. Visez votre propre ordi ou un collègue complice.
Et si on poussait le vice plus loin, côté code ?
Les plus téméraires pourront emballer le tout dans un JavaScript qui détecte l’inactivité : après trois minutes sans toucher au clavier, le faux BSOD se déclenche tout seul. L’effet est décuplé, car la victime n’a même pas l’impression d’avoir fait une mauvaise manip’. Combinez cela avec une fausse barre de progression qui « analyse 1 248 302 fichiers », et vous tenez le sketch parfait pour la prochaine pause café.
On pourrait même versionner le projet sur GitHub sous un nom rigolo du genre blue-screen-of-friendly-pranks, avec un README qui explique la démarche et rappelle les règles d’éthique. L’open-source de la blague, en somme : du code partagé, documenté, et résolument inoffensif.
Conclusion : la technologie, c’est aussi jouer
Au fond, ce petit exercice de HTML et de CSS nous rappelle une chose simple : la technologie n’est pas qu’une affaire de serveurs, d’algorithmes et de réunions interminables. C’est aussi un terrain de jeu. Recréer un des symboles les plus anxiogènes de l’informatique en quelques lignes, et le détourner pour faire rire, c’est une petite victoire de l’humour sur la machine.
Alors, ce soir, avant de quitter le bureau, glissez votre fichier bsod.html quelque part de accessible, prévenez votre complice, et préparez la caméra. La prochaine fois qu’un collègue lâchera un « oh non mon Dieu », vous saurez que vous avez réussi votre coup. Et surtout : n’oubliez pas la touche Échap. Parce que le vrai crash, ce serait de ne pas pouvoir revenir en arrière. 😄