iiinova — where your digital self keeps evolving

Julien Déramond

@deramond.dev

570 followers 528 following 70 posts

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

Posts Replies Media

Julien Déramond @deramond.dev · 17h

I hope there’s no limit to the number of accounts we can block in a GitHub organization

Four GitHub accounts messages shown, each marked “Hidden as spam,” with autogenerated-looking usernames and timestamps ranging from 18 minutes ago to 5 minutes ago.

101

Julien Déramond @deramond.dev · 16/09/2026

Another experiment: I wanted a new representation of my design tokens, so dtgraph draws them as a node graph. One node per token, one edge per reference. A few thousand tokens is hard to hold in your head. Much easier to look at. julien-deramond.github.io/dtgraph/

Screenshot of the dtgraph playground: a dark interface showing 508 design tokens as coloured dots clustered by group and joined by 324 reference edges. The most-referenced primitives are drawn as the largest dots, with labels like "white", "sans", "normal" and "900". A search field, a "Color by group / type" toggle and an "Export SVG" button frame the graph. A hint bar reads: drag to pan, scroll to zoom, hover to spotlight, double-click to dive in, drop DTCG files anywhere.

232

Julien Déramond @deramond.dev · 12/09/2026

A side experiment: Bootstrap 6's design system as DTCG tokens, plus a visual theme builder that writes them. Pick a brand colour, a radius, a density: out comes a custom.scss. Very draft, and not an official Bootstrap thing. julien-deramond.github.io/bootstrap-to...

100

Julien Déramond @deramond.dev · 18/07/2026

Probably got a bug somewhere 🦗💻

A grasshopper perched on top of a computer.

040

Julien Déramond @deramond.dev · 08/07/2026

🧩 New open-source library: Component Anatomy Interactive anatomy docs for design systems. Get two-way hover sync between the rendered component and its docs. Framework-agnostic core, plus @astro.build & @storybook.js.org integrations. github.com/julien-deram...

1167

Julien Déramond @deramond.dev · 18/03/2026

POV: maintainer of an open source project Spare time well spent 🤖

GitHub's issue screenshot with 5 messages hidden as spam

091

Julien Déramond @deramond.dev · 09/12/2025

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.

140

Julien Déramond @deramond.dev · 31/10/2025

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 Halloween

Screenshot of the Firefox DevTools filtering computed values with `--contribution-` showing CSS variables for `--contribution-halloween-bgColor-*`, but also `--contribution-winter-bgColor-*`

120

Julien Déramond @deramond.dev · 06/09/2025

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.

000

Julien Déramond @deramond.dev · 20/08/2025

🚀 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?

141

Julien Déramond @deramond.dev · 30/06/2025

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 "→"

100

Julien Déramond @deramond.dev · 21/05/2025

Post in French for a Francophone audience 👇 Rendez-vous le mercredi 11 juin à 18:45 dans les locaux de FrontGuys à Paris pour une table ronde avec Cyriaque Billard autour des Design Systems 🙌 Inscription : www.meetup.com/designops-me...

Design System : et si on devait tout refaire ?
Développeurs et designers face aux défis d'un système à réinventer
11 juin 2025 de 18h45 à 20h45
58 bis Rue de la Chau. d'Antin, Paris dans les bureaux de Frontguys
Intervenants : Julien Déramond (Design System Tech Lead) à Thales et Cyriaque Billard (Design System Advocate) à Orange

001

Julien Déramond @deramond.dev · 16/04/2025

Merged! 🙌 It will be available in production with the next Bootstrap patch release. In the meantime, you can preview it here: twbs-bootstrap.netlify.app

"Docs: migration from Hugo to Astro #41251" : "Merged"

060

Julien Déramond @deramond.dev · 12/04/2025

The Bootstrap docs migration to Astro is nearly ready to merge. Time for some good old-fashioned manual visual non-regression testing 😅

062

Julien Déramond @deramond.dev · 24/12/2024

Notification indicator at the end of 2024 🔵 😆

Screenshot of a window, with a full solid blue background like a giant notification

030