Take two :)

Not perfect but I might roll with this one.

vimeo.com/1212755053

#Kitten #KittenCounter #SmallWeb

kitten-counter-july-24-2026

This is "kitten-counter-july-24-2026" by Small Technology Foundation on Vimeo, the home for high quality videos and the people who love them.

^Vimeo

TL; DR: This is all the code you need in Kitten¹ to make a *persisted* counter that streams interface updates to the browser. (Put it into a file called index.page.js in a folder all by itself and run `kitten`.)

Add the following two lines inside the `<main>` tag, if you also want it to look good:

```html
<page css>
<style inline>@scope { div { font-size: 3em; } }</style>
```

¹ kitten.small-web.org

#Kitten #SmallWeb #SmallTech #web #dev #HTML #CSS #JavaScript

So I’m updating the Kitten documentation, tutorials, videos, etc., in preparation for the major (breaking change) release I’ve been working on for the past few months and, as part of that, I had to set up my streaming/recording setup again as the layout of my room changed and I recorded an updated Kitten Counter video yesterday in which I made every mistake I could in 12 minutes (so I’ll be recording it again). But here it is a a preview (and also to show that no, none of us gets it right the first time. Any polished video you see is the result of meticulous planning and multiple iterations) :)

(This video doesn’t show the new stateful components. I will be recording new videos about that.)

vimeo.com/1212264139

#Kitten #SmallWeb #SmallTech #web #dev #HTML #CSS #JavaScript

A demonstration of how to build a simple counter using the latest Kitten

In this example, we build a simple counter with an increment and decrement button and wire it up to Kitten’s built-in JavaScript Database (JSDB).

^Vimeo

Ooh, I just came across W, a lightweight CMS which lets you run a wiki-based website on ordinary shared hosting (being written in PHP, with a flat-file database). And the CMS has a responsive layout for editing on mobile!! And you can hand-code your website's layout instead of it coming with some default template that's really hard to meaningfully change. And it works without Javascript!! I kinda want to migrate my site (which I've barely touched at all this year, lol) to this software now.

#SmallWeb

Pagecord now supports the <details> element if you publish via the API / CLI / Obsidian (which you should totally try)

blog.pagecord.com/collapsing-t…

#blogging #indieweb #smallweb #indiedev #buildinpublic

Collapsing the details - Pagecord Updates

If you publish to Pagecord by writing HTML or Markdown, whether through the CLI, the API, or Obsidian, you can now add collapsible sections to your posts...

^{Pagecord Updates}

THERE IS AN ANSWER! #Invidious

THE ANSWER is using #Invidious filtered links in your posts. (Add the YouTube link as 2nd link / backup) - e.g.

1/ redirect.invidious.io/watch?v=…

2/ youtube.com/watch?v=yHoLopZSYJ… (original

#SmallTech and the #SmallWeb.
#AralBlakan

-----------------------------

1/ Invidious loads AND #filters out the #bad from the page

2/ youtube.com google has all the #tracking and #harvesting - so it's good to filter it out with invidious links first / main method of defence.