La curiosité est une des meilleures qualités d’un bon développeur web. Je dirais même que c’est une qualité essentielle pour quiconque veut comprendre les arcanes du web.

Aujourd’hui, je vais vous parler d’un outil qui va aiguiser cette curiosité et vous faire explorer les entrailles des sites web comme jamais auparavant. J’ai nommé: « View Rendered Source« .

« View Rendered Source », c’est une extension Chrome légère qui vous montre comment le navigateur a construit la page HTML d’origine en un Document Object Model (DOM) fonctionnel. Et non pas uniquement le code renvoyé par le serveur que vous auriez avec les outils de dev classique de Chrome.

Si, comme moi, vous aimez savoir comment les choses fonctionnent, vous allez adorer ce truc !

Pour les non-initiés, le DOM est comme la colonne vertébrale d’une page web. Il s’agit d’une représentation structurée de la page qui permet à JavaScript de la modifier à la volée. C’est comme le plan d’une maison que l’architecte utilise pour savoir où placer les murs, les fenêtres et les portes.

L’extension « View Rendered Source » vous permet de voir ce plan, mais pas seulement. Elle vous montre aussi comment il a été modifié en temps réel par JavaScript.

L’extension se divise en trois sections : le code source brut, la page rendue après interprétation en DOM, et la différence entre les deux. L’extension offre également une solution pour émuler le code source à destination des appareils mobiles.

Si ça vous dit de tester, allez sur le Chrome Web Store et installez « View Rendered Source ».

Salut les amis,

Après une soirée du 31 bien chill entre amis (on est tous vieux maintenant – haha), je prends quelques instants pendant que tout le monde dort dans la maison, pour vous souhaiter une bonne année 2024.

Pour beaucoup de gens, le monde est plus dur et la vie plus difficile et je n’ai pas de remède pour ça. Toutefois, arrêter de donner de la force aux ordures que vous croisez dans votre quotidien, et vous raccrocher à des petites choses essentielles comme le bien-être de sa famille proche, faire bien son travail, kiffer ses passions, et profiter de ses amis (pas au sens de leur extorquer de l’argent hein ^^…), ça peut aider.

En ce qui me concerne, pas de bonnes résolutions, mais continuer sur ma lancée… Le blog, le tiktok, le Patreon et Twitch… Tout ça me plait toujours autant, donc pas la peine de me disperser. Puis cette année est une année TRÈS IMPORTANTE puisque mon site (oui oui korben.info) fêtera ses 20 ans dans quelques mois !

Ce n’est pas rien quand même.

Une fois encore, merci de me lire, merci pour votre fidélité, votre sympathie et votre soutien.

Passez de bonnes fêtes et que l’année soit merveilleuse pour vous !

K.

Vous avez été impressionné par Whisper, cet outil d’OpenAI capable de transcrire en texte, n’importe quel enregistrement audio. Sauf que voilà, pas envie d’installer un modèle IA un peu lourd sur votre petite machine, qui de toute façon n’aurait pas assez de puissance pour faire tourner ça.

Mais ce n’est pas une raison pour passer à côté de ça. C’est pourquoi aujourd’hui, je vous propose de vous intéresser à Whisper Web. Il s’agit d’un portage de Whisper qui peut à partir d’un enregistrement de votre micro, d’une URL vers un fichier audio / vidéo ou d’un upload de fichier, décoder ce qui s’y raconter pour l’exporter ensuite au format texte.

Évidemment, vous pouvez choisir un modèle plus ou moins gros et activer le support multilingue pour décoder du français par exemple. Il est même possible de traduire à la volée un audio d’une langue de votre choix, vers de l’anglais. Impeccable pour faire des sous-titres facilement.

C’est idéal pour faire de la transcription d’interview, de podcast, de vidéo YouTube ou tout simplement écrire des documents à la voix.

Et le fait que ce soit accessible via un simple site web gratuit, en fait quelque chose de vraiment abordable.

À découvrir ici.

Si vous êtes nostalgique de votre première Xbox originale et qu’elle vous manque grave, j’ai Xemu à vous proposer. Il s’agit d’un émulateur gratuit et open source qui va raviver vos souvenirs de bébé gamer en vous permettant de jouer à vos jeux Xbox préférés sur votre PC (Windows / Linux) ou Mac.

Xemu ne se contente pas de faire tourner les jeux Xbox, il émule également le matériel de la console d’origine de manière approfondie. Cela signifie que vous bénéficiez d’une compatibilité exceptionnelle avec les noyaux, les titres et les applications homebrew. Toutefois, une petite liste de jeux compatibles est quand même disponible sur le site de Xemu 😉 .

Vous serez également ravis de savoir que Xemu prend en charge une grande variété de manettes grâce à sa base SDL2 et que vous pourrez en connecter jusqu’à quatre en même temps, recréant ainsi l’expérience multijoueur de la Xbox d’origine. Xemu propose aussi une fonction de sauvegarde d’état, vous permettant de capturer l’état actuel de la machine à tout moment. Cela signifie que vous pouvez reprendre votre partie exactement là où vous l’avez laissée.

Pour les amateurs de graphismes, Xemu offre également la possibilité d’augmenter la résolution de vos jeux Xbox originaux. D’un simple clic, vous pouvez passer d’une résolution de 480p à une nette amélioration de 1080p. Ça change tout, vous verrez.

Et surtout, Xemu ne se limite pas à l’expérience Xbox en solo. Il vous permet de vous connecter à d’autres instances de Xemu ou même à de véritables consoles Xbox, que ce soit en local ou via Internet. Il prend également en charge le tunneling de services et est compatible avec les projets de recréation Xbox Live lancés par-ci, par là.

Si aç vous branche, le site officiel de Xemu est ici. Et la ROM Xbox tombée du camion dont vous aurez besoin pour faire fonctionner cet émulateur se trouve ici.

Je cherchais une police de caractère pour la prochaine version de mon site et je viens de tomber sur Luciole.

Développée grâce à une collaboration entre des chercheurs en accessibilité numérique et des designers, cette police tient compte d’une douzaine de critères spécifiques afin de répondre aux besoins des personnes malvoyantes.

Ainsi, chaque lettre de Luciole est pensée avec une structure claire qui optimise l’encombrement visuel. Même les mots les plus complexes apparaissent lisibles et aérés grâce aux espacements minutieusement étudiés entre les lettres et les lignes. La ponctuation, les chiffres et les signes grecs ou mathématiques ont également été dessinés avec soin pour faciliter leur lecture. Au total, ce sont plus de 700 signes avec leurs variantes, ce qui permet d’écrire dans quasiment toutes les langues européennes.

Mais ce qui rend vraiment cette police unique, c’est qu’elle ne se contente pas de répondre aux besoins des malvoyants. Elle est également adaptée pour quiconque cherche une expérience de lecture améliorée.

Moins de fatigue visuelle après de longues sessions de travail sur écran, ça ne se refuse pas.

Si vous souhaitez essayer Luciole, c’est très facile. Il suffit d’aller sur le site officiel de Luciole et de récupérer le zip contenant les .ttf et .otf à installer sur votre système. Évidemment, tout est sous licence Create Commons Attribution, donc vous pourrez l’utiliser et la diffuser gratuitement, y compris pour des usages commerciaux.