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

• Link and button states
• color modes
• variables
• any kind of state
• viewport sizes
• anything scrolling or mouse movement related
• variable content
• units & math
• animations & transitions
• device specific details (touch screens, low-bandwidth situations)
• media handling

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

Drunk theme

Collection of open-source tools for designers & creatives

The menu is made with the liquid-glass style