norden.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Moin! Dies ist die Mastodon-Instanz für Nordlichter, Schnacker und alles dazwischen. Folge dem Leuchtturm.

Administered by:

Server stats:

3.4K
active users

#modal

2 posts2 participants0 posts today
Arnd Layer<p><a href="https://mastodon.social/tags/l8n8music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>l8n8music</span></a> … <a href="https://mastodon.social/tags/nowlistening" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nowlistening</span></a> to Inventions &amp; Dimensions (Expanded Edition) by Herbie Hancock (<a href="https://album.link/de/i/715551296" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">album.link/de/i/715551296</span><span class="invisible"></span></a>)</p><p><a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://mastodon.social/tags/PostBop" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PostBop</span></a> <a href="https://mastodon.social/tags/jazz" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>jazz</span></a> <a href="https://mastodon.social/tags/music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>music</span></a><br>This is part 2 of my Herbie Hancock Discography listening project.<br>Apple Music lists it as the 2nd oldest album although Wikipedia lists it as his 3rd.</p>
Leipziger Zeitung<p>Grüne zu den neuen <a href="https://social.anoxinon.de/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a>-Split-Zahlen: Fuß- und <a href="https://social.anoxinon.de/tags/Radverkehr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Radverkehr</span></a> brauchen weiter Rückenwind</p><p><a href="https://www.l-iz.de/wirtschaft/mobilitaet/2025/04/grune-zu-den-neuen-modal-split-zahlen-fuss-radverkehr-ruckenwind-622112" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">l-iz.de/wirtschaft/mobilitaet/</span><span class="invisible">2025/04/grune-zu-den-neuen-modal-split-zahlen-fuss-radverkehr-ruckenwind-622112</span></a><br><a href="https://social.anoxinon.de/tags/Leipzig" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Leipzig</span></a> <a href="https://social.anoxinon.de/tags/Mobilit%C3%A4tswende" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Mobilitätswende</span></a> <a href="https://social.anoxinon.de/tags/Verkehrspolitik" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Verkehrspolitik</span></a> <a href="https://social.anoxinon.de/tags/Fu%C3%9Fverkehr" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Fußverkehr</span></a> <a href="https://social.anoxinon.de/tags/Gr%C3%BCne" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Grüne</span></a></p>
Inautilo<p><a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Development</span></a> <a href="https://mastodon.social/tags/Misconceptions" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Misconceptions</span></a><br>Popping preconceived popover ponderings · Demystifying the HTML ‘popover’ attribute <a href="https://ilo.im/162th4" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162th4</span><span class="invisible"></span></a></p><p>_____<br><a href="https://mastodon.social/tags/Accessibility" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Accessibility</span></a> <a href="https://mastodon.social/tags/Popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Popover</span></a> <a href="https://mastodon.social/tags/Dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Dialog</span></a> <a href="https://mastodon.social/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a> <a href="https://mastodon.social/tags/Browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Browser</span></a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Frontend</span></a> <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.social/tags/ARIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ARIA</span></a></p>
Jakob Miksch<p>I am looking for a lightweight <a href="https://mastodon.social/tags/ui" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ui</span></a> <a href="https://mastodon.social/tags/compontent" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>compontent</span></a> library for <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>react</span></a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nextjs</span></a> , ideally compatible with <a href="https://mastodon.social/tags/tailwind" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwind</span></a> <a href="https://mastodon.social/tags/tailwindcss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tailwindcss</span></a> only with basic components like <a href="https://mastodon.social/tags/dropdown" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dropdown</span></a> <a href="https://mastodon.social/tags/dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dialog</span></a> <a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://mastodon.social/tags/popover" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>popover</span></a> <a href="https://mastodon.social/tags/button" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>button</span></a> <a href="https://mastodon.social/tags/checkbox" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>checkbox</span></a> <br>any tips?</p>
Devine Lu Linvega<p><span class="h-card" translate="no"><a href="https://merveilles.town/@somi" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>somi</span></a></span> okay I think it's time that you learn a little trick about modal. Wanna hop on the <a href="https://merveilles.town/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> room on discord so I can explain it?</p>
Elsental<p><span class="h-card" translate="no"><a href="https://mastodon.social/@urlyman" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>urlyman</span></a></span> I managed to apply your example on my page! Wow! Thank you very much.</p><p>I am trying to apply it on another case but without success.</p><p>I replaced<br>let parent = document.querySelector('<a href="https://shelter.moe/tags/footer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>footer</span></a> &gt; span');<br>by<br>let parent = document.querySelector('<a href="https://shelter.moe/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a>-container &gt; div');</p><p>and</p><p>changeText(parent, 'Powered by', 'New text ');<br>by<br>changeText(parent, 'Your chat display name is what people see when you send chat messages.', 'New text ');</p>
मोक्ष / untrusem ( archived )<p>I am a newcomer to the computing world and an aspiring programmer</p><p>I've been following the rewriting systems paradigm for quite some time, but <span class="h-card" translate="no"><a href="https://merveilles.town/@wryl" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>wryl</span></a></span> wonderful talk taught me the basics, I tried to use modal by following <span class="h-card" translate="no"><a href="https://merveilles.town/@neauoire" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>neauoire</span></a></span> modal article, it is so rewarding. </p><p>It surely can build intuition overtime.</p><p>So Thank you to both of you and also <span class="h-card" translate="no"><a href="https://scalie.zone/@capital" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>capital</span></a></span>, <span class="h-card" translate="no"><a href="https://tech.lgbt/@sakiamu" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>sakiamu</span></a></span> </p><p>Also, Is there community elsewhere than discord that I can join? </p><p>talk - <a href="https://inv.nadeko.net/watch?v=OfnEfFb8yks&amp;t=5169&amp;quality=360" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">inv.nadeko.net/watch?v=OfnEfFb</span><span class="invisible">8yks&amp;t=5169&amp;quality=360</span></a></p><p><a href="https://ieji.de/tags/rewriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rewriting</span></a> <a href="https://ieji.de/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://ieji.de/tags/permacomputing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>permacomputing</span></a></p>
pablolarah<p>🔴🔵🟡 Developing modals using only CSS and the Popover API</p><p>by Daniel Schwarz @mrdanielschwarz at @logrocket </p><p><a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.social/tags/PopoverAPI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PopoverAPI</span></a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webdev</span></a></p><p><a href="https://blog.logrocket.com/developing-modals-using-only-css-popover-api/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">blog.logrocket.com/developing-</span><span class="invisible">modals-using-only-css-popover-api/</span></a></p>
stateful being<p>I was pleasantly surprised that the <a href="https://mastodon.social/tags/release" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>release</span></a> <a href="https://mastodon.social/tags/build" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>build</span></a> of my <a href="https://mastodon.social/tags/Rustlang" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rustlang</span></a> <a href="https://mastodon.social/tags/TUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TUI</span></a> <a href="https://mastodon.social/tags/DAW" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DAW</span></a> is considerably faster than the <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a> build. And, unlike the latter, it does not <a href="https://mastodon.social/tags/glitch" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>glitch</span></a> at low buffer sizes.</p><p>I've just started writing a <a href="https://mastodon.social/tags/command" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>command</span></a> <a href="https://mastodon.social/tags/palette" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>palette</span></a> <a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a>. (Mapped it to <a href="https://mastodon.social/tags/semicolon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>semicolon</span></a>. Could add search on <a href="https://mastodon.social/tags/slash" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>slash</span></a> in the same style, for looking up assets.)</p><p>I want to add a <a href="https://mastodon.social/tags/sample" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>sample</span></a> loader <a href="https://mastodon.social/tags/dialog" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dialog</span></a>, too. But right now there's no way to pass it to the top level object, so I've got to figure out that first.</p>
Xillin (and Ze)<p><a href="https://wryl.tech/projects/modal.html" rel="nofollow noopener noreferrer" target="_blank">Modal</a> to C compiler is continuing to make progress. Gave up on merging registers in the prefix-tree do to how many edge cases there are to handle (and I don't fee like writing a proper optimizer around that).</p><p><a href="https://scalie.zone/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a> <a href="https://scalie.zone/tags/Programming" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Programming</span></a> <a href="https://scalie.zone/tags/Rewriting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Rewriting</span></a></p>
Tim Riemann<p>Gestern und heute habe ich mich mal ein wenig mit <a href="https://mastodon.social/tags/synthesizer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>synthesizer</span></a> beschäftigt. Hauptsächlich weil ich es Leid bin, jedes Mal erst den Rechner zu booten und mein Launchpad anzuschließen, um meine Ideen direkt in der <a href="https://mastodon.social/tags/DAW" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DAW</span></a> zu testen. Irgendwie bin ich beim <a href="https://mastodon.social/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a> <a href="https://mastodon.social/tags/Cobalt8" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Cobalt8</span></a> gelandet und überlege, ob ich mir den kaufe. Hab allerdings gesehen, dass die Firma letztes Jahr in die Insolvenz gegangen ist und die Umstrukturierung gerade erst abgeschlossen wurde. Ob das wohl die richtige Wahl ist?</p>
∴ esoterik ∴<p><span class="h-card"><a href="https://merveilles.town/@neauoire" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>neauoire</span></a></span> good luck! 🤞 i'm back to thinking about exotic number systems for <a href="https://merveilles.town/tags/uxn" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uxn</span></a>, <a href="https://merveilles.town/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a>, hoax, etc.</p>
∴ esoterik ∴<p>finding rational approximations of pi using <a href="https://merveilles.town/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a>, no big deal</p>
Xillin (and Ze)<p>With some more effort and being smarter about my rules, rewrite output length, and properties of 2D sand, I can run a 128x128 sand box in real time.</p><p><a href="https://scalie.zone/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a></p>
Devine Lu Linvega<p>First pixels ever drawn from <a href="https://merveilles.town/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a>, a string rewriting system.</p><p>The only way to program this strange computer is by defining rules that replace lengths of text in a source file.</p><p><a href="https://wiki.xxiivv.com/site/modal" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="">wiki.xxiivv.com/site/modal</span><span class="invisible"></span></a></p>
Xillin (and Ze)<p>Conway's Game of Life in the newest version of <a href="https://scalie.zone/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a>. Takes heavy advantage of rule deletion to simulate a 2D grid.</p>
max22-<p>When your <a href="https://mastodon.xyz/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> implementation starts to take shape just before dinner time :)<br>i can interpret nested lists (not registers yet)</p>
Devine Lu Linvega<p>Fizzbuzz in <a href="https://merveilles.town/tags/Modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Modal</span></a>, but first you have to invent the concept of numbers.<br><a href="https://git.sr.ht/~rabbits/modal/tree/master/item/examples/fizzbuzz.modal" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">git.sr.ht/~rabbits/modal/tree/</span><span class="invisible">master/item/examples/fizzbuzz.modal</span></a></p>
(wryl)<p><a href="https://mastodon.social/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a> on a micro-controller would be fascinating. <span class="h-card" translate="no"><a href="https://merveilles.town/@neauoire" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>neauoire</span></a></span> has built the C implementation to fit in a static memory footprint.</p><p>If GPIO registers were added, we could do some clever things..</p><p>&lt;&gt; (blink LED ?n) (blink/w ?n (toggle pin ?n))<br>&lt;&gt; (blink/w ?n ()) (blink LED ?n)</p><p>&lt;&gt; (toggle pin ?n) (toggle/q (pin state ?n))<br>&lt;&gt; (toggle/q (pin ?n low)) (set pin ?n high)<br>&lt;&gt; (toggle/q (pin ?n high)) (set pin ?n low)</p><p>blink LED 0<br>blink LED 1<br>blink LED 2<br>blink LED 3</p>
∴ esoterik ∴<p>here's the current version of binary arithmetic on natural numbers in <a href="https://merveilles.town/tags/modal" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>modal</span></a>:</p><p><a href="https://paste.sr.ht/~d6/92210f8df9c7fe2045fded40798ecd94fa5c632d" rel="nofollow noopener noreferrer" target="_blank"><span class="invisible">https://</span><span class="ellipsis">paste.sr.ht/~d6/92210f8df9c7fe</span><span class="invisible">2045fded40798ecd94fa5c632d</span></a></p><p>supports:<br>- comparison<br>- addition/subtraction<br>- summation<br>- multiplication/division/remainder<br>- exponentiation<br>- gcd/lcm</p><p>still some rough edges but it works well for fairly large numbers. on my machine it takes about 33s to compute 13^13; there is still a lot of room for optimization.</p>