iiinova — where your digital self keeps evolving

Felds @felds.dev · 01/09/2025

I think that’s a DAW

000

Felds @felds.dev · 20/08/2025

The hsl(from …) syntax thankfully makes this obsolete. CSS written like that was a real pain to maintain!

010

Felds @felds.dev · 10/07/2025

I had this "problem" just last week. TS only allow property access for known properties, even when it's optional. In other words, even though `null?.a` is valid, TS is saying `null` doesn't have a known property `a`.

000

Felds @felds.dev · 02/07/2025

I’m okay with this. Classes for styling, IDs for behavior and tags for semantics. Mixing these concepts used to lead to bad code, like using the a semantically wrong element for its styles. I think decoupling is the right move.

010

Felds @felds.dev · 30/05/2025

why are there stars in front of the moon?

030

Felds @felds.dev · 29/05/2025

`take` and `sample` are basically the same method, but the rest look good. I'd love for it to take any sequence, and not only arrays. For example, Object.entries() and Node.children are iterators. Sampling those look useful, but I have no idea how that could be implemented.

140

Felds @felds.dev · 28/05/2025

One of my favorite Brave features is that it swallows most cookie consent screens (which I doubt sites are honoring anyway)

120

Felds @felds.dev · 22/05/2025

Helping modernize a 15yo system that was running on python 2 until a month ago. It’s been a huge pain but gratifying at the same time.

010

Felds @felds.dev · 17/05/2025

No links, only divs

150

Felds @felds.dev · 11/05/2025

Pottetris effect.

010

Felds @felds.dev · 06/05/2025

hahaha that's crazy! I could swear I remember listening to you saying those things! thanks! :)

100

Felds @felds.dev · 06/05/2025

@dylanbeatt.ie maybe I'm suffering from the Mandela effect, but haven't you posted a video somewhere about AI being good at programs but not products? I'm trying to help a fellow dev in an existential crisis, but I can't find it…

100

Felds @felds.dev · 24/04/2025

My dream is having browsers implement the line-height-step property. I have no idea how that would interact with the lh unit, though.

000

Felds @felds.dev · 12/04/2025

Fuck. Keep your head up, you’re an amazing professional and an inspiration.

040

Felds @felds.dev · 10/04/2025

I’m sorry. it’s stronger than me 😔

020

Felds @felds.dev · 09/04/2025

@bram.us I finished writing something about how color scheme switching should be a browser control just to discover you wrote the exact same thing in 2022. :P Any news about that since then?

100

Felds @felds.dev · 09/04/2025

That's awesome! I had no idea that existed. I went looking for ideas like this but googling it I could only find tutorial after tutorial (since they so necessary with the current solutions). Thanks for the pointer. :)

110

Felds @felds.dev · 08/04/2025

ERRATA: It should be "Let's make dark mode *switching* a browser-native feature." At least this proves I'm not AI. 😅

000

Felds @felds.dev · 08/04/2025

@nerdy.dev @syntax.fm @kevinpowell.co I'm sorry for the spam, but I just wrote a piece on why we should stop writing dark mode switches and I'd like to know your opinion (and maybe some help getting this to people who could act on it). bsky.app/profile/did:...

100

Felds @felds.dev · 08/04/2025

Dark mode toggles should be a per-site browser preference, just like zoom. Why are we still reinventing the wheel with JavaScript? Let's make dark mode a browser-native feature. bit.ly/dark-mode-is...

bit.ly

switch.md

GitHub Gist: instantly share code, notes, and snippets.

2132

Felds @felds.dev · 08/04/2025

semantic ID is a new one for me

000

Felds @felds.dev · 01/04/2025

I think April Fool’s lost a lot of its appeal in the post truth era…

090

Felds @felds.dev · 28/03/2025

My pet peeves are nucular (nuclear) and anenemy (anemone). English pronunciation is so far from how it’s written that anything goes!

000

Felds @felds.dev · 27/03/2025

that's one of the most thing ever generated by AI

010

Felds @felds.dev · 25/03/2025

Just tangentially related, a margin-vertical/horizontal would be great too. Not necessary, just neat. :)

020

Felds @felds.dev · 25/03/2025

This inspired me to be sassier with my bots.

000

Felds @felds.dev · 25/03/2025

That's pretty cool! What were the biggest challenges you had so far while building this lib? Any challenges you still have?

110

