Créer un compteSe connecter

Recherches récentes

Aucune recherche récente

Options de recherche

Disponible uniquement lorsque vous êtes connecté.
pouet.chapril.org est l'un des nombreux serveurs Mastodon indépendants que vous pouvez utiliser pour participer au fédiverse.
Chapril https://www.chapril.org est un projet de l'April https://www.april.org

Administré par :

Statistiques du serveur :

1,1K
comptes actifs

pouet.chapril.org: À proposAnnuaire des profilsPolitique de confidentialité

Mastodon: À proposTélécharger l’applicationRaccourcis clavierVoir le code sourcev4.3.7

#SmallWeb

20 messages18 participants1 message aujourd’hui
Public
Aral Balkan

New Kitten feature: Icons!

You can now make use of a subset of the icons in the Phosphor icons set by @minoraxis and @rektdeckard.

kitten.small-web.org/reference

Search through them in your editor by referencing `kitten.icons.categories` and `kitten.icons.tags`.

Add this to a file called index.page.js and run `kitten` to see a large duotone pink cat (because why not?):

export default function () {
return kitten.html`
<${kitten.icons.c.Cat}
size=40%
weight=duotone
colour=deeppink
/>
`
}

(And yes, the set includes icons for the fediverse. This one of the reasons I chose it.) ;)

Enjoy!

:kitten:💕

Screenshot of the all icons example at the end of this section showing the icons sorted alphabetically and rendered in duotone deep pink. The icons starting with a and b are visible in the browser.
#Kitten#SmallWeb#SmallTech
Suite du fil
Public
Aral Balkan

👆 Sorry, life got in the way; just deployed this but I haven’t had a chance to document it properly yet. I’ll make a proper announcement when I do.

Also, you can now use the `delete` attribute on a DOM node/Kitten component you’re streaming back from the server to have it removed from the DOM on the client. It’s syntactic sugar for hx-swap-oob='delete' in htmx.

kitten.small-web.org

#Kitten#SmallWeb#icons
Public *
Aral Balkan

Coming tomorrow to Kitten… Kitten icons!

Kitten will have built-in support for the Phosphor icons set with full authoring-time language intelligence where you can search for icons via category and tag (in addition to the canonical alphabetical categorisation).

Thought this was going to take me a few hours but it took a few days thanks to running into issues with size limits, type inference from JavaScript types in modules, etc., with the TypeScript language server but I believe I’ve finally cracked it :)

:kitten: 💕

Screenshot of detail of a Kitten template open in a code editor. Author is editing Kitten component reference in a markdown block, within a H2 header. The caret is at <${kitten.icons.tags. and the autocompletion box is open showing a list of possible fields: a11y, accessibility, accessible, accomodations, account, accounts, accuracy, acrobat, activity, add. The reasty of the line of code reads } weight=duotone size=1.5em/>
#Kitten#SmallWeb#icons
Public
Ruben Verweij
I had a lot of fun in the last few weeks with rebuilding my website and adding new content to it. It was / is a nice distraction from my health issues. To "celebrate" the birth of the new website, I wrote my take on the "Blog Questions Challenge":

https://kedara.eu/blog/2025/04/blog-questions-challenge/

I'm very grateful to all those great people with fun personal websites who inspired me to bring my own site back to life. There are too much to list, but special thanks to @shellsharks @brentdev @benji @anarodrigues for inspiring me. It's a bit early for #FollowFriday but consider these my contributions for next Friday and of course, check out their websites!

#indieweb #smallweb #blog #BlogQuestionsChallenge
kedara.euBlog Questions ChallengeKedara is a website by Ruben Verweij on a wide variety of subjects. These are mainly notes to self on topics that interest me. My interests include Yoga, Sanskrit, homegrown food & Permaculture, music, photography and all things nature and weather.
#blogquestionschallenge
Public
Emily Moran Barwick

Hi. I'm terrified.

I've been trying to make my own space on the web for years. And I've been stuck. Badly.

But today is my birthday. And I refuse to let another year pass without putting something—anything—out there.

So here it is in all its messy glory. My first post on my barely-there #website: fromemily.com/hi-im-terrified/

It's not great. But it's okay...enough.

And I hope it means something to someone.

@actuallyautistic

...from Emily Moran BarwickHi. I'm Terrified, Creatively Constipated, and Existentially Angsty as Fuck. And I'm Judging Every Word of This Post. And It's Not What I Want it to Be.The very first post on my okay enough website. And it's...fine.
#SmallWeb#ActuallyAutistic#ActuallyADHD
Public
Emily Moran Barwick

Hi. I'm terrified.

I've been trying to make my own space on the web for years. And I've been stuck. Badly.

But today is my birthday. And I refuse to let another year pass without putting something—anything—out there.

So here it is in all its messy glory. My first post on my barely-there #website: fromemily.com/hi-im-terrified/

It's not great. But it's okay...enough.

And I hope it means something to someone.

@actuallyautistic

...from Emily Moran BarwickHi. I'm Terrified, Creatively Constipated, and Existentially Angsty as Fuck. And I'm Judging Every Word of This Post. And It's Not What I Want it to Be.The very first post on my okay enough website. And it's...fine.
#SmallWeb#ActuallyAutistic#ActuallyADHD
Public
Britt Coxon

I should probably ask this on my blog, but I have no real poll feature there. So. How do you prefer to encounter links on someone's personal site?

· 11 personnes ·
#IndieWeb#blog#SmallWeb
Suite du fil
Public
Reilly Spitzfaden (they/them)

I hadn't heard of it before, but it turns out there's a style format called XSLT that allows the browser to translate an XML file into HTML with CSS styling for display purposes.

Since my feed is Atom rather than RSS, I had a bit of trouble, but this post was helpful:

andrewstiefel.com/style-atom-x

Andrew Stiefel · How to Style an Atom Feed with XSLT
Plus via Andrew Stiefel
#RSS#Atom#XML
ExplorerFlux en direct
À propos