A cross platform UI library to build to apple, android, web.

The project is available under https://github.com/water-rs/waterui

A Menu. 37 Items that redirects to other small and text only pages. That's great :)

Dioxus is the promise of having a single code base for your mobile apps and web apps and desktop apps.

The project goal is to be a real fullstack framework. A single code base for the client and for the server.

After server side rendering and client side rendering:

So boom, third generation, full stack, best of both worlds. We do the render on the server like before, and we stream it to the client, which can display it as it’s being received. But alongside that rendered HTML, the server also sends the structured data that it used to render the HTML.

Now the whole point of having the server stream markup is that we can show it early before the app is even loaded on the client.

Dioxus offers many hooks prefixed use_ to add reactivity. "If you break the rules of hooks, you don’t get a build error or even a runtime error. You just get a weird behavior, which can be hard to debug."

A second issue is

So does Dioxus spark joy? Not yet. In the meantime, I’ll be doing Rust on the backend, and TypeScript on the frontend.

The Dioxus team is doing a lot of hard, interesting work. They have a Flexbox implementation that they’re sharing with Servo. They’re doing their own HTML and CSS renderer now to make desktop applications without a full-fledged web engine.

Un client léger de 13MB à héberger soi-même.

C'est entièrement pilotable au cliver, mono ou multi-colonnes, les messages privés ont un fond hachuré pour bien les distinguer du reste et les re-pouet sont aussi différencié.

Some creative ideas on small screens. The post lists examsle:

• Use horizontal scrolling
• Push elements off-canvas
• Build scrollable mini-spreadspread
• Orientation responsive layout

Against toast notifications

On définit le but : est-ce que c'est pour expliquer, guider, ou juste faire plaisir ?
On pense à la fréquence : plus c'est utilisé, moins ça doit bouger
On reste rapide, toujours sous les 300 ms
On donne le contrôle, en respectant toujours les préférences de la personne qui utilise l'interface.

Waayyy tooo coool checkboxes as switch

Tips and tricks for view transition

In my opinion, the best cases for implementing view transitions are as a way to draw attention to an element, convey movement, and help users remain in context.

Add it to all pages to apply a default cross fade transition.

@view-transition {
    navigation: auto;
}

Then mark similar content with the view-transition-name css property.

Custom view transitions can be made with ::view-transition-old, ::view-transition-new, ::view-transition-image-pair.
Full page transition can be done by marking :root.
These transitions should be set only when the media query prefers-reduced-motion is set to no-preference.

A scroll-driven experience

A Swiss-army app for developers

Project: https://github.com/skatkov/devtui

A collection of background effects.

Usages:

1. Circular menus or item lists
2. Wavy layouts (DNA strands, wave)

Fancy animations

Some clock display. See https://time.r0b.io/

A theme for october :)

The project is available at https://github.com/twomile/js-bats