Say hello to #picoSPA. (used to be named #SPAish, but that name was uuuh).

https://picossg.dev/tools/picospa/

PicoSPA is a progressive enhancement toolkit, made of a few small functionalities to make a site more interactive and modern without the need to use a full #SPA framework. It is not a framework, it is a set of tools to enhance your #MPA.

Seems like I am building a `pico`-series :)
https://picossg.dev the #SSG and now the #SPA tool PicoSPA.

#useThePlatform #minimal #web

My little #SPAish tool [1] is basically just progressively enhancing existing DOM nodes, like <details> or <h1> etc. and the more I build for it, and I only do that when one of my apps needs it, the more I feel there are really some useful HTML extensions one could need.

Try it out, maybe you find any in SPAish.

Watch out, the #SPA in the name must be seen with the "ish" because this tool extends non-SPA pages with SPAish kinda behaviors, with tiny amount of code.

[1] https://picossg.dev/tools/spaish/

@dvk btw I have put some more of the #SPAish tools (as I called them) into one library, the scroll thing is also in there
https://picossg.dev/tools/spaish/scroll/
If you have any idea of what else can be useful and helpful to progressively enhance MPAs I am all ears

#noSPA #SPA #MPA #useThePlatform #webdev #web

First version of #SPAish docs is online.

SPAish is a #progressive #enhancement #toolkit, made of a few small functionalities to make a site more interactive and modern without the need to use a full #SPA framework. It is **not a framework**, it is a set of tools to enhance your site.

https://picossg.dev/tools/spaish/

See it in action in the docs itself.

#useThePlatform #noSPA

828 Bytes of three small #progressive #enhancement helpers, more coming.

#SPAish - progressive enhancer for your MPA, make it feel SPAish.

https://github.com/wolframkriesing/SPAish

// Restore scroll position
spaish.scroll.restore(...);

// Reopen the <details>
spaish.details.reopen(...);

// Restore the color scheme
spaish.colorScheme.restoreLast();

<button onclick="
spaish.colorScheme.toggle();"
>Toggle Color Scheme</button>

#useThePlatform

https://picossg.dev grew one version older, but just 10 lines of code.

v5.0.0 is out

See all the changes v5 brought https://picossg.dev/docs/changelog/#section-v5-0-0-349-loc

The most important one is probably the stats plugin. But more important I think is #SPAish a spinoff project https://codeberg.org/wolframkriesing/spaish – not yet documented and ready to use, but it has a clear direction see the docs https://codeberg.org/wolframkriesing/spaish/src/branch/main/docs/index.md

#ssg #web #small #useThePlatform

Where there is a will there is a way.
#ADHD including #AdultADHD & #Spaish speaking?
¿ #TDAH includyendo #TDAHenAdultos e #Hispano parlante ?

Recursos en español - CHADD https://chadd.org/understanding-adhd/recursos-en-espanol/

#Salud #SaludMental #Health #MentalHealth | #Spanish #Español