π 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@jpeg)
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.
