Dani Riera's Avatar

Dani Riera

@driera.bsky.social

Software developer. Into typescript, web components, CSS, A11y and web stuff. Not afraid to put myself in the user's shoes. I love climbing and making wooden furniture using hand tools.

42 Followers  |  88 Following  |  1 Posts  |  Joined: 26.12.2024  |  1.4137

Latest posts by driera.bsky.social on Bluesky

Preview
State of Devs 2025 Take the State of Devs survey

This year's State of Devs 2025 survey is now open! survey.devographics.com/survey/state...

05.05.2025 06:21 — 👍 0    🔁 0    💬 0    📌 0
Preview
Container Queries Unleashed • Josh W. Comeau Container queries expand the universe of designs that can be implemented, giving us whole new superpowers. Now that container queries are broadly available, I think it’s time we start exploring this p...

Just hit the “publish” button on a brand-new blog post! ⭐

This one shares the killer pattern I find myself using over and over with container queries: responding *within* media queries to adapt to the new container size.

Once you start using this trick, you’ll see opportunities for it all over. 😄

27.01.2025 16:18 — 👍 345    🔁 60    💬 12    📌 6
Preview
Considerations for making a tree view component accessible A deep dive on the work that went into making the component that powers repository and pull request file trees.

I'm pretty proud of this tree view component I helped to make. I wrote about the nuance of what went into it in the hopes that it can serve as a reference for others. #a11y github.blog/engineering/...

28.01.2025 17:23 — 👍 119    🔁 29    💬 8    📌 6
Accessible is Performant | Eric Bailey | performance.now() 2024
YouTube video by Web Conferences Amsterdam Accessible is Performant | Eric Bailey | performance.now() 2024

The next #perfnow video is up: @ericwbailey.website
with Accessible is Performant.

www.youtube.com/watch?v=wfEm...

10.12.2024 14:24 — 👍 11    🔁 6    💬 1    📌 1
New JavaScript Set Methods
const set1 = new Set(['wes', 'kait']);
const set2 = new Set(['wes', 'scott']);
Difference
Elements in set2 but not in set1
set2.difference(set1)
> ['scott']
Intersection
Elements that exist in both sets
set1.intersection(set2)
> ['wes']
Symmetric Difference
Elements in either set, but not both
set1.symmetricDifference(set2)
> ['kait', 'scott']
Union
All elements from both sets
set1.union(set2)
> ['wes', 'kait', 'scott']
Is Disjoint From
True if sets share no elements
set1.isDisjointFrom(set2)
> false
Is Subset Of
True if all elements are in other set
set1.isSubsetOf(set2)
> false
Is Superset Of
True if it contains all other's elements
set1.isSupersetOf(set2)
> false

New JavaScript Set Methods const set1 = new Set(['wes', 'kait']); const set2 = new Set(['wes', 'scott']); Difference Elements in set2 but not in set1 set2.difference(set1) > ['scott'] Intersection Elements that exist in both sets set1.intersection(set2) > ['wes'] Symmetric Difference Elements in either set, but not both set1.symmetricDifference(set2) > ['kait', 'scott'] Union All elements from both sets set1.union(set2) > ['wes', 'kait', 'scott'] Is Disjoint From True if sets share no elements set1.isDisjointFrom(set2) > false Is Subset Of True if all elements are in other set set1.isSubsetOf(set2) > false Is Superset Of True if it contains all other's elements set1.isSupersetOf(set2) > false

You should be using JavaScript sets more often

Now in all browsers and Node - these 7 new set methods are key for when trying to compare two arrays or sets of data.

21.01.2025 19:43 — 👍 1614    🔁 149    💬 51    📌 11

Dirijo esta web colaborativa de textos cortos, sobre todo de humor, y viñetas. Ya no la muevo en twitter sobre todo por pereza. Tiene cosas majas.

19.01.2025 09:07 — 👍 75    🔁 12    💬 3    📌 2
Preview
CSS attr() gets an upgrade  |  Blog  |  Chrome for Developers You can now use attr() with any CSS property–including custom properties–and it can parse values into data types other than strings.

🎉 OMG OMG OMG Chrome is shipping CSS attr() for every property!!! 🎉
I’ve been asking for this for over a decade!! w00t!!! 🤩

developer.chrome.com/blog/advance...

16.01.2025 22:07 — 👍 491    🔁 96    💬 18    📌 13
Design Systems News A publication full of interesting, relevant, and curated links.

145 Design Systems related articles in ye olde RSS reader to go through for the newsletter

If you're a fan of Design Systems and all they entail and fancy a slice of the finest curated links every once in a while (no more than weekly) you can sign up here

news.design.systems

🙏🖤

12.01.2025 13:19 — 👍 48    🔁 10    💬 3    📌 0
Preview
Things you forgot (or never knew) because of React If you don't often look beyond established comfortable defaults, you might be surprised to learn just how far the world of frontend has moved away from React, and how big that gap continues to grow.

Things you forgot (or never knew) because of React joshcollinsworth.com/blog/antiqua...

This is a very good post that's worth your time to read. It has a good blend of history, valid criticism, credit-where-credit-is-due, and a fresh look at current front-end technologies.

26.11.2024 18:40 — 👍 45    🔁 15    💬 1    📌 4

need product differentiation?

overhire a #CSS front-end team and ask them to:
- polish whatever
- add delight wherever

and watch as your product becomes smooth and buttery while everyone else's gather dust and crust

UI is a huge space offering differentiation via quality

28.12.2024 00:41 — 👍 661    🔁 92    💬 35    📌 21
Preview
Giving a damn about accessibility A candid and practical handbook for designers.


"Inaccessible products are broken products. The first step to fix them is to give a damn."

uxdesign.cc/giving-a-dam...

#a11y

26.12.2024 15:28 — 👍 107    🔁 23    💬 3    📌 1

Reminder: We're not paid to write code; we're paid to solve problems. Code is simply the tool we use to achieve that.

26.12.2024 18:49 — 👍 15    🔁 8    💬 2    📌 0

@driera is following 19 prominent accounts