Vous êtes développeur ou rédacteur et vous travaillez souvent avec GitHub ? Alors laissez-moi vous présenter Ghore, un outil en ligne de commande qui va changer votre façon de prévisualiser vos fichiers Markdown avant de les committer !

Ghore est un outil open-source qui convertit simplement vos fichiers Markdown en HTML, en imitant à la perfection le style de rendu de GitHub. Fini le temps où vous deviez pusher vos modifications pour voir à quoi ressemblera votre README.md une fois sur GitHub. Là, vous aurez un aperçu instantané, directement dans votre terminal :

• Vous pouvez l’utiliser complètement hors-ligne. Pas besoin d’Internet pour faire mumuse avec vos fichiers Markdown. Vous pouvez même l’utiliser dans un bunker anti-atomique, si ça vous chante !
• Il surveille automatiquement les changements dans votre fichier Markdown et met à jour le rendu HTML en temps réel. C’est un peu comme si Ghore lisait dans vos pensées et anticipait vos moindres modifications. Flippant et génial à la fois.
• Vous aimez les blocs de code colorés et syntaxiquement parfaits ? Ghore aussi ! Grâce à l’intégration de Starry Night, vos blocs de code n’ont jamais été aussi beaux. C’est presque un plaisir de lire du code dans le terminal.
• Cerise sur le gâteau, Ghore prend en charge la prévisualisation en direct des blocs de code Mermaid. Vous savez, ces diagrammes super pratiques qu’on peut faire en Markdown ? Eh bien, même l’API de GitHub ne les prend pas en charge nativement, mais Ghore, si ! Vous allez pouvoir épater vos collègues avec vos diagrammes interactifs.

Bref, pour utiliser Ghore, rien de plus simple. Clonez le dépôt, installez les dépendances avec npm, et vous êtes prêt à convertir vos fichiers Markdown en un clin d’œil.

git clone https://github.com/p-balu/ghore.git

cd ghore

npm install

npm start votre/fichier/README.md

Et si vous voulez personnaliser le rendu HTML, pour mettre du Comic Sans rose fluo sur fond vert, allez-y, personne ne vous jugera (enfin, presque) ! Ghore vient en effet, avec son propre fichier CSS que vous pouvez tripatouiller à votre guise.

C’est dispo ici.

Vous avez la nostalgie du bon vieux temps où Google Chrome arborait un look si particulier en 2012 ? Hé bien Silverfox est là pour vous faire revivre cette époque grâce à Mozilla Firefox ESR !

Ce thème open-source unique en son genre recrée méticuleusement l’apparence emblématique de Chrome d’il y a une décennie. Des onglets trapézoïdaux au bouton nouvel onglet en forme de parallélogramme, en passant par un speed dial épuré et une barre de téléchargement en bas, chaque détail a été soigneusement reproduit. Les créateurs ont même poussé le souci du détail jusqu’à inclure un menu hamburger sur mesure (avec l’icône de clé à molette en option) et les minuscules boutons de fenêtre de l’époque.

Mais Silverfox ne se contente pas d’être un simple thème approximatif… Non, non, les auteurs se sont efforcés de coller au plus près à l’original, en recréant également le mode incognito avec son personnage inquiétant, les barres d’information intégrées aux fenêtres, ainsi que les pages de paramètres, d’extensions et d’erreur restylées. Ils ont même inclus les avatars de profil originaux de Chrome, ces personnages qui apparaissaient en haut de la barre de titre…etc

Le thème propose également une série de paramètres supplémentaires accessibles depuis une page de drapeaux façon Chrome. Ces options vous permettent de pousser encore plus loin l’expérience Chrome en activant davantage de fonctionnalités et comportements d’antan, comme le passage à la marque Chromium, l’utilisation des contrôles de fenêtre de Chrome OS ou encore, pour les utilisateurs de Linux, l’utilisation des icônes de barre d’outils de l’ère Humanity.

Les utilisateurs de Windows ne sont pas en reste, puisque Silverfox prend aussi en charge Aero sous Windows 7, ainsi que les effets vitreux similaires fournis par des logiciels tels que Glass8 et DWMBlurGlass. Évidemment, cela n’est pas pertinent sous Linux, où nous avons droit à une barre de titre GTK classique (mais vous pouvez activer l’arrière-plan bleu d’un simple clic). Pour essayer Silverfox par vous-même, gardez à l’esprit qu’il ne fonctionne qu’avec Mozilla Firefox ESR 115, et non avec la version régulière de Firefox. Il n’est pas non plus compatible avec les versions Flatpak ou Snap d’ESR. Je vous recommande donc d’utiliser la version binaire Linux d’ESR si vous ne prévoyez pas d’en faire votre navigateur principal.

Vous trouverez tous les détails et de nombreux GIFs illustrant l’installation sur le site web du projet.

Merci à Lorenper pour l’info.

Vous cherchez les couleurs et polices idéales pour votre site web ? Avec Realtime Colors, vous allez pouvoir choisir très vute puisque cet outil ingénieux distribue vos teintes sur un vrai site, ce qui permet de rendre tout ça beaucoup plus concret.

Fini les palettes avec lesquelles il est difficile de se projeter puisqu’en quelques clics, vous obtiendrez votre identité visuelle sur mesure, prête à être exportée. Realtime Colors cartonne aussi sur Figma, où son plugin compte plus de 19 000 aficionados.

Bref, une fois sur le site, commencez par choisir deux couleurs neutres pour le texte et le fond. Ensuite, choisissez vos teintes primaires et secondaires (pour les CTAs et sections importantes, puis les boutons et encarts moins cruciaux). Enfin, ajoutez une touche finale avec une couleur d’accentuation qui viendra rehausser images, liens, etc.

Et voilà, en quelques instants, vous avez votre combo couleurs et polices parfaitement assorti et harmonieux, sans prise de tête ! Plutôt cool non ?

Et si le résultat vous botte, hop, cliquez sur « Exporter » pour récupérer les CSS, les Tailwind, le code custom, les shades, gradients…etc. Et petit bonus qui a son importance : Realtime Colors intègre aussi un vérificateur de contraste pour s’assurer que vos textes seront toujours lisibles.

Bref, si vous en avez assez de galérer pour habiller votre site et désirez un rendu professionnel sans effort, foncez sur Realtime Colors. Merci Lorenper pour cette super découverte !