Notices tagged with web

Um site que estiiiiiiica emojis.

https://manualdousuario.net/site-que-estica-emojis/

#Emoji #LinksLegais #Web

New Kitten release

• Socket routes now have precendence in the router.

This stops wildcard page routes from capturing the default socket routes that Kitten creates to enable the Streaming HTML workflow.

e.g., Previously, the following route:

/videos/index_[slug].page.js

Could not connect to its default socket (/videos/default.socket) because default.socket would be captured by the [slug] parameter.

Now, it will work as intended as the /videos/default.socket (a socket route) has precendence over index_[slug].page.js (a page route).

Learn more about Kitten’s Streaming HTML workflow here:
https://kitten.small-web.org/tutorials/streaming-html/

Enjoy!

:kitten:💕

#Kitten #SmallWeb #SmallTech #StreamingHTML #routing #NodeJS #web #dev #JavaScript #JS

Em 2022, Slow Roads apareceu com uma proposta livre, leve e solta para jogos de corrida: apenas dirija em cenários agradáveis gerados dinamicamente, rodando suave no navegador web. Um belo “cozy game”. Slow Roads 2.0, refeito do zero, conta com árvores 3D, efeitos de iluminação e texturas melhorados e suporte a celulares. Já dá para jogar no navegador e, em breve, no computador — está listado no Steam.

https://manualdousuario.net/slow-roads-2/

#Games #LinksLegais #Web

Quando soube da venda e encerramento do Omnivore, conversei com o Renan para ofereceremos uma alternativa a ele no PC do Manual. Pesquisamos várias, testamos algumas, acabamos com o Wallabag, que passa a ser disponibilizado a assinantes do Manual.

https://manualdousuario.net/wallabag-pc-do-manual/

#Aplicativos #FOSS #PCDoManual #Web

Anyone have a good brand guide [TEMPLATE] consideration for front end components ?

#frontend #web #brand

Non-Gecko (Firefox), non-Blink (Chromium) and non-Webkit (Safari) browsers:

Servo
https://servo.org/

Ladybird
https://ladybird.org/

They don't seem ready for use yet though.

#Browsers #DataPrivacy #CyberSecurity #Gecko #Firefox #Chromium #Webkit #Tech #Web #Servo #Ladybird

New Kitten release

• Fixes edge case where the sign in page, if left open for longer than the length of a session, would throw an error on sign-in attempt (because the challenge for the public-key authentication Kitten apps use would have expired alongside).

https://kitten.small-web.org

:kitten:💕

#Kitten #SmallWeb #SmallTech #publicKeyAuthentication #sessions #web #dev #NodeJS #JavaScript

The Camera Panopticon

How did we end up in technofascism? Watch this talk I gave over a decade ago warning of the dangers of Silicon Valley and Big Tech and urging us to embrace alternatives.

https://small-tech.org/videos/the-camera-panopticon/

(Transcript available in English, Español, and Nederlands, thanks to the community.)

#technofascism #BigTech #SiliconValley #startups #InternetOfThings #ventureCapital #web #decentralisation #ethicalDesign #design #diversity #inclusion #accessibility #FOSS #Zuckerberg #tech #society #USA #fascism #EU #theCameraPanopticon

Use Firefox in 2025 https://lobste.rs/s/np4prk #android #browsers #privacy #web
https://alexn.org/blog/2025/03/03/use-firefox/

What’s one ‘tiny’ browser feature that makes a huge difference in your day? 🤔

#Browsers #Apps #Vivaldi #Web #Browser

New Kitten Release

• Automatic message routing: if the element that triggers an event on the client does not have a `name` attribute, Kitten now falls back to using its `id` instead to route the event to the correct server-side event handler on your live Kitten pages. If neither attributes exist, Kitten will fail to route the message but no longer crash as it was due to a regression introduced when I implemented support for colons in element names (a colon in an element name is ignored for message routing purposes, letting you, for example, give unique names to <details> elements, allowing more than one to be open at a time, while having their events be handled by the same handler).

https://kitten.small-web.org

For more details on Kitten’s live pages and automatic message routing, please see the Streaming HTML tutorial:
https://kitten.small-web.org/tutorials/streaming-html/

Enjoy!

:kitten:💕

#Kitten #SmallWeb #SmallTech #web #dev #JavaScript #HTML #CSS #hypermedia #htmx #WebSocket #beautifulDefaults #StreamingHTML

One more GNOME website refreshed!

https://os.gnome.org/

#gnome #web #gnomeos

New Kitten release

• Change: Add Kitten’s own routes (that every Kitten app inherits) for the Small Web protocol namespace (/💕) as well as for Kitten’s reserved namespace (/🐱) first, before app-specific routes so that a wildcard route in the form, e.g., [anything]_[anythingElse].get.js won’t lock you out of the Settings site for your app (at /🐱/settings).

https://kitten.small-web.org

Enjoy!

(To update, run `kitten update` from your terminal on your development machine or manually update deployment servers from /🐱/settings/kitten/ or just wait a few hours for them to update automatically. You can also just run the installation command again.)

#Kitten #SmallWeb #SmallTech #routing #web #dev

New Kitten release

• Fixes redirection from sign-in page when person is already authenticated.

https://kitten.small-web.org

