Sign in

Andrey Okonetchnikov

@okonet.dev
978 followers 225 following 41 posts

UI Engineer specializing in design systems @ www.component-driven.dev. Author of 🚫💩 lint-staged. Also Monolisa.dev, colorsnapper.com and more.

PostsRepliesMedia
Reposted by Andrey Okonetchnikov
Kevin Wilson @kwilsonhfx.bsky.social · 01/08/2026
Shocking.
NTSB graph showing the relationship between miles biked per person per year and cyclists killed per billion miles biked. There's an obvious negative trend (people bike more in place where it's safer to do so.
681032440
Reposted by Andrey Okonetchnikov
Mateusz Burzyński @andarist.bsky.social · 11/08/2026
Changesets v3 is here! 🦋 After months of chipping away at issues alongside @bluwy.me, @haglund.dev, and many other contributors, we’re excited to finally share it. changesets.dev/blog/announc...
changesets.dev
Announcing Changesets v3 | Changesets
A tool to manage versioning and changelogs with a focus on monorepos
812228
Andrey Okonetchnikov @okonet.dev · 05/07/2026
It feels incredible to me that something that started as a joke during a lunch with a few other nerds like me turned out to be one of the best european coffee shops. theworlds100bestcoffeeshops.com/locales-euro...
theworlds100bestcoffeeshops.com
Kaffemik - Top 100 Best Coffee Shops
Since 2014, Kaffemik has been more than a spot for coffee, it’s been their way of creating connection in the community. Inspired by the Greenlandic tradition of open‑door hospitality, the founders wan...
182
Reposted by Andrey Okonetchnikov
The MonoLisa Font @monolisa.bsky.social · 02/07/2026
What makes MonoLisa v3 so exceptional is the introduction of MonoLisa Text. This sans-serif font family is the perfect companion for MonoLisa Code – font pairing was never easier. Together, they build the perfect typographic ecosystem for your workflow. #codingfont #fontpairing
001
Reposted by Andrey Okonetchnikov
The MonoLisa Font @monolisa.bsky.social · 30/06/2026
Customize your coding experience: Make use of MonoLisa’s stylistic sets and character variants to turn it into your perfect coding font. #codingfont #typedesign #stylisticsets
124
Andrey Okonetchnikov @okonet.dev · 22/06/2026
MonoLisa v3 is on product hunt today. If you like the product, help us getting some traction please 🙏
000
Andrey Okonetchnikov @okonet.dev · 17/06/2026
After a few years in the making 🎉 there is a new monospaced + proportional typefaces. Plus a completely redesigned website by yours truly. Let me know what you think!
021
Reposted by Andrey Okonetchnikov
Stuart Robson @sturobson.com · 24/02/2026
🎉 Looking for new work. 15 years front-end dev + Design Systems specialist. I help folks build, maintain & transform design systems. I'm also available for focused projects, front-end builds, codebase modernisation. Short to long term. Let's chat - stu@alwaystwisted.com reposts appreciated <3
26575
Andrey Okonetchnikov @okonet.dev · 12/03/2025
I’ve been trying to use CSS text-box: developer.mozilla.org/en-US/docs/W... to replace capsize but was disappointed it doesn’t work well with overflow: hidden. Did anyone manage to make text truncation work with a trimmed text? Cc @markdalgleish.com
developer.mozilla.org
text-box - CSS: Cascading Style Sheets | MDN
The text-box CSS property is a shorthand that corresponds to the text-box-trim and text-box-edge properties, which together specify the amount of space to trim from the block-start edge and block-end ...
120
Andrey Okonetchnikov @okonet.dev · 08/02/2025
Current AIs are good at generating a lot of non-working code with a lot of confidence.
150
Reposted by Andrey Okonetchnikov
MDN Web Docs @developer.mozilla.org · 27/01/2025
JavaScript's date object has been tricky for years, but that will change soon. The NEW Temporal API brings, 🌍 Easily handle time zones 📆 Precise date math 🕒 Parse ISO strings without errors ⌛ Durations, date ranges, and more. Start exploring 👇 developer.mozilla.org/en-US/blog/...
developer.mozilla.org
JavaScript Temporal is coming | MDN Blog
A new way to handle dates and times is being added to JavaScript. Let's take a look at Temporal, what problems it solves, the current state, and what you'll find in the new documentation about it on MDN.
613241
Andrey Okonetchnikov @okonet.dev · 06/01/2025
Kids IR controlled crane broke but I refused to throw it away. After some trial and error and with the help of AI got it integrated into my HomeKit setup 😆
050
Andrey Okonetchnikov @okonet.dev · 30/11/2024
If you have upgraded to iOS 18 and hate dark icons (like I do) there is a way to change them back. Long press on the Home Screen, select Edit on top, enter Customize and choose the Light color. As a bonus, you can change the size as well.
150
Reposted by Andrey Okonetchnikov
Giorgio Boa @gioboa.bsky.social · 21/11/2024
🚀 TypeScript Pro Tip: say goodbye to runtime env variable surprises! Valibot ensures your secrets are present and correctly typed before your app even starts. 👉 if something's missing, fail fast and fail early 👉 no more typos or guessing what's available
Valibot ensures your secrets are present and correctly typed before your app even starts.
- if something's missing, fail fast and fail early
- no more typos or guessing what's available
1142
Reposted by Andrey Okonetchnikov
Matt Perry @citizenofnowhe.re · 12/11/2024
🎉 After six incredible years at Framer, it’s time for my next step. Today, we’re spinning Framer Motion out as its own independent open-source project, to better serve the whole community. Introducing Motion. For React, and now, for everyone.
4757363
Reposted by Andrey Okonetchnikov
Kevin Powell @kevinpowell.co · 06/11/2024
Looking for some potential distractions? Well, Roman Komarov has just put together a list of a bunch of fantastic articles on container queries, including a great introduction of them, great use cases, some future possibilities, and cool experiments blog.kizu.dev/recent-css-b...
blog.kizu.dev
Recent CSS Bookmarks 19: Container Queries
I originally wanted to write about something else today but, for some reason, did not have any motivation for it. But hey, let me then do the best thing I could do otherwise: share some other people’s...
27015
Reposted by Andrey Okonetchnikov
Stuart Robson @sturobson.com · 05/11/2024
🔔 a reminder 🔔 I’m looking for my next client project, I'm a front-end developer and design systems consultant with almost immediate availability. Get in touch if you’re ready to strengthen your design and dev workflows, need some gnarly front-end or Design System help! www.alwaystwisted.com 🙏🖤
alwaystwisted.com
Always Twisted - Design Systems Consultant & Front-End Architect
Hi, I’m Stu Robson, a Design Systems consultant and front-end developer. I help teams build scalable, accessible, and efficient design systems and front-end codebases that enhance collaboration and st...
22122
Reposted by Andrey Okonetchnikov
Haz @haz.dev · 04/11/2024
JavaScript tip: Use Unicode regular expressions to match letters in any language. \p{L} - Letter in any language \p{Z} - Whitespace or invisible separator \p{S} - Symbol \p{N} - Number in any script \p{P} - Punctuation You can also match characters NOT belonging to the group by uppercasing \P
A screenshot showing a list of regular expressions attempting to match words from various languages.

