Andrey Okonetchnikov

@okonet.dev

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

🎉 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

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/...

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.

developer.mozilla.org

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.

Bild

🚀 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

🎉 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.

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...

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...

blog.kizu.dev

🔔 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 🙏🖤

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...

alwaystwisted.com

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

🌠 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...

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...

joshwcomeau.com