To learn more about how Kitten automatically implements authentication for your Small Web sites and apps using public-key cryptography (so even your own server doesn’t know your secret)¹, please see the Authentication tutorial:

https://kitten.small-web.org/tutorials/authentication/

Enjoy!

:kitten:💕

¹ The security (and privacy) of Domain/Kitten are based on a 32-byte cryptographically random secret string that only the person who owns/controls a domain knows.

This is basically a Base256-encoded ed25519 secret key where the Base256 alphabet is a set of curated emoji surrogate pairs without any special modifiers chosen mainly from the animals, plants, and food groups with some exceptions (to avoid common phobias or triggers, etc.) that we call KittenMoji.

…

When setting up a Small Web app via Domain, this key is generated in the person’s browser, on their own computer, and is never communicated to either the Domain instance or the Kitten app being installed. Instead the ed25519 public key is sent to both and signed token authentication is used when the server needs to verify the owner’s identity (e.g., before allowing access to the administration area).

The expected/encouraged behaviour is for the person to store this secret in their password manager of choice.

More: https://kitten.small-web.org/reference/#cryptographic-properties

#Kitten #SmallWeb #SmallTech #authentication #publicKeyCryptography #web #dev #NodeJS #JavaScript #HTML #CSS

Dustin Brett passou quatro anos criando um sistema operacional dentro do navegador web. E não é que funciona bem? Até no celular. Ele fez um vídeo de meia hora falando da sua façanha (que ainda não vi).

https://manualdousuario.net/daedalos-so-dentro-navegador-web/

#LinksLegais #Web

New Kitten release

• Fixes issue with routes where dynamic routes with file names that had more than two extensions were not recognised as the correct type of route. e.g., A route called index.xml.get.js would previously have been treated as a static route instead of a dynamic GET route.

https://kitten.small-web.org

For more details, see the Valid File Types section of the Kitten reference¹ and the Dynamic Pages tutorial².

Enjoy!

:kitten:💕

¹ https://kitten.small-web.org/reference/#valid-file-types
² https://kitten.small-web.org/tutorials/dynamic-pages/

#Kitten #SmallWeb #server #framework #kit #SmallTech #routing #NodeJS #JavaScript #HTML #CSS #htmx #WebSocket #hypermedia #StreamingHTML #web #dev

New Kitten release

• You can now use key paths in the names of your client-side live components and these will automatically be transformed into object hierarchies for you.¹

• Self heals zombie live pages (see Streaming HTML workflow²) if they return to life due to client-side browser cache.³

• Removes htmx⁴ headers from `data` property into separate `header` property in Kitten Page events and the data your Kitten Page message handlers receive.

• Automatically passes references to the live page object (if any) and the request and response objects to the layout templates of Markdown pages⁵ (so you can, for example, check is `request.session.authenticated`⁶ is true from the your layout template and customise the layout accordingly.

https://kitten.small-web.org

Enjoy!

:kitten:💕

¹ e.g., See https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L356 (markup) and https://codeberg.org/small-tech/site/src/branch/kitten/admin%F0%9F%94%92/news/index_%5Boptional-postId%5D.page.js#L173 (handler) and https://codeberg.org/small-tech/site/src/branch/kitten/app_modules/database/database.js#L95 (model class method).

² See Streaming HTML tutorial: https://kitten.small-web.org/tutorials/streaming-html/ (There’s actually more to it now but I haven’t had a chance to document the new class-based and event-driven live page workflow yet. It’s experimental but working very well for me so far so I will do so shortly.)

³ When a person leaves a live/connected page (a page connected to its default web socket), we clean up and remove that live page from memory. However, browsers being what they are, cache the page on the client. If a person uses the back/forward buttons to return to the page, the browser will serve the cached source from memory, which has the old page ID, for the page that no longer exists in Kitten’s memory. So now we have a problem. The only way to recover from this is to tell the page to reload itself. So we accept the WebSocket connection, send a command to the page for it to reload itself, and then close the socket. That makes the stale page self heal by replacing itself with a fresh one. Yay, go us!

⁴ https://htmx.org
⁵ https://kitten.small-web.org/reference/#markdown-pages-page-md-files
⁶ See Session tutorial: https://kitten.small-web.org/tutorials/sessions/

#Kitten #SmallWeb #SmallTech #StreamingHTML #WebSocket #HTMX #Markdown #sessions #data #web #dev #JavaScript #HTML

😺 Fun Kitten¹ fact

Did you know that Kitten has a built-in HTML validator that checks your markup for validity and accessibility issues, etc.?

You’re informed of validation errors in not just terminal but also in your browser’s web developer panel. And, if you select the “Show validation issues on page” link from a validation error in the web developer panel, Kitten will show the validation errors in place on your page.

This helps me catch issues with my markup all the time and I hope it helps you too.

Enjoy!

:kitten:💕

¹ https://kitten.small-web.org

#Kitten #SmallWeb #HTML #HTMLValidator #validation #web #dev #SmallTech #NodeJS #JavaScript #CSS

New Kitten release

• Adds `bodyClass` attribute to `<page>` tag for specifying the class attribute on a page body.

https://kitten.small-web.org/tutorials/dynamic-pages/#the-page-tag

Enjoy!

:kitten:💕

#Kitten #SmallWeb #SmallTech #web #dev #JavaScript #NodeJS