Today I learned that Safari can’t understand compound extensions in the accept attribute of file inputs.

So, for example…

<input
type="file"
accept=".kitten.databases.tar.gz"
>

… fails. So you have to do:

<input
type="file"
accept=".gz"
>

(Which, of course, opens the person up to more chances of selecting the wrong file.)

🤷‍♂️

#Safari #web #dev #limitation

This is a very neat trick to unset max-height when an HTML element with resize='vertical' set in CSS is resized. So you can have elements initially displayed with a max-height but then resized beyond it:

https://stackoverflow.com/a/60286469

(Should work as is for resize='block' and with the selector tweaked to use "width" for horizontal/inline.)

#web #dev #tip #CSS #resize #maxHeight

Little web dev tip: if you have just one address field in your HTML form (e.g., a textarea) but you still want the person filling it in to avail themselves of autocomplete, here’s a little reusable snippet you can use to achieve that:

https://codeberg.org/aral/gists/src/branch/main/single-html-address-field-with-autocomplete-using-javascript.md

(Ideally the web spec should be extended to include a full-address value for the autocomplete attribute.)

#HTML #autocomplete #JavaScript #address #web #dev #tip #code

gists/single-html-address-field-with-autocomplete-using-javascript.md at main

gists - A place for me to post and share small, self-contained code snippets.

^Codeberg.org

This is a niche one and will likely not affect any of the (three?) people playing with Kitten¹ right now but, in any case:

If you persist custom types to your Kitten database, you might be hit by this bug that was introduced when I released versions of Kitten with minified identifiers.

I briefly wrote about what happened, how you can identify if you’re affected, and how you can fix it here:

https://codeberg.org/kitten/app/issues/160#issuecomment-1775375

¹ https://codeberg.org/kitten/app

#SmallWeb #Kitten #web #dev #JSDB #JavaScript

app

A web development kit that’s small, purrs, and loves you.

^Codeberg.org

(If you’re wondering why the repository was 176MB to begin with, it’s because I was initially deploying from the /dist folder in the repository. But since then I created a special deployment site for Kitten and now Kittens come from, well, where else but https://kittens.small-web.org.)

💕

PS. It takes me ~3.5 seconds to build and deploy a new version of Kitten so its common for there to be multiple new versions in a day. Run `kitten update` to get the latest.

#SmallWeb #Kitten #web #dev

If you’re working on Kitten¹ from source, please clone a fresh copy.

I just rewrote history to reduce the repository size (correctly this time, including all references from branches, tags, etc.).

The good news is that – contrary to what the Codeberg interface is currently showing the size to be (176MB) – the repository is only about 5MB now so it should only take a couple of seconds to clone.

Related issue: https://codeberg.org/Codeberg-e.V./requests/issues/182

💕

¹ https://codeberg.org/kitten/app

#Kitten #dev #git

Manual garbage collection request

Hi there, I just pruned a large amount of data from the [Kitten repository](https://codeberg.org/kitten/app) – bringing the size down from ~167MB to ~3.6MB (I was deploying the bundles to the repository at the start to keep things simple).

^Codeberg.org

I’ve been looking for an ngrok alternative for a while now that’s (a) affordable (b) easy to use and (c) works with Kitten¹. Today, after testing a bunch of them again and getting fed up, I found LocalXpose that checks all the boxes.

I signed Small Technology Foundation up as an affiliate so if you use this link to check it out, we’ll get 40% of your $6/mo pro account fee should you subscribe:

https://localxpose.io/?via=kitten

¹ https://codeberg.org/kitten/app

#ngrok #LocalXpose #Kitten #SmallWeb #web #dev

app

A web development kit that’s small, purrs, and loves you.

^Codeberg.org

Love #Mastodon and want to see it thrive? Consider donating or becoming a sponsor. Money goes a long way to help the Mastodon team build the features you want.

💜🐘🤗

https://joinmastodon.org/sponsors

#Fediverse #Donate #Dev #ActivityPub

Donate to Mastodon

View people and companies who crowdfund the development of the decentralized, open-source social media platform Mastodon.

^{joinmastodon.org}

And this was last year, Kitten has come a long way since then…

Check out the new Streaming HTML workflow:

https://ar.al/2024/03/08/streaming-html/

And how it made it possible to build Draw Together in less than 60 lines of code:

https://ar.al/2024/03/26/draw-together/

Wishing you a lovely conference this year :)

#SmallWeb #Kitten #web #dev #SmallTech #StreamingHTML

Streaming HTML

Sorry, your browser doesn't support embedded videos. But that doesn’t mean you can’t watch it! You can download the video and watch it with your favourite video player. Building the Streaming HTML counter example.

^{Aral Balkan}

Just improved the display of error messages in Kitten¹.

They should be far more robust now.

Run `kitten update` to get the latest.

💕

¹ https://codeberg.org/kitten/app

#Kitten #errorMessages #stackTrace #web #dev #JavaScript #nodeJS