Full code:

/^[a-z]+$/i.test("car"); // ✅ true
/^[a-z]+$/i.test("pão"); // ❌ false
/^[a-z]+$/i.test("知道"); // ❌ false
/^[a-z]+$/i.test("يعرف"); // ❌ false

/^\p{L}+$/u.test("car"); // ✅ true
/^\p{L}+$/u.test("pão"); // ✅ true
/^\p{L}+$/u.test("知道"); // ✅ true
/^\p{L}+$/u.test("يعرف"); // ✅ true
2596
Reposted by Andrey Okonetchnikov
Josh W. Comeau @joshwcomeau.com · 04/11/2024
🌠 For years, the #1 most requested feature in CSS was Container Queries. We wanted them so badly! Well, they’ve arrived… and none of us are using them. 😂 I think I know why, and I just published a new blog post that will hopefully change that! Check it out: www.joshwcomeau.com/css/containe...
joshwcomeau.com
A Friendly Introduction to Container Queries • Josh W. Comeau
It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as...
36593132
Andrey Okonetchnikov @okonet.dev · 05/11/2024
I must admit being at 🦋 now is like being on twitter a few years back before it became too toxic and too political.
230
Andrey Okonetchnikov @okonet.dev · 31/05/2023
A new post about different methods of composing components in React.js www.component-driven.dev/articles/c…
component-driven.dev
Different methods of composition in React
Component-driven design & development for the modern web
010