shakedown.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A community for live music fans with roots in the jam scene. Shakedown Social is run by a team of volunteers (led by @clifff and @sethadam1) and funded by donations.

Administered by:

Server stats:

276
active users

#web

39 posts33 participants4 posts today
Hybrid 🐘 Elephant<p>i am looking for a new <a href="https://musicians.today/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://musicians.today/tags/designer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>designer</span></a>.</p><p>one who specialises in <a href="https://musicians.today/tags/wordpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>wordpress</span></a>, doesn't mind taking over an already existing shop, offers me a new design, willing to work with my host provider, and willing to offer me a deal because i'm disabled and on a limited income. special consideration for those located in the seattle area.</p><p>suggestions?</p>
𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕<p>»Aufruhr in der Türkei – Dutzende für Beiträge in sozialen Netzen festgenommen:<br>In der Türkei häufen sich Proteste gegen die Festnahme des aussichtsreichsten Konkurrenten von Staatschef Erdoğan. Die Behörden gehen rigide gegen Kritik vor.«</p><p>Wenn ihr auch sonst weltweit sehen wollt, wie das Internet zugelassen oder/und geblockt wird, ist <span class="h-card" translate="no"><a href="https://mastodon.social/@netblocks" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>netblocks</span></a></span> im Allgemeinen weltweit informatiev.</p><p>🕵️ <a href="https://www.heise.de/news/Tuerkei-Dutzende-Menschen-wegen-ihrer-Beitraege-in-sozialen-Netzen-festgenommen-10323596.html" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">heise.de/news/Tuerkei-Dutzende</span><span class="invisible">-Menschen-wegen-ihrer-Beitraege-in-sozialen-Netzen-festgenommen-10323596.html</span></a></p><p><a href="https://chaos.social/tags/turkei" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>turkei</span></a> <a href="https://chaos.social/tags/netblocks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>netblocks</span></a> <a href="https://chaos.social/tags/freeweb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>freeweb</span></a> <a href="https://chaos.social/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a> <a href="https://chaos.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://chaos.social/tags/kritik" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>kritik</span></a> <a href="https://chaos.social/tags/protest" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>protest</span></a> <a href="https://chaos.social/tags/politik" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>politik</span></a> <a href="https://chaos.social/tags/erdogan" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>erdogan</span></a></p>
𝕂𝚞𝚋𝚒𝚔ℙ𝚒𝚡𝚎𝚕<p>The game does not start now but a new one is there:</p><p>»Cloudflare builds an AI to make life hell for other AIs.<br>Slop-making machine will feed unauthorized scrapers what they so richly deserve, hopefully without poisoning the internet«</p><p>😈 <a href="https://www.theregister.com/2025/03/21/cloudflare_ai_labyrinth/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">theregister.com/2025/03/21/clo</span><span class="invisible">udflare_ai_labyrinth/</span></a></p><p><a href="https://chaos.social/tags/ai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ai</span></a> <a href="https://chaos.social/tags/cloudflare" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cloudflare</span></a> <a href="https://chaos.social/tags/lifehell" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>lifehell</span></a> <a href="https://chaos.social/tags/life" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>life</span></a> <a href="https://chaos.social/tags/hell" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hell</span></a> <a href="https://chaos.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://chaos.social/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a> <a href="https://chaos.social/tags/poisoning" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>poisoning</span></a> <a href="https://chaos.social/tags/hopeful" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hopeful</span></a> <a href="https://chaos.social/tags/itsec" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>itsec</span></a></p>
Mad A. Argon :qurio:<p>Anyone else automatically choose shorter string in <a href="https://is-a.cat/tags/password" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>password</span></a> generator settings when create passwords for <a href="https://is-a.cat/tags/banks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>banks</span></a> or <a href="https://is-a.cat/tags/government" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>government</span></a> <a href="https://is-a.cat/tags/websites" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>websites</span></a> in case they would have some nonsense character limit (not even mentioned in manuals)?</p><p><a href="https://is-a.cat/tags/security" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>security</span></a> <a href="https://is-a.cat/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a></p>
feedle<p>🔁 From our "Digital Crossroads" collection:</p><p>Ghost connects its newsletters to the open web - <a href="https://www.theverge.com/news/632880/ghost-newsletter-blog-fediverse-activitypub-beta-live?ref=feedle.world" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">theverge.com/news/632880/ghost</span><span class="invisible">-newsletter-blog-fediverse-activitypub-beta-live?ref=feedle.world</span></a></p><p>---<br>See other stories like this one here: <a href="https://feedle.world/digital-crossroads" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">feedle.world/digital-crossroads</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a> <a href="https://mastodon.social/tags/socialmedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>socialmedia</span></a> <a href="https://mastodon.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a></p>
TechNewsRo<p><a href="https://mastodon.social/tags/Claude" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Claude</span></a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AI</span></a> gets smarter: it can now search the <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> in real time</p><p><a href="https://technewsro.blog/claude-ai-devine-mai-inteligent-acum-poate-cauta-pe-web-n-timp-real/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">technewsro.blog/claude-ai-devi</span><span class="invisible">ne-mai-inteligent-acum-poate-cauta-pe-web-n-timp-real/</span></a></p>
nycki<p>Site update: posted a draft of the rules to Graph Zendo, the version you can play on a whiteboard. GNU Kory Heath.</p><p><a href="https://nycki.net/zendo/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">nycki.net/zendo/</span><span class="invisible"></span></a></p><p><a href="https://bark.lgbt/tags/looney_pyramids" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>looney_pyramids</span></a> <a href="https://bark.lgbt/tags/icehouse" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>icehouse</span></a> <a href="https://bark.lgbt/tags/zendo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>zendo</span></a> <a href="https://bark.lgbt/tags/boardgames" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>boardgames</span></a> <a href="https://bark.lgbt/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://bark.lgbt/tags/nycki_web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nycki_web</span></a></p>
Rachel E. S. Loesche<p><span class="h-card" translate="no"><a href="https://hachyderm.io/@molly0xfff" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>molly0xfff</span></a></span> <span class="h-card" translate="no"><a href="https://mastodon.social/@brianmerchant" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>brianmerchant</span></a></span> Thank you, belatedly, for being one of the few to ever make clear the meaninglessness of the "Web3" term that was going around for a while.</p><p>To put this out there again, as I figure more clarification on it does not hurt: </p><p>There is the scholarly construct, Web 3.0, and then there is the crypto marketing term "Web3".</p><p>The former, again, is a scholarly construct. The latter, again, is a marketing term, used to hijack clout (from vague associations with the Web 3.0 construct) to push crypto grifts.</p><p>Even Richard Stallman did not seem to understand this, as he for some reason gave a keynote at a "Web3" conference where he was asked about crypto and replied, in essence, "Idk. That's not really my cup of tea."</p><p><a href="https://kolektiva.social/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a> <a href="https://kolektiva.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://kolektiva.social/tags/finance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>finance</span></a> <a href="https://kolektiva.social/tags/words" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>words</span></a> <a href="https://kolektiva.social/tags/grift" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>grift</span></a></p>
Bhante Subharo :xmpp:<p>After mulling over how to use SSL within a LAN in a way that I felt really satisfied with, it took me well over 20 years! Did that ever take a long time.<br><a href="https://c.im/tags/SelfHosting" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SelfHosting</span></a> <a href="https://c.im/tags/TLS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TLS</span></a> <a href="https://c.im/tags/SSL" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SSL</span></a> <a href="https://c.im/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://c.im/tags/infosec" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>infosec</span></a></p>
J 💫 🏴‍☠️ :mets:<p>The Bullshit Web. </p><p><a href="https://pxlnv.com/blog/bullshit-web/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">pxlnv.com/blog/bullshit-web/</span><span class="invisible"></span></a></p><p><a href="https://janerationx.rocks/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://janerationx.rocks/tags/bullshit" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bullshit</span></a></p>
:rss: ARTE Concert<p>De longs cheveux aux pouvoirs magiques, c’est l’histoire d’un Opéra maudit : Samson – ARTE Concert<br><a href="https://www.youtube.com/watch?v=a2aallxhzno" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=a2aallxhzn</span><span class="invisible">o</span></a><br><a href="https://rss-mstdn.studiofreesia.com/tags/youtube_arteconcert" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>youtube_arteconcert</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/ARTE" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ARTE</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/ARTE_Concert" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ARTE_Concert</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/Musique" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Musique</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/Music" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Music</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/live" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>live</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/sc%C3%A8ne" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>scène</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/gig" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>gig</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/concert" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>concert</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/samson" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>samson</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/op%C3%A9ra" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opéra</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/rameau" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>rameau</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/voltaire" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>voltaire</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/theatre" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>theatre</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/claus_guth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>claus_guth</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/raphael_pichon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>raphael_pichon</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/classique" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>classique</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/baroque" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>baroque</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/Th%C3%A9%C3%A2tre_de_l_Archev%C3%AAch%C3%A9" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Théâtre_de_l_Archevêché</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/Festival_d_Aix_en_Provence" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Festival_d_Aix_en_Provence</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/musicale" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>musicale</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/th%C3%A9%C3%A2trale" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>théâtrale</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/compositeur_fran%C3%A7ais" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>compositeur_français</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/compositeur" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>compositeur</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/mezzo_soprano" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mezzo_soprano</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/soprano" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>soprano</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/Dalila" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Dalila</span></a> <a href="https://rss-mstdn.studiofreesia.com/tags/Partition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Partition</span></a></p>
AliveDevil<p>Hey <a href="https://tauri.earth/tags/WebDev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDev</span></a> and <a href="https://tauri.earth/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Web</span></a> people.<br>Is there a canonical way of conveying that a localized page has a language-neutral permalink?<br>E.g. /en/about‘s language-neutral permalink is /about, and /de/über is /über, but /über or /about would redirect with JS to /de/über or /en/about (or manually by clicking a target language link).<br>So UserLanguage=en encountering /über would be redirected to /en/about.</p>
Tariq<p>this is YouTube </p><p>296 things blocked by <a href="https://mastodon.social/tags/uBlockOrigin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>uBlockOrigin</span></a> for just watching just one stream on YouTube for about 1 hour</p><p>and as I type this, it has gone up to 333</p><p><a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a>&nbsp;<a href="https://mastodon.social/tags/tech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tech</span></a></p>
Ana Tudor 🐯<p>Hi, mastodon 🦣 I have a new article out!</p><p>A Deep Dive into the Inline Background Overlap Problem: <a href="https://frontendmasters.com/blog/overlapping-inline-backgrounds/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">frontendmasters.com/blog/overl</span><span class="invisible">apping-inline-backgrounds/</span></a></p><p>How do you get the below result (semi-transparent background on inline span) with large padding &amp; no overlap?</p><p>Answer in article, but think a bit about it first. 😼</p><p><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/SVG" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SVG</span></a> <a href="https://mastodon.social/tags/filter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>filter</span></a> <a href="https://mastodon.social/tags/svgFilter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>svgFilter</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</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/blendMode" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blendMode</span></a> <a href="https://mastodon.social/tags/blending" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blending</span></a></p>
feedle<p>🔁 From our "Digital Crossroads" collection:</p><p>GetRSSFeed: RSS Feed Extractor &amp; Finder for Websites, Blogs &amp; Podcasts - <a href="https://getrssfeed.com/?ref=feedle.world" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">getrssfeed.com/?ref=feedle.wor</span><span class="invisible">ld</span></a></p><p>---<br>See other stories like this one here: <a href="https://feedle.world/digital-crossroads" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">feedle.world/digital-crossroads</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/internet" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>internet</span></a> <a href="https://mastodon.social/tags/socialmedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>socialmedia</span></a> <a href="https://mastodon.social/tags/blogging" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>blogging</span></a></p>
🇩🇪 𝕳𝖆𝖑𝖑𝖊𝕬𝖓𝖉𝖊𝖗𝖙<p><span class="h-card" translate="no"><a href="https://social.vivaldi.net/@Vivaldi" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Vivaldi</span></a></span> As always, a great update. The <a href="https://social.vivaldi.net/tags/VIVALDI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>VIVALDI</span></a> team has once again done a great job. That's a good reason to celebrate. 🥳🥂🍾🎈🎉🎊</p><p><a href="https://social.vivaldi.net/tags/browser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>browser</span></a> <a href="https://social.vivaldi.net/tags/bestbrowser" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>bestbrowser</span></a> <a href="https://social.vivaldi.net/tags/teamwork" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>teamwork</span></a> <a href="https://social.vivaldi.net/tags/update" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>update</span></a> <a href="https://social.vivaldi.net/tags/release" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>release</span></a> <a href="https://social.vivaldi.net/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://social.vivaldi.net/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a></p>
Aral Balkan<p>New Kitten release</p><p>• Now leaves &lt;style&gt; tags within &lt;template&gt; tags alone when collating and normalising the CSS on a page so as not to interfere with scoped styles in declarative shadow DOM.</p><p>(Kitten’s Streaming HTML workflow¹ – which uses htmx and WebSockets under the hood – combined with built-in support for slots, etc., in Kitten components² means the use of declarative shadow DOM is mostly useful if you want scoped styles. Ideally, of course, use classes to scope styles to your components and be specific in your CSS selectors in general so as not to pollute elements in your components. Although that’s a bit like saying you should floss everyday. Yeah, we all know we should…) :)</p><p>Update: All that said, I’d highly recommend you don’t use Shadow DOM in your Kitten apps. For one thing, htmx’s WebSocket extension doesn’t seem to play well with it. And for another, you really don’t need it and definitely not just to get scoped CSS.</p><p>Enjoy!</p><p>:kitten:💕</p><p>¹ <a href="https://kitten.small-web.org/tutorials/streaming-html/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/streaming-html/</span></a><br>² <a href="https://kitten.small-web.org/tutorials/components-and-fragments/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">kitten.small-web.org/tutorials</span><span class="invisible">/components-and-fragments/</span></a></p><p><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Kitten</span></a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallTech</span></a> <a href="https://mastodon.ar.al/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> <a href="https://mastodon.ar.al/tags/CSSScoping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSSScoping</span></a> <a href="https://mastodon.ar.al/tags/ShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ShadowDOM</span></a> <a href="https://mastodon.ar.al/tags/shadowRoot" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>shadowRoot</span></a> <a href="https://mastodon.ar.al/tags/DOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DOM</span></a> <a href="https://mastodon.ar.al/tags/HTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HTML</span></a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JavaScript</span></a> <a href="https://mastodon.ar.al/tags/JS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JS</span></a> <a href="https://mastodon.ar.al/tags/style" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>style</span></a> <a href="https://mastodon.ar.al/tags/template" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>template</span></a> <a href="https://mastodon.ar.al/tags/declarativeShadowDOM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>declarativeShadowDOM</span></a> <a href="https://mastodon.ar.al/tags/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</span></a></p>
Totally with Ю ⁂<p>Feedle is not only a nicely done index of RSS feeds. Every search query is its own RSS feed! This is so cool! </p><p><a href="https://nahe.social/tags/RSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RSS</span></a> <a href="https://nahe.social/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SmallWeb</span></a> <a href="https://nahe.social/tags/Web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Web</span></a> <a href="https://nahe.social/tags/SocialWeb" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SocialWeb</span></a> <a href="https://nahe.social/tags/SocialMedia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SocialMedia</span></a> </p><p> <a href="https://feedle.world/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">feedle.world/</span><span class="invisible"></span></a></p><p><span class="h-card" translate="no"><a href="https://mastodon.social/@feedle" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>feedle</span></a></span></p>
Ana Tudor 🐯<p>Ever wanted to get the number of auto-fit columns in CSS?</p><p>```<br>--u: 5em;<br>grid-template-columns: repeat(auto-fit, minmax(var(--u), 1fr))<br>```</p><p>It's now possible! Using registered <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</span></a> vars, the tan division hack and container query units! Here's a little test on <span class="h-card" translate="no"><a href="https://fosstodon.org/@codepen" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>codepen</span></a></span>: <br> <a href="https://codepen.io/thebabydino/pen/JojpBJr" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">codepen.io/thebabydino/pen/Joj</span><span class="invisible">pBJr</span></a></p><p><a href="https://mastodon.social/tags/cssGrid" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssGrid</span></a> <a href="https://mastodon.social/tags/cssLayout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>cssLayout</span></a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>code</span></a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>coding</span></a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>dev</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/webDevelopment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webDevelopment</span></a> <a href="https://mastodon.social/tags/layout" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>layout</span></a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frontend</span></a></p>
scy<p>I'm not the first person to be saying this, but the days of replying "JFGI" ("just fucking google it") to someone asking what you assume is a question easily answered by search engines&nbsp;– are over.</p><p>I really, really hate what the web has become.</p><p>(Jinja is a Python-based template language.)</p><p><a href="https://chaos.social/tags/WWW" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WWW</span></a> <a href="https://chaos.social/tags/web" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>web</span></a> <a href="https://chaos.social/tags/enshittification" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>enshittification</span></a> <a href="https://chaos.social/tags/JFGI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>JFGI</span></a></p>