SmallWeb

aral, (edited )
@aral@mastodon.ar.al avatar

:kitten: Say hello to the new Kitten web site! 🎉

https://kitten.small-web.org

Like Kitten itself, it’s a baby but will be evolving quickly as they approach API version 1 together.

Enjoy!

💕

PS. Of course it’s written in Kitten itself. It doesn’t do anything fancy but here’s the source code if you’re interested: https://codeberg.org/kitten/site

aral,
@aral@mastodon.ar.al avatar

Quick heads up: Kitten’s installer/downloads will be offline for a few minutes as I recreate kittens.small-web.org (the site that new Kittens are deployed to when they’re born) as it was originally on Ubuntu and sites deployed by Domain are now using AlmaLinux. Also, I am setting Kitten’s API version to 0 (it was initially set to 1) to signal that it is prerelease. When the version is back to 1 it will be because API version 1 is stable.

:kitten:💕

#Kitten #SmallWeb

aral,
@aral@mastodon.ar.al avatar

Well damn, that was a bit more than a few minutes…

So tell me kids, what happens when you nuke the Kitten distribution site, itself powered by Kitten, then try to redeploy it using Domain, which installs Kitten from… ah, yes, you guessed it… the Kitten distribution site… the one you just nuked!

🤦‍♂️

Then, you realise you hadn’t updated the site to run on the latest Kitten with breaking changes…

🤦‍♂️🤦‍♂️

So one manual server setup + one app update later, everything is back up and running.

:awesome:👍

aral,
@aral@mastodon.ar.al avatar

PS. If you’re wondering what Kitten and Domain are:

They’re the little tools I’m working on to make the Small Web¹ a thing that exists.

¹ https://ar.al/2020/08/07/what-is-the-small-web/

#SmallWeb #Kitten #Domain #web #dev #tools

aral,
@aral@mastodon.ar.al avatar

🎉 You can now use components and fragments in your Markdown pages in Kitten.

Following on from yesterday’s Markdown pages feature, you can now import components and fragments and use them in your Markdown pages to add dynamic functionality (similar to how it works in mdx but without using JSX).

(The “SCARY” text in the screencast is being randomly animated by a component.)

Enjoy!

:kitten:💕

#Kitten #SmallWeb #Markdown #components #fragments #mdx

Screencast: On the right, a browser with the Kitten Persistence tutorial page demonstrating the word Scary being animated by a component called Scary that is imported from the front matter of a Markdown page, an excerpt of which is shown in an editor on the left: --- layout: ../Tutorials.layout.js imports: - import Scary from './Scary.component.js' title: Persistence description: Learn how to persist information using Kitten’s build-in JavaScript Database (JSDB) topics: - Persistence. - JavaScript Database (JSDB). - The Kitten CLI’s

aral,
@aral@mastodon.ar.al avatar

Posting a screencast to notice a typo FTW! doh!

  • built-in, not build-in (in the tutorial body text, now fixed) :)
aral,
@aral@mastodon.ar.al avatar

So Kitten’s build process (i.e., the time it takes to build Kitten itself) takes ~0.7 seconds on my ~1 year old desktop (Ryzen 7 5700G 3.8Ghz) vs ~1.4 seconds on my ~3-year-old Starlabs LabTop (renamed to the Starbook thanks to a suggestion by yours truly but sadly, not quickly enough).

So, in summary, it’s bloody fast for something that results in a ~9MB bundle.

(And that’s all thanks to esbuild.)

https://codeberg.org/kitten/app

#Kitten #SmallWeb #build #performance #web #dev #esbuild #NodeJS #JS

ryanprior,
@ryanprior@mastodon.social avatar

@aral where does the 9MB live? What's the payload size delivered to the client?

aral,
@aral@mastodon.ar.al avatar

@ryanprior Nope, that’s the app server. It lives on your server.

aral, (edited )
@aral@mastodon.ar.al avatar

A little detail in the latest #Kitten:

I find #NodeJS deprecation warnings hit the sweet spot between jarring enough to be annoying and not informative enough to be useful.

