New Kitten release

• Now leaves <style> tags within <template> tags alone when collating and normalising the CSS on a page so as not to interfere with scoped styles in declarative shadow DOM.

(Kitten’s Streaming HTML workflow¹ – which uses htmx and WebSockets under the hood – combined with built-in support for slots, etc., in Kitten components² means the use of declarative shadow DOM is mostly useful if you want scoped styles. Ideally, of course, use classes to scope styles to your components and be specific in your CSS selectors in general so as not to pollute elements in your components. Although that’s a bit like saying you should floss everyday. Yeah, we all know we should…) :)

Update: All that said, I’d highly recommend you don’t use Shadow DOM in your Kitten apps. For one thing, htmx’s WebSocket extension doesn’t seem to play well with it. And for another, you really don’t need it and definitely not just to get scoped CSS.

Enjoy!

¹ https://kitten.small-web.org/tutorials/streaming-html/
² https://kitten.small-web.org/tutorials/components-and-fragments/

Teaching a young #dev the power of #regex

Not sure I'm doing him a favour. So much power, so hard to parse and a potentially endless time-sink.

Ever wanted to get the number of auto-fit columns in CSS?

```
--u: 5em;
grid-template-columns: repeat(auto-fit, minmax(var(--u), 1fr))
```

It's now possible! Using registered #CSS vars, the tan division hack and container query units! Here's a little test on @codepen:
https://codepen.io/thebabydino/pen/JojpBJr

#CSS wish: for browsers to implement the `src()` (https://drafts.csswg.org/css-values/#funcdef-src) and `filter()` (https://github.com/web-platform-tests/interop/issues/717) functions.

Combined with the improved `attr()`, this would allow us to give images borders that are gradient versions of themselves using a `border-image` CSS declaration.

Encourager la transition vers des réseaux sociaux décentralisés et solidaires avec le Fediverse

https://ethiciel.org/blog.html#encourager-la-transition

Ghost is hiring a staff product engineer. They’re building a better ecosystem for writers as an alternatives that cater to nazis. So…get some.

https://careers.ghost.org/staff-product-engineer

New Kitten release

• Socket routes now have precendence in the router.

This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.

e.g., Previously, the following route:

/videos/index_[slug].page.js

Could not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.

Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).

Learn more about Kitten’s Streaming HTML workflow here:
https://kitten.small-web.org/tutorials/streaming-html/

Enjoy!

Anyone has advice on how to deal with "product" demanding a very #waterfall delivery plan (3 months +) from a #Scrum team?

#dev @engineering_managers

Can you help me out, mastodon?

Do you see the same result as below for this test, especially in Chrome/ Safari?
https://cdpn.io/pen/debug/KwKvRKr

Or finding red in rgb(0, 100%, 0%)?

Are you on a wide gamut display? You can check here https://wide-gamut.com/test

Retoots appreciated. Thank you!

GitLab CFO, Brian Robins, says they are “aligned with the goals of DOGE, because the company’s software tools aim to help people do more with less. What the Department of Government Efficiency is trying to do is what GitLab does.”

https://archive.is/okSlz

You either support fascism or you don’t. It’s binary. There’s no gray area or “aligning.”

Considering GitLab? Don’t. Use @Codeberg.

(Hat tip @aphyr)

#SVG gotcha:

drop-shadow(2px 2px 5px var(--c))

has the SVG equivalent

<feDropShadow dx='2' dy='2' stdDeviation='5' flood-color='var(--c)'/>

But changing `--c` on one of the elements the SVG #filter is applied on doesn't change the filter result!

[APPEL À L'AIDE #dev ]

Un collectif avec qui je travaille vient de perdre (tragiquement) son développeur web.
L'équipe -DA, graphiste, photographe et rédactrice- est à la recherche d'une ou plusieurs personnes qui pourraient reprendre les travaux de qualité, dans un esprit artisanal, sans framework, avec du code fait à la main.
Nous sommes basés en Côte d'Or (21), entre Montbard et Semur en Auxois, à 1h de Dijon.
Si vous aviez l'envie de relayer notre appel à l'aide, ce serait très sympathique.

Todoist is looking for a front end dev!

https://apply.workable.com/doist/j/9B4559F899/

New Kitten release

• Fixes edge case where the sign in page, if left open for longer than the length of a session, would throw an error on sign-in attempt (because the challenge for the public-key authentication Kitten apps use would have expired alongside).

https://kitten.small-web.org

Développeur pro ou amateur ? Mets tes compétences au service du bien commun ! Contribue à des projets open source et éthiques, notamment autour des réseaux sociaux au sein d'un collectif !

Codez ensemble un ou plusieurs week-ends par mois. Intéressé ? Rejoins-nous et constitue toi un réseau !

Donne du sens à ton engagement !

Reboostez svp !

https://framaforms.org/collectif-hackathon-sur-la-creation-ou-ladaptation-de-logiciels-libres-a-des-besoins-associatifs

Got a early version of the projectile enemy working and testing it out now in a level

#gamedev #indiegame
#coding #dev #indiedev #unreal #madewithunreal #gaming #videogames #gameplay #3d #blender3d #UnreaEngine5 #animation #shader #nature #coding

New Kitten Release

• Automatic message routing: if the element that triggers an event on the client does not have a `name` attribute, Kitten now falls back to using its `id` instead to route the event to the correct server-side event handler on your live Kitten pages.

If neither attribute exists, Kitten will fail to route the message but no longer crash as it was due to a regression introduced when I implemented support for colons in element names.¹

https://kitten.small-web.org

For more details on Kitten’s live pages and automatic message routing, please see the Streaming HTML tutorial:

https://kitten.small-web.org/tutorials/streaming-html/

Enjoy!

¹ A colon in an element name is ignored for message routing purposes, letting you, for example, give unique names to <details> elements, allowing more than one to be open at a time, while having their events be handled by the same handler.