peernohell

🇫🇷 @MistralAI vient de faire 4 annonces titanesques. Et personne n'en parle en France.(comme d'habitude) Les Américains, eux, ils sont en PLS. Alors permettez-moi de corriger ça. 1/ Small 3 → Small 4 Un modèle qui réunit TOUT le savoir-faire de Mistral. Open source. Gratuit. Mixture of Experts. Raisonnement + multimodal + code. Fenêtre de contexte XXL. Licence Apache 2.0 = ultra-permissive. C'est le nouveau champion de l'IA open source mondiale. 2/ Mistral rejoint la coalition Nemotron (NVIDIA) Aux côtés de Black Forest Labs, des meilleures boîtes IA open source de la planète. Un seul siège français dans cette coalition d'élite. Ce siège, c'est Mistral. 3/ LeanMistral Un modèle dédié aux preuves formelles : maths, sciences, raisonnement rigoureux. L'IA qui ne se trompe pas — et qui peut le prouver. Pour la crédibilité de l'IA en entreprise, c'est un game changer. 4/ Mistral Forge Fini le fine-tuning artisanal ou les bases de données séparées. N'importe quelle entreprise peut maintenant créer son propre modèle, entraîné sur ses données, verticalisé sur son métier. Des centaines d'IA hyper-spécialisées vont émerger. Elles auront toutes du Mistral dans les veines. L'avenir de l'IA, ce n'est pas forcément le plus gros modèle propriétaire derrière un paywall. C'est peut-être une IA open source, gratuite, partout, dans tous les logiciels et services — une vraie commodité technologique. Et le champion qui dessine cet avenir ? Il est français. Il s'appelle Mistral. Vous en pensez quoi ? #IA #AI #IAGen #LLMs #MBADMB #OpenSource #FrenchTech

Ce n’est qu’un chiffre, c’est vrai. Mais ce chiffre me rappelle aussi votre soutien pour le travail que je vous propose chaque semaine, et pour ça merci ! À demain pour une prochaine vidéo !

While contrast-color() only returns black or white, there are workarounds! If you register a new custom property, you can use style queries for full color palette customization (but make sure to test the contrast yourself!) Another technique is using the contrast-color() value inside of color-mix() to provide a tint variant. This demo shows method 1 where you can get warmer light colors and blue-tinted darks instead of pure black and white. Cons: Firefox doesn't support style queries yet so browser support is limited for now (though it is an Interop 2026 feature!).

Wow. Alibaba just quietly released one of the most useful AI products of all time. It's an AI agent that you can install instantly in any browser to do tasks for you using Qwen 3.5. No setup, no token costs, 100% free and open source. Try it now: github.com/alibaba/page-a…

Y’en faut plus des interviews de vrai doers !

I made an interactive blog post about how JPEG image compression works: sophielwang.com/blog/jpeg

Voilà un duo de choc ! Je sens que cet app peut vraiment tout casser.

The invisible system behind beautiful layouts: Grids.

@ipwanciu ohh well done 🤯

I had to try it! 😎 Although this looks nice, it comes with two (at least) caveats: - Lack of browser support - The attribute MUST be on the root element But it was a very fun experiment! 🧪 Interesting, how to get the attribute value from a child element and use it in the root?

Aujourd'hui, on a sauvé un youtubeur des griffes du vibescoding 🤖 Spoiler : ça a tellement bien marché, qu'on s'est associé pour en faire une startup ! Son problème, il passait trop de temps sur ses vidéos. Il a donc essayé de coder une solution par lui-même avec Claude et Cursor. Une semaine de taff, MVP ok mais ca scale pas. On ne se voyait pas l'abandonner aux mains de l'IA. On a bossé ensemble. Pivoté. Recommencé. Avec mon frère, on a 10 ans d'expérience dans le SaaS. Notre précédent projet : 10M$ de revenus annuels en 4 ans. Zéro levée de fonds. Aujourd'hui on lance Precut : le Notion de la création vidéo. 🎬 Visuel dès l'écriture -> images, B-rolls, storyboard dans le script 🎥 Synchronisation automatique des rushs avec les bons paragraphes ✂️ Prémontage exporté en 1 clic vers Final Cut, DaVinci ou Premiere 🤝 Collaboration temps réel + transfert peer-to-peer des fichiers lourds Résultat : vidéos créées 2x plus vite. Montage divisé par 3. Waiting list et bêta ouverts. 👇 Lien dans les commentaires. Et comme mon associé est aussi Youtuber, il vient de sortir une super vidéo qui explique tout ça en mode storytelling. youtube.com/watch?v=8jvC__…