So, in Kitten, the first time you hit a deprecation warning, you get a message telling you there are deprecation warnings.

If you care, you can open the interactive shell and view the kitten.deprecationWarnings list, which will show you full details including the stack trace.

:kitten:💕

#SmallWeb #design #layering

thylacoleo,
@thylacoleo@mas.to avatar

@aral

Apologies. I let out my inner redditor for a moment.

aral,
@aral@mastodon.ar.al avatar
aral,
@aral@mastodon.ar.al avatar

Looking forward to presenting my computer science colloquium on Small Web at the University of Groningen, Netherlands, on 11th of June, 2024 at 4PM.

https://www.rug.nl/research/bernoulli/calendar/colloquia/computer-science-oriented/2024/20240611-aral-balkan

There might be space for a few people from outside the university to attend so if you want to drop by, make some noise and I’ll have a chat with the university.

Thanking @mirela for organising this and looking forward to hopefully meeting some of you in the Netherlands soon.

#SmallWeb #groningen #netherlands #web #dev

weirdwriter,
jscholes,
@jscholes@dragonscave.space avatar

@miki A few months back, a British broadcaster trialed a more descriptive, blind-friendly audio stream for a televised rugby match[1]. Of course, they only had the mono, low-bitrate AD channel to use, and presumably couldn't manage the fade values in realtime. So we ended up with US-SAP-style, crappy stadium audio.

[1] https://www.itvmedia.co.uk/news-and-resources/guinness-and-itv-make-sporting-history-by-trialling-live-descriptive-audio-commentary-for-the-guinness-six-nations

@jackf723 @vick21 @weirdwriter

miki,
@miki@dragonscave.space avatar

@jscholes @jackf723 @vick21 @weirdwriter Poland does this somewhat regularly. We get audio description for quite a few football (soccer) matches here. It's quite surprising really, considering the fact that we barely get it for anything else. Soccer is the only thing that gets somewhat regular and consistent AD. The quality is quite crappy, I can't tell you the exact stream parameters but I know who to ask.

mms,
@mms@emacs.ch avatar
mms,
@mms@emacs.ch avatar

@dekkzz76 I agree.

dekkzz76,
@dekkzz76@emacs.ch avatar

@mms

plus even if you downsize your orange cat knows how to rest your phone to raw image size

flamed,
@flamed@social.lol avatar

Playing around with a new homepage layout.

This was always the intention going between my 2022-23 design but for reasons it never eventuated...

It feels good to have a graphical element right there in your face as the page loads again.

Anyway, it's here now, check it out https://flamedfury.com/

#smallweb #webmastery #homepages #blogging

joel,
@joel@fosstodon.org avatar

@flamed the little quote is barely visible, maybe give it a background and make the letters transparent?

aral,
@aral@mastodon.ar.al avatar

Kitten bugfix release:

Please upgrade to the latest release that fixes a regression introduced into sessions object with the latest JSDB¹/JSDF² upgrade:

https://codeberg.org/kitten/app/issues/177

Persisting arbitrary objects to sessions is a supported workflow and this regression broke that.

e.g., See the Kitten Count Sessions example: https://codeberg.org/kitten/app/src/branch/main/examples/kitten-count-sessions/index.page.js

:kitten:💕

¹ https://codeberg.org/small-tech/jsdb#javascript-database-jsdb
² https://codeberg.org/small-tech/jsdb#javascript-data-format-jsdf

tommi,
@tommi@pan.rent avatar

@aral Wonderful! Thanks for sharing! Once these hectic days will be over, I will definitely dive into some testing.

Thanks a lot, have a lovely weekend 💕🍉🚀

aral,
@aral@mastodon.ar.al avatar

@tommi You too, Tommi :)

:kitten:💕

ttntm,
@ttntm@fosstodon.org avatar

Wanted: personal websites (with curated collections of bookmarks/links to other websites) or link directories that are titled anything starting with the letters "W", "X" or "Z".

