Create accountLogin

Recent searches

No recent searches

Search options

Not available on socel.net.
socel.net is one of the many independent Mastodon servers you can use to participate in the fediverse.
Socel is a place for animation professionals, freelancers, independents, students, and fans to connect and grow together. Everyone in related fields are also welcome.

Administered by:

Server stats:

315
active users

socel.net: AboutProfiles directoryPrivacy policy

Mastodon: AboutGet the appKeyboard shortcutsView source codev4.3.7

#dev

31 posts26 participants0 posts today
Public
Ana Tudor 🐯

Someone asked how to create such cross-browser wave dividers that keep the same height as the width changes, so here's my take on it reddit.com/r/css/comments/1kcm

Live on @codepen codepen.io/thebabydino/pen/Pww

`mask` is another option, but needs an extra container and container query units, so not as well supported, plus it wouldn't be exactly the same shape.

GIF
#CSS#clipPath#cssClipPath
Public
Aral Balkan

New Kitten Release 🥳

kitten.small-web.org

(Run `kitten update` to update your dev machines. Production machines will automatically update in a couple of hours.)

• You can now add a generic script block to your markdown pages (see mastodon.ar.al/@aral/114432417)

• Markdown pages can now be `KittenPage` instances and attach `KittenComponent` instances (so you get a full server-side component hierarchy with an event-based workflow; ideal for authenticated pages where you can be use only the author of the page will be accessing them and thus the additional memory and processing overhead are not issues. Isn’t the Small Web great? Only having instances of one makes it possible to optimise so many things for the human experience instead of vertical scale of the data farming machine.)

• Two new examples showcase the new features: codeberg.org/kitten/app/src/br and codeberg.org/kitten/app/src/br

• Attributes with object values are no longer serialised into the DOM (but your components’ render functions will continue to receive them, of course.) This is because only string values make sense for attributes in the context of the HTML DOM. (You can still, of course, have stringified representations of objects in attributes, as used by the `data` attribute to pass data from nodes to event handers on the server.)

kitten.small-web.orgKitten: Home
#Kitten#SmallWeb#SmallTech
Continued thread
Public
Aral Balkan

Oh, and here’s what it looks like if you use Kitten’s class-based pages and components instead.

(You can have the event handling encapsulated on the component itself. Kitten automatically bubbles events up the component tree on the server side.)

Screenshot of page in browser, as described in previous post apart from expanded/different copy: Hello! This is a markdown page that’s an instance of the KittenPage class. As such, you can connect Kitten components (subclasses of KittenComponent) to it that can handle their own events themselves thanks to Kitten’s automatic event bubbling. Remember that Kitten’s class-based workflow has memory and performance overheads so try and use it only in authenticated routes where only the owner of the site will be accessing your pages and not on pages that you expect might get high amounts of traffic. Reactions Hearts: 4 Confetti: 3 Smileys: 5
Source code of index.page.md: --- title: An interactive markdown page imports: - import Reaction from './Reaction.fragment.js' kittenPage: true --- # Hello! This is a __markdown__ page that’s an instance of the `KittenPage` class. As such, you can connect Kitten components (subclasses of `KittenComponent`) to it that can handle their own events themselves thanks to Kitten’s automatic event bubbling. Remember that Kitten’s class-based workflow has memory and performance overheads so try and use it only in authenticated routes where only the owner of the site will be accessing your pages and not on pages that you expect might get high amounts of traffic. ## Reactions{id=your-reactions} <${Reaction.connectedTo(this)} />
Alt text will be in follow-up post due to arbitrary character limit in Mastodon.
#Kitten#SmallWeb#markdown
Public
f♯ a♯ ∞

Does anyone know if/where i could find a GUI to monitor/manage Symfony messenger async queues?

Like, see how many messages are waiting, or scheduled for later, or failed and why 🤔

Kinda like command line tools but with a UI, i can't seem to find one but i can't believe nobody has done that already 🤷

#dev#symfony#php
Public
Aral Balkan

Coming soon: Generic script blocks in markdown pages in Kitten¹

The line between what you can do from a Markdown page vs what you can do from a JavaScript page in Kitten continues to blur… soon, you’ll be able to add a generic script block to the front matter of your Markdown pages for quick little things.

e.g., In the screenshots you see all the code necessary to create the page with the reactions component which actually persists the results to your data. That is all the code in your app. Nothing else. No scaffolding or anything else. Seriously :)

¹ kitten.small-web.org

Screenshot of simple page with a reactions section showing 20 hearts, 27 confettis, and 26 smiley faces below an introductory paragraph that reads “Hello! While this is a markdown page, I can easily layer interactivity by adding a simple component in a script block.”
Alt text is in next post due to arbitrary Mastodon character limit on alt text.
#Kitten#SmallWeb#markdown
Public
Aral Balkan

New Kitten Release 🥳

• New: Any attributes present in a <markdown> tag are now passed to the first rendered element. (This is useful if you want to add some quick inline styles to a <p> that’s rendered from markdown, etc., but for anything more complicated, you should likely just jump into HTML.)

To learn more about Markdown in Kitten, please see the Markdown reference¹.

Enjoy!

:kitten:💕

¹ kitten.small-web.org/reference

#Kitten#SmallWeb#PeerToPeerWeb
Public
Kerfuffle

Today a developer tried to convince me of a technical approach. We studied the official docs together but it was inconclusive. He asked #chatgpt and it gave an answer that confirmed his approach. When I mentioned there was zero reason to assume chatgpt was correct, he asked it to list sources for its answer. It only came up with the same official docs as its source. #ai #dev

Public
Aral Balkan

New Kitten Release 🎉

kitten.small-web.org

Added:

• Support for local redirects and domain redirects (former will eventually have interface in Settings, latter can be programmatically used or, more likely, will be used via a small app I’m about to release next).

Fixed:

• Event bubbling in class-based Kitten pages and components is now correctly limited to just the event target if the component’s id starts with Kitten’s automatically generated universally-unique ID for the component.

• Fixed regular expression matching Kitten components in Markdown pages so it correctly captures self-closing components when followed by components with slotted content.

• The Kitten-specific trigger() mixin on the client-side WebSocket now correctly adds the contents of the data attribute on the triggering node to the data property received by the server-side event handler. This gives manually-triggered event handlers the same interface as automatically-triggered ones. (Previously it would create a separate `data` object in the received argument.)

Stay tuned for the a small and useful app release later today for web archiving/combatting link rot :)

Enjoy!

kitten.small-web.orgKitten: Home
#Kitten#SmallWeb#PeerToPeerWeb
Public
Patrice

Je suis toujours à la recherche d'un nouveau poste #jechercheunjob , en full remote uniquement. Dans le domaine du #dev #web (junior), création / gestion de sites #WordPress mais j'ai plus d'une corde à mon arc comme vous pouvez le voir sur mon #CV (formateur, rédacteur web, support).

Je suis à l'écoute de toutes propositions, n'hésitez pas à me contacter ou partager à vos contacts.

Merci d'avance ;-)

andre-ani.fr/wp-content/upload

ExploreLive feeds
About