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

Fucking "app culture" drives me crazy. I got asked to install a mobile app just to look at the itinerary and accommodation information for a trip I'm going on.

Why isn't it just a web page?

So obviously I said "fuck that noise, hold my beer", reverse-engineered the app, and re-implemented it as a web page generator. It does all the same things as the "app" except now there's no tracking, no ads, and you get all the Web's features "for free" (deep links, copy-pasting, search-in-page, printing, works on anything, etc.).

Here's the full story:
🔗 danq.me/your-app-could-have-be…

#appCulture #app #android #web #webPage #openStandards #reverseEngineering

Your ‘App’ Could Have Been a Webpage (so I fixed it for you…)

I was asked to install a mobile app to get access to the itinerary of a trip to Disneyland I'm taking with the kids.

^{Dan Q}

«Open Source — Neues Firefox-Add-on umgeht Alterskontrollen:
Aufgrund vorgeschriebener Altersprüfungen müssen sich immer mehr Nutzer bei Onlinediensten ausweisen. Ein neues Tool soll die Kontrollen austricksen.»

Seit ihr nun auch schockiert wie simpel die Alterskontrolle per JavaScript umgangen werden kann?!?? Nun, es geht nicht um Alterskontrolle & Kinderschutz, sondern es ist Datensammelwut.

🦊 golem.de/news/open-source-neue…

#firefox #web #datensammelwut #addon #opensource #kinderschutz #internet

Today, youtuber dzuma made a video about my age verification bypass browser extension.

And since then, I've got a nonstop influx of people downloading the add-on, and it became the mosr starred one on my GitHub in just a matter of hours!

So, thanks a lot!! Glad I'm not the only one who's annoyed by this!

The video :
youtube.com/watch?v=VBL76_0jD8…

The extension :
github.com/helloyanis/age-veri…

#youtube #video #opensource #foss #firefox #dev #web

GitHub - helloyanis/age-verification-bypass: Extension to bypass age verification on some websites

Extension to bypass age verification on some websites - helloyanis/age-verification-bypass

^GitHub

I tried a few and they all sounded like alt-rock band names 😄

#css #color #html #web