Why? To complete the alphabet, of course!
(in terms of the bukmark.club's directory index)

Boosts are much appreciated!

#SmallWeb #indieweb #directory

ttntm,
@ttntm@fosstodon.org avatar

@robb Much appreciated, thanks!

Here's the URL, just in case: https://bukmark.club

robb,
@robb@social.lol avatar

@ttntm Added 👍

aral,
@aral@mastodon.ar.al avatar

New Video – Kitten features introduced this week:

• Interactive Shell (REPL)
• Multi-page Settings
• Backup and restore (data portability)

With examples that cover components and Kitten’s built-in JavaScript database (JSDB).

https://ar.al/2024/05/23/new-kitten-features-interactive-shell-repl-multi-page-settings-and-backup-and-restore-data-portability/

:kitten:💕

#Kitten #SmallWeb #SmallTech #web #dev #JavaScript #HTML #database #JSDB #components #settings #dataPortability #REPL

aral,
@aral@mastodon.ar.al avatar

So! Many! Kittens!

(Going to record a demo of the new interactive shell – REPL to some – and multi-page Settings this afternoon, just planning it out now.)

Oh and is that me creating and calling web routes interactively in the REPL on a live server? Why yes, yes it is.

:kitten:💕

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

jpfox, French
@jpfox@m.g3l.org avatar

L'envie d'un web plus simple

Depuis quelques années, une partie de la communauté internet se tourne vers des solutions plus simples et moins gourmandes en ressources, en réaction à ce que beaucoup considèrent comme l’« » progressive du web. Le protocole a émergé comme une réponse prometteuse à ce besoin, mais après l’enthousiasme initial, une certaine désillusion semble s’installer [...]

https://jpfox.fr/posts/envie-d-un-web-plus-simple/

dvd,
@dvd@mamot.fr avatar

@L_Alchimiste_com

Ce qui me plaît dans #gemini , c’est que l’auteur n’a pas à se soucier du design et peut se concentrer sur le contenu.

Le design, c’est l’affaire du visiteur qui peut, au choix, opter pour le minimalisme en lisant les pages dans un terminal, ou s’offrir un affichage sur mesure en configurant aux petits oignons un client Gemini comme Lagrange.

Là, ce n’est plus « orienté sur le lecteur » mais décidé par le lecteur. 😉

@jpfox

dvd,
@dvd@mamot.fr avatar

@ploum

Je suis d’accord à 1000 %.

@nitot @bortzmeyer @jpfox

aral,
@aral@mastodon.ar.al avatar

Code drunk, debug sober. Bah! Just fixed three bugs after a pint of Tundra.

(This is in no way meant to be role model behaviour. There just happens to be a lovely pub by the seashore in Bray where you can sit outside and it’s a nice distraction in the evenings when the weather is good and I don’t feel I’ve done enough in the day* and need a change of scene.)

  • It doesn’t help that I never think I’ve done enough in the day. 🤷‍♂️

aral,
@aral@mastodon.ar.al avatar

@JohannaMakesGames Haha, indeed. (Or is it worse if you’re ok the day after?) :)

Yeah, I know. And I think I’m way better than I was. I’ve convinced myself that some day you do a little, some days more, and the most important thing is to keep making progress. Harder when sometimes it feels like absolutely no one on the planet gives a single damn what you’re making but, hey, it’s the road I’ve chosen apparently. Better than being applauded from all sides for mediocrity, that’s for sure :)

aral,
@aral@mastodon.ar.al avatar

@JohannaMakesGames * some days, even (yeah, I know) :)

  • All
  • Subscribed
  • Moderated
  • Favorites
  • SmallWeb
  • DreamBathrooms
  • mdbf
  • ngwrru68w68
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • osvaldo12
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • InstantRegret
  • tacticalgear
  • anitta
  • ethstaker
  • modclub
  • cisconetworking
  • tester
  • GTA5RPClips
  • cubers
  • everett
  • megavids
  • provamag3
  • normalnudes
  • Leos
  • JUstTest
  • lostlight
  • All magazines