Tessera

Florian Schepp@scheppening.com · 6mo ago

This is so nifty! Use this custom element to add comments, for example, to a static blog post. Readers can comment on Bluesky!

Just shipped bsky-comments! Embed Bluesky threads anywhere with a zero-dependency Web Component. • Framework Agnostic (Native WC) • < 3kb gzipped • Zero Config: Just paste the Post URL • Light DOM: Fully customizable (CSS/Tailwind) github.com/florianschep... #webdev #opensource #buildinpublic

If something like this DOM templating proposal becomes reality, it'll start to reduce the need to install frameworks like React, Solid, or Vue. And it will start to create commonality for tooling such as TS, linters, compilers, and frameworks to build on top of. github.com/justinfagnan...

GitHub - justinfagnani/dom-templating-api-proposal: A proposal for a new DOM Templating API

A proposal for a new DOM Templating API. Contribute to justinfagnani/dom-templating-api-proposal development by creating an account on GitHub.

github.com

Still waiting for AI coding agent output to not be slop. The day will come, but right now it's really only good for monotonous straight forward tasks.

I really appreciate where macOS 26 Liquid Glass UX will land, but it is still being worked on, and feels a little rushed. This is hard to read at the moment due to a bug where the underlying shadow shrinks and the contrast is lost (note the shadow is at the top, not tall enough):

Joe Pea@joe.trusktr.io · 6mo ago

Thought I'd make it just a little more specific.

I moved. Updated my location on GitHub.

Joe Pea@joe.trusktr.io · 6mo ago

I just LOVE the Pulsar UI/UX and graphics. So good. A built-in terminal is in the works too. YES! It has the best incantation of Vim. Nothing in Vim I can't do in Pulsar (see plugin Vim Mode Plus). JS > VimL, sorry Vim peeps! 😛 Main contributors: @andrewdupont.net and github.com/confused-Tec...

The Pulsar text editor recently upgraded from Electron 12 to Electron 30 (from Node 14 to Node 20)! With performance improvements. Pulsar is a living fork of the dead Atom editor. I'm keeping an eye on Pulsar due to very bad perf issues VS Code has with extensions, unfixed for years.

Yoooo! This accidental wiggle in the @bsky.app UI is very cute. I love it. Can we keep it?

I moved. Updated my location on GitHub.

Joe Pea@joe.trusktr.io · 6mo ago

From Pulsar Editor's recent update: "perhaps most importantly, you may notice substantial improvements in performance." I am SO excited. The UI/UX is far better than VS Code's, and the CSS is exposed. Just open up your CSS style sheet and hack away! View CSS in devtools, and style anything!

Inautilo @inautilo.bsky.social · 7mo ago

Anyone know a tool to prune node_modules based on an importmap? I've got Custom Elements that run as vanilla ES Modules in the browser. They import solid.js, and f.e. my importmap grabs `solid-js` from node_modules. However solid.js also installs unneeded tools like Babel. Hoping to clean it up.

#Development #Guides The missing link for web components · Where a Custom Elements Manifest shines ilo.im/169vrp by Florian Geierstanger _____ #Manifests #WebComponents #Lit #Storybook #VSCode #MCP #Linter #WebDev #Frontend #JavaScript

The Missing Link for Web Components

If your project uses web components of your own making, you could be auto-generating a Custom Elements Manifest that can be ultra-helpful, like powering a VS Code language server.

ilo.im

I smell code complexity from a mile away. Don't even need to be close!

Babylon.js Official account@babylonjs.bsky.social · 7mo ago

You don't need crazy realistic graphics to make fun 3D web experiences with WebGL or WebGPU!

Drop what you're doing and check out PolyRush: A Casual Arcade Game with Babylon.js from forum user kaiyou lhyisboss.itch.io/polyrush #BuiltWithBabylon #3D #WebDev #gamedev #indiedev #WebDevelopment #webgl #gamedevelopment #IndieDevs

