🎉 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
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.
Found a solution by only applying `overflow-x: clip` 🎉
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
Any particular topics you’re interested in? I wonder what should I write next about.
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
Current AIs are good at generating a lot of non-working code with a lot of confidence.
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/...
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 😆
I loved it! It’s why I bought both little nightmares!
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.
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.
It’s terrible 😭
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
🚀 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
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?
🎉 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.
Hey Sarah! Greetings from Vienna 🎡
Also that makes me write more again.
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.
👋 I believe we met in Vienna at ReasonConf (or am I confused) a few years back and I miss it.
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...
Ah yeah these are great. We had them at @kaffemik in Vienna.
🔔 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
🙏🖤
👋 I’d like to be included!
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
I guess I’m not yet obsolete 😅
Search points to 2023. Where did you find 2024?
www.monolisa.dev/buy
![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](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:eaimln3uk5ntgmykcbxrmsyp/bafkreidqqa36kazqj74xsaasywc5qgiybdq37hfebdypkhcqy3i6etyavi)
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
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
🌠 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...
I must admit being at 🦋 now is like being on twitter a few years back before it became too toxic and too political.
