@fmbr.bsky.social
Reposted
May 6, 2025 at 6:31 PM
Reposted
Threlte 8 is Here! 🤗
Six months in the making, Threlte 8 redefines performance, flexibility, and developer experience for 3D web graphics using Svelte. It’s our biggest leap yet, powered by Svelte 5, exciting updates from Three.js, and tons of community input.
1/9
Six months in the making, Threlte 8 redefines performance, flexibility, and developer experience for 3D web graphics using Svelte. It’s our biggest leap yet, powered by Svelte 5, exciting updates from Three.js, and tons of community input.
1/9
January 21, 2025 at 6:05 PM
Threlte 8 is Here! 🤗
Six months in the making, Threlte 8 redefines performance, flexibility, and developer experience for 3D web graphics using Svelte. It’s our biggest leap yet, powered by Svelte 5, exciting updates from Three.js, and tons of community input.
1/9
Six months in the making, Threlte 8 redefines performance, flexibility, and developer experience for 3D web graphics using Svelte. It’s our biggest leap yet, powered by Svelte 5, exciting updates from Three.js, and tons of community input.
1/9
Reposted
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.
Now in all browsers and Node - these 7 new set methods are key for when trying to compare two arrays or sets of data.
![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](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:etdjdgnly5tz5l5xdd4jq76d/bafkreifpciv7ufsmynaqjmiw63rmyybije242ep2ylqs3iarkehaz4qxzi@jpeg)
January 21, 2025 at 7:43 PM
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.
Now in all browsers and Node - these 7 new set methods are key for when trying to compare two arrays or sets of data.
Reposted
Reposted
CSS-only magnetic link effect 🤯
li:has(a:is(:hover, :focus-visible)) {anchor-name: --a; }
ul::before {
left: anchor(--a left);
width: anchor-size(--a width);
}
using CSS anchor positioning, declare an anchor on hover for the indicator 🚀
li:has(a:is(:hover, :focus-visible)) {anchor-name: --a; }
ul::before {
left: anchor(--a left);
width: anchor-size(--a width);
}
using CSS anchor positioning, declare an anchor on hover for the indicator 🚀
November 9, 2024 at 8:30 PM
CSS-only magnetic link effect 🤯
li:has(a:is(:hover, :focus-visible)) {anchor-name: --a; }
ul::before {
left: anchor(--a left);
width: anchor-size(--a width);
}
using CSS anchor positioning, declare an anchor on hover for the indicator 🚀
li:has(a:is(:hover, :focus-visible)) {anchor-name: --a; }
ul::before {
left: anchor(--a left);
width: anchor-size(--a width);
}
using CSS anchor positioning, declare an anchor on hover for the indicator 🚀