Felds @felds.dev · 24/03/2025

You haven’t written enough bad TS.

000

Felds @felds.dev · 20/03/2025

As much as I dislike Tailwind, I admit it has its uses, and generated code is one of them. In my experience, AIs are not that great with CSS, but Tailwind helps a little.

020

Felds @felds.dev · 19/03/2025

I'm mostly pointing out the unexpected behavior of background-position, but those are great! I'm saving them for future projects. Thanks! :)

020

Felds @felds.dev · 19/03/2025

Nope. That's a "problem" with linear-gradient too. I've made a very minimal example. Uncomment the background-position declarations to see that they have no effect: codepen.io/felds/pen/my... (I say "problem" because I could be having the wrong expectation)

100

Felds @felds.dev · 19/03/2025

Also, any idea why side-relative are not implemented for bg-pos-x and -y? That took me off guard, too.

100

Felds @felds.dev · 19/03/2025

You mean using a var to animate the stops? I was trying to use bg-pos to "slide" the existing gradient as an image, so a new gradient wasn't generated on every frame, but it doesn't move when the bg-size is 100%, even when using side-relative positions. I don't understand why it behaves like that.

100

Felds @felds.dev · 19/03/2025

I thought a little bit of animation wouldn't hurt codepen.io/felds/pen/zx... PS 1: replacing linear-gradient with repeating-linear-gradient crashes the tab PS 2: I just found out that animating gradients using background-position-x is surprisingly tricky!

codepen.io

Rainbow shadow button

...

110

Felds @felds.dev · 18/03/2025

CSS confirmed Turing complete? Let's gooooo!

010

Felds @felds.dev · 18/03/2025

Now that I'm thinking about it, it would be nice to have a selector for stuff between two siblings. That would not be easy to implement, though, based on the time we had to wait for :has…

010

Felds @felds.dev · 18/03/2025

You're doing good work with your suggestions. I'd love to have more control over gaps! :)

010

Felds @felds.dev · 18/03/2025

Last thing: This expression `@scope (h3) to (p)` means "Inside an h3 but outside a p", not "the siblings between h3 and p". I think having the same keywords to mean different (but close) things can create a lot of confusion.

110

Felds @felds.dev · 18/03/2025

If the top element has `gap-below: 10px` and the bottom el has `gap-above: 20px`, who wins? I like the margin semantics for that, but gaps act more like children of the container, not like margins, which act more like pseudoelements.

110

Felds @felds.dev · 18/03/2025

Just a minor nitpick: why not `gap-top`? I understand `gap-block-start`, but `gap-above`?

100

Felds @felds.dev · 18/03/2025

Mixins will be such a game changer for ergonomics. Some properties naturally *go together*. It makes so much more sense expressing that in CSS than having to scatter utility classes all over the place!

030

Felds @felds.dev · 14/03/2025

I still think dark mode is a little half baked. For example: we have a media query to detect dark mode, but we can never control that from JS. The only way to change that is by changing the mode on the device (making functions like lightdark useless).

010

Felds @felds.dev · 14/03/2025

CSS variables are huge! I love the fact that css variables act like signals, where their values are propagated on change. A lot of JS was written to do that, where in CSS it just works.

010

Felds @felds.dev · 14/03/2025

I know they are not that shiny, but CSS color and math functions (min, max, clamp, round, etc).

120

Felds @felds.dev · 14/03/2025

What I always end up doing is something like `@media (hover) and (width >= 1200px)`, since it covers iPads and Android tablets (this bug only happens on samsung phones). Funnily enough, Samsung tablets don't report hover even when used with an pen, which has hover and can generate mouseover events.

000

Felds @felds.dev · 14/03/2025

@kevinpowell.co I'm sorry to bother, but I'd love if you could take a look at this thread: bsky.app/profile/feld...

100

Felds @felds.dev · 14/03/2025

(4/4) Problem is: It looks like the tickets are stuck in a limbo and with no solution in sight. How could I get more involved with this issue and help getting this fixed? I'm passionate about progressive enhancement, and I'd really love to be able to use this in production.

110

Felds @felds.dev · 14/03/2025

(3/?) This is a know bug that affects a huge amount of phones since 2019. For comparison, Samsung + Xiaomi have more market share than Apple globally. Yet, @media(hover) is still being used on every demo under the sun and evangelized as the right solution. Honestly, I'd love if that was the case.

100