Abolition Game - Current Project @silver-guillotine.itch.io · 7mo ago

A useful phrase to understand capitalist dynamics is: Socialize the cost, privatize the profit. Explains a lot of policy and corporate action.

Kevin J. Kircher@kevinjkircher.com · 7mo ago

This chart by @nathanielbullard.com is one reason data centers are driving up our electricity prices. Tech companies usually build data centers close to cities, where accommodating their GW-scale power demand entails costly reinforcement of wires or transformers. Utilities pass those costs on to us.

Chart showing how far data centers are from urban areas, compared to factories, power plants, steel plants, coal mines, and mineral mines. Data centers are usually within 6-12 miles (10-20 km) of an urban area, much closer than the other stuff.

I've released `@lume/element` v0.17.0, "effective elements", adding support for @solid_js memos and effects for Custom Elements via decorator syntax. Concisely write custom HTML elements, type checked in React, Vue, Svelte, Solid.js, Stencil, and more. github.com/lume/element/releases/tag/v0.17.0

A screenshot of code using the @lume/element and classy-solid libraries to add signals, memos, and effects to a "FurryDog" custom element definition class by decorating a "years" class field with @numberAttribute to make it a reactive value that has values from DOM attributes coerced into numbers and assigned to it, decorating a readonly "dogYears" class getter with @memo and having it return a derived value being the "years" field multiplied by 7, and decorating a "#log" private method with @effect and having it read and log to console the "dogYears" property which in turn causes the method to automatically rerun any time that the "dogYears" property value changes. The class also shows a `template` with markup that renders the dogYears in a div, and a `css` property with scoped styling for the elements in the template.

A screenshot of a snippet of HTML code that shows usage of the defined `<furry-dog>` HTML element, giving it a years="10" attribute, which causes the element's private effect to log the dogYears as 70.

`classy-solid` 0.5.2 is released, adding the ability to control whether effects start upon instance construction via a `static autoStartEffects` class field. Add @solid_js signals and effects to your JavaScript classes with concise decorator syntax: github.com/lume/classy-...

A screenshot of code using the classy-solid library to add signals, memos, and effects to a "Dog" class definition by decorating a "years" class field with @signal to make it a reactive value, decorating a readonly "dogYears" class getter with @memo and having it return a derived value being the "years" field multiplied by 7, and decorating a "log" method with @effect and having it read and log to console the "dogYears" property which in turn causes the method to automatically rerun any time that the "dogYears" property value changes.

My heart to the WARM people of Minneapolis.

I've published classy-solid v0.5.1 "keep your privates private!", supporting #private @memo and @effect decorated members. Add @solidjs.com-powered signals and effects to JavaScript classes. Notes: github.com/lume/classy-... Example declarative class with @signal, @memo, and @effect members:

If you build privacy-protecting software, and you are trackable, then people in power will jail you even if you didn't commit a crime. Keonne Rodriguez, maker of Samourai Wallet, an open-source, non-custodial privacy wallet, is going to prison tomorrow. www.youtube.com/watch?v=Fshs...

He Built a Privacy Tool. Now He’s Going to Prison.

YouTube video by Naomi Brockwell TV

youtube.com

React continues to snowball exponentially, unfortunately. Outpacing newer, better, standards-aligned techs (chart from npm stat). Probably due to herd mentality and picking a library merely beacuse the usage count is higher. Imagine if people rebalanced their picks based on technical merits.

I often hit this text editing bug in Apple iPhone on Bluesky, making it impossible to edit what I'm posting. Looks like a iOS Safari bug I've only seen triggered on Bluesky. The caret and text selection drawings are rendered in the wrong visual location.

Imagine if ShadowDOM simply had this.attachShadow({ mode: 'open', openlyStylable: true }) which would do one thing very simply: Any selectors from any level up higher pierce into the root. You accept the possible consequences, but you can also simplify a variety of use cases.