Stop ignoring your button width.

Temporal is now Stage 4 at TC39 🎂🎂🎂 Thanks to all the other champions of JavaScript's new date-time API. It has been a wild ride over many years! I wrote a blog post explaining how we got here 📜 🧵

I use flex and grid all the time, and I STILL occasionally mess up item alignment. 😑 So I built a tiny demo that finally makes `justify-*` vs `align-*` click. If you've ever wondered which one to use (and when), this is for you 👇. iprodan.dev/l/flexbox-alig…

Le site casier-politique.fr recense toutes les condamnations pénales des élus classés par parti politique. Bouleversifiant.

Un de mes collègues m'a montré Beads il y a quelques jours et ça a fondamentalement changé ma façon d'utiliser les agents IA comme Claude Code. Le problème de fond: les agents n'ont pas de mémoire persistante. Chaque session repart de zéro. On compense avec des fichiers markdown dans le repo, des CLAUDE.md, des notes de contexte, mais c'est fragile, non structuré, et ça scale mal dès que le projet grossit ou que tu veux paralléliser. Beads résout ça proprement. C'est un issue tracker en graphe orienté acyclique (DAG), stocké dans Dolt (une base SQL versionnée, Git-compatible), optimisé pour être consommé par des agents. Tes tâches ont des dépendances explicites. Un agent fait bd ready et récupère exactement ce qui est prêt à être traité, sans blocker, sans ambiguïté. Ce qui change concrètement dans mon workflow: Avant, je planifiais dans Claude Code, le plan vivait dans le contexte de la session, et à la prochaine session je re-expliquais tout. Maintenant, Claude génère le backlog directement dans Beads au début d'une feature. Les tâches sont liées par dépendances. Un agent claim une tâche (bd update --claim), l'exécute, log les bugs découverts avec le tag discovered-from, et passe à la suivante. Le contexte survit à la session. La partie qui m'a le plus surpris: le mécanisme de compaction. Les tâches fermées sont résumées sémantiquement pour ne pas exploser la fenêtre de contexte sur les projets long-terme. C'est de la gestion de mémoire, littéralement. Les IDs sont hash-based (bd-a1b2) pour éviter les conflits de merge dans les workflows multi-agents sur plusieurs branches, détail qui montre que le design a été pensé pour du vrai usage distribué, pas juste du prototypage. Je l'utilise maintenant sur tous mes projets qui impliquent des tâches longues, multi-sessions, avec des dépendances complexes entre composants. Je vous recommande Beads vivement. Merci beaucoup @Steve_Yegge github.com/steveyegge/bea…

Stop writing reduce() just to group an array ✋ `Object.groupBy()` works on all major browsers, helping you group array elements by any key in one line. Clean, readable, no dependencies. Learn more 👇 developer.mozilla.org/en-US/docs/Web…

@ipwanciu Yeah. I know a little about it and was curious to know if you know if it was possible to use them here. It make the code clearer. Anyway thanks for the sharing :)

@peernohell Yeah, I know about attr function, but as far as I know, the support is still limited

This is the easiest way to switch between Dark/Light and System mode. 👇 Simply add an element with the selected `data-theme` mode, or remove it from the DOM to switch to System mode. It might not be perfect, but it's the fastest and simplest method! 🚀

It's almost night, and it's time for "nobody needs that feature"! If you've always wanted to switch your favicon based on dark/light mode, here's how to do it 👇. But you probably already knew that! 🤭