Julien Déramond

@deramond.dev

Design systems tools · Upstream contributions · Bootstrap core team · Creator of Open {re}Source · Design System Tech Lead at Thales · deramond.dev

Experimenting with Transtyle, a compiler for design systems. Define your system once in a small DSL built around DTCG, then compile it into native themes for shadcn, Bootstrap, and more. Experiment + AI slop. Very alpha. 🌎 transtyle.github.io/transtyle/ 📝 transtyle.github.io/transtyle/bl...

Transtyle — the design system compiler

Transtyle is a design system compiler: describe your design system once, compile native themes for every ecosystem.

transtyle.github.io

We have a unique opportunity with npmx. We're building something very special together. I want to give myself the chance to focus on helping steward the project. I'm going to be working as an independent open source developer this year. Support my work and help me focus on npmx long-term 🙏

Sponsor @patak-dev on GitHub Sponsors

Hey! I'm one of the Project Stewards of [npmx](https://npmx.dev). We're building a modern browser for the npm registry, by fostering an ever growing community of developers and trying to set an exa...

github.com

I integrated this into my note-taking system and I’m experimenting with using it instead of remote LLMs when I just need basic help. Less powerful, but possibly good enough for summarizing, grammar, or reformatting. Still early, and I haven’t tried other local models yet.

Open {re}Source@openresource.dev · 8mo ago

A short article explaining how to run a local AI model inside Obsidian using Ollama. If you try out this setup, let me know how it goes! Share your experiences, tips, or custom workflows. Happy note-taking! #obsidian #ollama #OSS #OpenSource

Le replay est disponible sur la chaîne YouTube d'Open Source Experience par ici : www.youtube.com/watch?v=SOPW...

Design Systems : stratégies Inner & Open Source

YouTube video by Open Source Experience

youtube.com

Julien Déramond@deramond.dev · 10mo ago

Rendez-vous demain à @osxp2023.bsky.social à la Cité des Sciences et de l'Industrie (Paris 19) à 16 h 20 dans la salle 4. Présentation en français de "Design Systems : Stratégies Inner & Open Source". #OSXP2025 #Paris

Julien Déramond, Design System Tech Lead, on the agenda... Open Source Experience les 10 et 11 décembre 2025 à la Cité des Sciences et de l'Industrie de Paris.

It’s that spooky season again 🎃 The @github.com contributions graph gets its Halloween look via `data-holiday="halloween"`. There’s even a “winter” variant waiting in the CSS for when things get frosty ❄️

My GitHub contributions graph with orange colors for HalloweenScreenshot of the Firefox DevTools filtering computed values with `--contribution-` showing CSS variables for `--contribution-halloween-bgColor-*`, but also `--contribution-winter-bgColor-*`

I recently published an early preview of a new Visual Studio Code extension providing IntelliSense for Starlight Markdown and MDX content links: internal links completions, fragments completions, go to definition/follow link, and hover preview. github.com/HiDeoo/starl...

Screenshot of the Starlight Links extension providing link completions in a Markdown file.Screenshot of the Starlight Links extension providing link fragment completions in a Markdown file.Screenshot of the Starlight Links extension providing a hover preview for a link in a Markdown file.

💡Needed a diff between branches, but wanted to skip some folders or files. Turns out this syntax is pretty useful: ``` git diff v1-dev..master > v1-dev..master.diff -- . ':(exclude)dir_or_file' ```

Didn't know about that, but if a page includes <meta name="fediverse:creator" content="@user@server">, then when it’s shared on Mastodon, an extra footer banner appears linking to that Fediverse user.

Screenshot of an article shared on Mastodon where there's an extra footer banner with the Mastodon logo, then written "More from Andrey Sitnik" (the author of the article).

🚀 Excited to share that my talk “Design Systems: Inner & Open Source Strategies” has been accepted at Open Source Experience this December! 🇫🇷 #OSXP2025 🎉 It’ll be in French, and I’ve got 20 minutes, so it’s going to be intense! 👉 Any specific aspects you’d like me to cover?

Screenshot of the talk acceptance

Represented Bootstrap with @mdo.bsky.social at the 2nd session of @github.com Secure Open Source Fund! Intense sessions with presentations, actions & homework: ready to boost security! Thanks to all Hubbers, Funding & Ecosystem Partners! You're maintaining an OSS project? Apply for a future session!

Securing the supply chain at scale: Starting with 71 important open source projects

Learn how the GitHub Secure Open Source Fund helped 71 open source projects significantly improve their security posture.

github.blog

📜 Interested in publishing changelogs with your Starlight docs? Just released a new plugin to do just that: - Support generating changelogs from many sources like Changesets, GitHub Releases, and more to come - Paginated list of all versions with individual version pages github.com/HiDeoo/starl...

GitHub - HiDeoo/starlight-changelogs: Starlight plugin to display changelogs alongside your project documentation

Starlight plugin to display changelogs alongside your project documentation - HiDeoo/starlight-changelogs

github.com

Maybe overkill, but I installed Raycast for a quick shortcut to insert the Unicode arrow I often use in editors and terminal. Created a new snippet with the shortcut ";arrow" that renders "→". I'm curious about Raycast best practices. What shortcut formats do you use for this kind of thing? 🤔

Screenshot of Raycast with a new snippet named "Unicode Arrow" with the shortcut ";arrow" that renders "→"