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
Andrey Okonetchnikov @okonet.dev · 11/08/2026
🎉 👏
020
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 · 09/07/2026
Why not? What’s so special about loading that can’t be expressed with other states? The only “hard” part is the constant width that should be stay between states.
000
Andrey Okonetchnikov @okonet.dev · 09/07/2026
Loading = disabled IMO
100
Andrey Okonetchnikov @okonet.dev · 05/07/2026
I think you might enjoy www.youtube.com/channel/UCfm... then.
youtube.com
NewJazz
Hi :) This is Oliver Prehn and welcome to my NewJazz Channel containing lots of lessons about modern, modal and free jazz improvisation. At NewJazz we try to free ourselves from conform institutiona...
020
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
Andrey Okonetchnikov @okonet.dev · 02/07/2026
Fork = branch
010
Andrey Okonetchnikov @okonet.dev · 02/07/2026
Love the font, dude! :) but that fork icon doesn’t seem to be ours. Or is it?
000
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 · 17/03/2025
Yeah it’s still quite new so give it some time. I was struggling with capsize and fractional values in the latest Chrome so I decided to migrate for the internal product.
000
Andrey Okonetchnikov @okonet.dev · 17/03/2025
Found a solution by only applying `overflow-x: clip` 🎉
110
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 · 16/02/2025
Any particular topics you’re interested in? I wonder what should I write next about.
110
Andrey Okonetchnikov @okonet.dev · 16/02/2025
Not at the moment. I’m using notion as a backend at the moment so it can be a bit harder to pull it off. I’m not sure I also will find time soon for that. Sorry
110
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 · 08/12/2024
I loved it! It’s why I bought both little nightmares!
010
Andrey Okonetchnikov @okonet.dev · 07/12/2024
Stray for sure! The Planet of Lana is nice and short. Prey is quite unique. Uncharted series is good but Last of us both parts is a masterpiece. Little Nightmares both are great too. The Callisto protocol has a nice plot and visuals if you like space horror.
250
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
Andrey Okonetchnikov @okonet.dev · 27/11/2024
It’s terrible 😭
000
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
Andrey Okonetchnikov @okonet.dev · 16/11/2024
We’ve been thinking about moving for a half a year too. Would be interested in your experience. What’s the reason for the move?
100
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
Andrey Okonetchnikov @okonet.dev · 10/11/2024
Hey Sarah! Greetings from Vienna 🎡
120
Andrey Okonetchnikov @okonet.dev · 07/11/2024
Also that makes me write more again.
010
Andrey Okonetchnikov @okonet.dev · 07/11/2024
Oh then I’m confused after all haha 😆 It was a great conference (I’m biased, obviously, as a co-org) and I met a lot of very smart folks there.
010
Andrey Okonetchnikov @okonet.dev · 07/11/2024
👋 I believe we met in Vienna at ReasonConf (or am I confused) a few years back and I miss it.
120
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
Andrey Okonetchnikov @okonet.dev · 06/11/2024
Ah yeah these are great. We had them at @kaffemik in Vienna.
110
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
Andrey Okonetchnikov @okonet.dev · 06/11/2024
👋 I’d like to be included!
010
Andrey Okonetchnikov @okonet.dev · 05/11/2024
I guess I’m not yet obsolete 😅
State of React 2024 Survey Results:

Features Score
245points
Of the 31 features mentioned in the survey, you have used 19 and heard of 11 more, which puts yo
110
Andrey Okonetchnikov @okonet.dev · 05/11/2024
Search points to 2023. Where did you find 2024?
110
Andrey Okonetchnikov @okonet.dev · 05/11/2024
www.monolisa.dev/buy
000
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 · 05/11/2024
Is virtualization not a thing on RN or it doesn’t come as standard?
110
Andrey Okonetchnikov @okonet.dev · 05/11/2024
I remember going to a phone booth outside to call a friend.
110
Andrey Okonetchnikov @okonet.dev · 05/11/2024
I went even further and changed the font to Monolisa.dev 🥸
monolisa.dev
MonoLisa
A font family designed for software developers. Font follows function.
120
Andrey Okonetchnikov @okonet.dev · 04/11/2024
Great list! Thanks for making it. I wouldn’t mind to be on the list although I realize I’m not posting much these days.
110
Andrey Okonetchnikov @okonet.dev · 30/10/2024
Only in Germany :(
100
Andrey Okonetchnikov @okonet.dev · 30/10/2024
Apparently available again. Didn’t verify that though.
000
Andrey Okonetchnikov @okonet.dev · 30/10/2024
Hey I’m Andrey. I’ve been doing and speaking about design systems and frontend (mainly react) for quite some time before burning out on social. I’m one of the MonoLisa.dev creators.
monolisa.dev
MonoLisa
A font family designed for software developers. Font follows function.
030