Sigmoid Social

erismore or less wearable<a href="https://universeodon.com/tags/Iridescent" class="mention hashtag" rel="nofollow noopener" target="_blank">#Iridescent</a> <a href="https://universeodon.com/tags/Blue" class="mention hashtag" rel="nofollow noopener" target="_blank">#Blue</a> <a href="https://universeodon.com/tags/Green" class="mention hashtag" rel="nofollow noopener" target="_blank">#Green</a> <a href="https://universeodon.com/tags/Purple" class="mention hashtag" rel="nofollow noopener" target="_blank">#Purple</a> <a href="https://universeodon.com/tags/Metallic" class="mention hashtag" rel="nofollow noopener" target="_blank">#Metallic</a> <a href="https://universeodon.com/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a> <a href="https://universeodon.com/tags/Texture" class="mention hashtag" rel="nofollow noopener" target="_blank">#Texture</a> <a href="https://universeodon.com/tags/Futuristic" class="mention hashtag" rel="nofollow noopener" target="_blank">#Futuristic</a> <a href="https://universeodon.com/tags/Drape" class="mention hashtag" rel="nofollow noopener" target="_blank">#Drape</a> <a href="https://universeodon.com/tags/Fiber" class="mention hashtag" rel="nofollow noopener" target="_blank">#Fiber</a> <a href="https://universeodon.com/tags/Img2img" class="mention hashtag" rel="nofollow noopener" target="_blank">#Img2img</a> <a href="https://universeodon.com/tags/AiArt" class="mention hashtag" rel="nofollow noopener" target="_blank">#AiArt</a> <a href="https://universeodon.com/tags/AiArtists" class="mention hashtag" rel="nofollow noopener" target="_blank">#AiArtists</a> <a href="https://universeodon.com/tags/AiArtCommunity" class="mention hashtag" rel="nofollow noopener" target="_blank">#AiArtCommunity</a> <a href="https://universeodon.com/tags/StableDiffusion" class="mention hashtag" rel="nofollow noopener" target="_blank">#StableDiffusion</a>in real life: <a href="https://aieris.art/featured/more-or-less-wearable-eris-and-ai.html" rel="nofollow noopener" translate="no" target="_blank">https://aieris.art/featured/more-or-less-wearable-eris-and-ai.html</a>

Bytes EuropeWhitmer spoke to Trump after semiconductor deal fell apart <a href="https://www.byteseu.com/1205867/" rel="nofollow noopener" translate="no" target="_blank">https://www.byteseu.com/1205867/</a> <a href="https://pubeurope.com/tags/Branch" class="mention hashtag" rel="nofollow noopener" target="_blank">#Branch</a> <a href="https://pubeurope.com/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#components</a> <a href="https://pubeurope.com/tags/donald" class="mention hashtag" rel="nofollow noopener" target="_blank">#donald</a> <a href="https://pubeurope.com/tags/DonaldTrump" class="mention hashtag" rel="nofollow noopener" target="_blank">#DonaldTrump</a> <a href="https://pubeurope.com/tags/economy" class="mention hashtag" rel="nofollow noopener" target="_blank">#economy</a> <a href="https://pubeurope.com/tags/EconomyNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#EconomyNews</a> <a href="https://pubeurope.com/tags/electronic" class="mention hashtag" rel="nofollow noopener" target="_blank">#electronic</a> <a href="https://pubeurope.com/tags/ElectronicComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#ElectronicComponents</a> <a href="https://pubeurope.com/tags/executive" class="mention hashtag" rel="nofollow noopener" target="_blank">#executive</a> <a href="https://pubeurope.com/tags/ExecutiveBranch" class="mention hashtag" rel="nofollow noopener" target="_blank">#ExecutiveBranch</a> <a href="https://pubeurope.com/tags/Government" class="mention hashtag" rel="nofollow noopener" target="_blank">#Government</a> <a href="https://pubeurope.com/tags/Gretchen" class="mention hashtag" rel="nofollow noopener" target="_blank">#Gretchen</a> <a href="https://pubeurope.com/tags/GretchenWhitmer" class="mention hashtag" rel="nofollow noopener" target="_blank">#GretchenWhitmer</a> <a href="https://pubeurope.com/tags/Michigan" class="mention hashtag" rel="nofollow noopener" target="_blank">#Michigan</a> <a href="https://pubeurope.com/tags/MichiganEconomy" class="mention hashtag" rel="nofollow noopener" target="_blank">#MichiganEconomy</a> <a href="https://pubeurope.com/tags/News" class="mention hashtag" rel="nofollow noopener" target="_blank">#News</a> <a href="https://pubeurope.com/tags/Politics" class="mention hashtag" rel="nofollow noopener" target="_blank">#Politics</a> <a href="https://pubeurope.com/tags/trump" class="mention hashtag" rel="nofollow noopener" target="_blank">#trump</a> <a href="https://pubeurope.com/tags/Whitmer" class="mention hashtag" rel="nofollow noopener" target="_blank">#Whitmer</a>

:rss: Hacker NewsM.2 SSD Can Self-Destruct by Giving Itself a Burst of Voltage <a href="https://uk.pcmag.com/storage/159074/this-m2-ssd-can-self-destruct-by-giving-itself-a-burst-of-voltage" rel="nofollow noopener" translate="no" target="_blank">https://uk.pcmag.com/storage/159074/this-m2-ssd-can-self-destruct-by-giving-itself-a-burst-of-voltage</a> <a href="https://rss-mstdn.studiofreesia.com/tags/ycombinator" class="mention hashtag" rel="nofollow noopener" target="_blank">#ycombinator</a> <a href="https://rss-mstdn.studiofreesia.com/tags/Computers_Electronics" class="mention hashtag" rel="nofollow noopener" target="_blank">#Computers_Electronics</a> <a href="https://rss-mstdn.studiofreesia.com/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a> <a href="https://rss-mstdn.studiofreesia.com/tags/Storage" class="mention hashtag" rel="nofollow noopener" target="_blank">#Storage</a>

C.So after figuring out which bits to remove, I set about building it. I first tried laying it out on a single one of my custom <a href="https://mindly.social/tags/protoboards" class="mention hashtag" rel="nofollow noopener" target="_blank">#protoboards</a> I posted about before. It gets very dense, and would require cutting / splitting a whole lot more of the 6-hole <a href="https://mindly.social/tags/pad" class="mention hashtag" rel="nofollow noopener" target="_blank">#pad</a> <a href="https://mindly.social/tags/strips" class="mention hashtag" rel="nofollow noopener" target="_blank">#strips</a> than I really wanted to do. So I built it on two boards, using the same modular connection between them that I use for the rest of my effects boards.Even the original Boss pedal used 2 separate boards, so I don't feel too badly about it.Anyway... it took a while to fiddle with the layouts to get something I like, then document my parts placement, remove all the parts and start re-populating and <a href="https://mindly.social/tags/soldering" class="mention hashtag" rel="nofollow noopener" target="_blank">#soldering</a> them into place. But I got that done this evening.I did a little meter <a href="https://mindly.social/tags/probing" class="mention hashtag" rel="nofollow noopener" target="_blank">#probing</a> of the results to find any obvious missing connections or such, and fixed a couple. Then I plugged in my guitar, and ...It <a href="https://mindly.social/tags/worked" class="mention hashtag" rel="nofollow noopener" target="_blank">#worked</a>, perfectly, the first time. I believe that's the first time any of my effects have not required any <a href="https://mindly.social/tags/debugging" class="mention hashtag" rel="nofollow noopener" target="_blank">#debugging</a> at all. I'm <a href="https://mindly.social/tags/chuffed" class="mention hashtag" rel="nofollow noopener" target="_blank">#chuffed</a> .And it sounds *fantastic*.The originally-called-for <a href="https://mindly.social/tags/transistors" class="mention hashtag" rel="nofollow noopener" target="_blank">#transistors</a> and <a href="https://mindly.social/tags/diodes" class="mention hashtag" rel="nofollow noopener" target="_blank">#diodes</a> are mostly <a href="https://mindly.social/tags/obsolete" class="mention hashtag" rel="nofollow noopener" target="_blank">#obsolete</a> and hard to find. I dug through datasheets to find ones I thought would (a) be acceptable substitutes, and (b) I already had in my parts bins. Frankly, given the nature of the effect, I doubt the selections are too critical, but I'll include what I used for completeness, in case anyone else wants to make one of these.<a href="https://mindly.social/tags/maker" class="mention hashtag" rel="nofollow noopener" target="_blank">#maker</a> <a href="https://mindly.social/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#components</a> <a href="https://mindly.social/tags/substitute" class="mention hashtag" rel="nofollow noopener" target="_blank">#substitute</a>4/x

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Previews" class="mention hashtag" rel="nofollow noopener" target="_blank">#Previews</a> Penpot Variants are coming · Get ready for a key feature of the design tool <a href="https://ilo.im/1657du" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1657du</a>_____ <a href="https://mastodon.social/tags/Penpot" class="mention hashtag" rel="nofollow noopener" target="_blank">#Penpot</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a> <a href="https://mastodon.social/tags/Workflows" class="mention hashtag" rel="nofollow noopener" target="_blank">#Workflows</a> <a href="https://mastodon.social/tags/DesignTool" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignTool</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a> <a href="https://mastodon.social/tags/Development" class="mention hashtag" rel="nofollow noopener" target="_blank">#Development</a> <a href="https://mastodon.social/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.social/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Guides" class="mention hashtag" rel="nofollow noopener" target="_blank">#Guides</a> Guide to Figma Make · How the AI tool can help and where it falls short <a href="https://ilo.im/164s0f" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/164s0f</a>_____ <a href="https://mastodon.social/tags/Figma" class="mention hashtag" rel="nofollow noopener" target="_blank">#Figma</a> <a href="https://mastodon.social/tags/AI" class="mention hashtag" rel="nofollow noopener" target="_blank">#AI</a> <a href="https://mastodon.social/tags/Prompting" class="mention hashtag" rel="nofollow noopener" target="_blank">#Prompting</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a> <a href="https://mastodon.social/tags/Prototyping" class="mention hashtag" rel="nofollow noopener" target="_blank">#Prototyping</a> <a href="https://mastodon.social/tags/Workflow" class="mention hashtag" rel="nofollow noopener" target="_blank">#Workflow</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a>

kazewazeSoundz - <a href="https://soundzjs.vercel.app" rel="nofollow noopener" translate="no" target="_blank">https://soundzjs.vercel.app</a>Makes it easy to wrap your UI Elements with Beautiful, Accessible, and Customizable Sound Effects! <a href="https://mastodon.social/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://mastodon.social/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://mastodon.social/tags/typescript" class="mention hashtag" rel="nofollow noopener" target="_blank">#typescript</a> <a href="https://mastodon.social/tags/ts" class="mention hashtag" rel="nofollow noopener" target="_blank">#ts</a> <a href="https://mastodon.social/tags/tsx" class="mention hashtag" rel="nofollow noopener" target="_blank">#tsx</a> <a href="https://mastodon.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://mastodon.social/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a> <a href="https://mastodon.social/tags/jsx" class="mention hashtag" rel="nofollow noopener" target="_blank">#jsx</a> <a href="https://mastodon.social/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a> <a href="https://mastodon.social/tags/reactjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#reactjs</a> <a href="https://mastodon.social/tags/next" class="mention hashtag" rel="nofollow noopener" target="_blank">#next</a> <a href="https://mastodon.social/tags/nextjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#nextjs</a> <a href="https://mastodon.social/tags/component" class="mention hashtag" rel="nofollow noopener" target="_blank">#component</a> <a href="https://mastodon.social/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#components</a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#npm</a> <a href="https://mastodon.social/tags/node" class="mention hashtag" rel="nofollow noopener" target="_blank">#node</a> <a href="https://mastodon.social/tags/package" class="mention hashtag" rel="nofollow noopener" target="_blank">#package</a> <a href="https://mastodon.social/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#npm</a> <a href="https://mastodon.social/tags/sound" class="mention hashtag" rel="nofollow noopener" target="_blank">#sound</a> <a href="https://mastodon.social/tags/sounds" class="mention hashtag" rel="nofollow noopener" target="_blank">#sounds</a> <a href="https://mastodon.social/tags/soundeffects" class="mention hashtag" rel="nofollow noopener" target="_blank">#soundeffects</a> <a href="https://mastodon.social/tags/accessibility" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessibility</a> <a href="https://mastodon.social/tags/accessible" class="mention hashtag" rel="nofollow noopener" target="_blank">#accessible</a> <a href="https://mastodon.social/tags/customization" class="mention hashtag" rel="nofollow noopener" target="_blank">#customization</a> <a href="https://mastodon.social/tags/easy" class="mention hashtag" rel="nofollow noopener" target="_blank">#easy</a>

LectronzNew on Lectronz: I2C Modbus RS485 (IS4310) <a href="https://lectronz.com/products/i2c-modbus-rs485-is4310" rel="nofollow noopener" translate="no" target="_blank">https://lectronz.com/products/i2c-modbus-rs485-is4310</a> <a href="https://mastodon.social/tags/I2C" class="mention hashtag" rel="nofollow noopener" target="_blank">#I2C</a> <a href="https://mastodon.social/tags/HomeAutomation" class="mention hashtag" rel="nofollow noopener" target="_blank">#HomeAutomation</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a>

Frontend DogmaHow Imports Work in RSC, by @danabra.mov:<a href="https://overreacted.io/how-imports-work-in-rsc/" rel="nofollow noopener" translate="no" target="_blank">https://overreacted.io/how-imports-work-in-rsc/</a><a href="https://mas.to/tags/react" class="mention hashtag" rel="nofollow noopener" target="_blank">#react</a> <a href="https://mas.to/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#components</a> <a href="https://mas.to/tags/modules" class="mention hashtag" rel="nofollow noopener" target="_blank">#modules</a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

LectronzNew on Lectronz: IS3750: I2C Addressable LED Controller <a href="https://lectronz.com/products/is3750-i2c-addressable-led-controller" rel="nofollow noopener" translate="no" target="_blank">https://lectronz.com/products/is3750-i2c-addressable-led-controller</a> <a href="https://mastodon.social/tags/I2C" class="mention hashtag" rel="nofollow noopener" target="_blank">#I2C</a> <a href="https://mastodon.social/tags/LEDs" class="mention hashtag" rel="nofollow noopener" target="_blank">#LEDs</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a>

LectronzNew on Lectronz: IS4310: I2C Modbus RTU Slave Chip <a href="https://lectronz.com/products/is4310" rel="nofollow noopener" translate="no" target="_blank">https://lectronz.com/products/is4310</a> <a href="https://mastodon.social/tags/CANbus" class="mention hashtag" rel="nofollow noopener" target="_blank">#CANbus</a> <a href="https://mastodon.social/tags/I2C" class="mention hashtag" rel="nofollow noopener" target="_blank">#I2C</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a>

Inautilo<a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener" target="_blank">#Design</a> <a href="https://mastodon.social/tags/Releases" class="mention hashtag" rel="nofollow noopener" target="_blank">#Releases</a> Athens for Sketch · The design tool gets auto layout in its biggest release yet <a href="https://ilo.im/1649vx" rel="nofollow noopener" translate="no" target="_blank">https://ilo.im/1649vx</a>_____ <a href="https://mastodon.social/tags/SketchApp" class="mention hashtag" rel="nofollow noopener" target="_blank">#SketchApp</a> <a href="https://mastodon.social/tags/DesignTool" class="mention hashtag" rel="nofollow noopener" target="_blank">#DesignTool</a> <a href="https://mastodon.social/tags/Layout" class="mention hashtag" rel="nofollow noopener" target="_blank">#Layout</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a> <a href="https://mastodon.social/tags/Commands" class="mention hashtag" rel="nofollow noopener" target="_blank">#Commands</a> <a href="https://mastodon.social/tags/Prototyping" class="mention hashtag" rel="nofollow noopener" target="_blank">#Prototyping</a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProductDesign</a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UxDesign</a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#UiDesign</a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDesign</a>

Hacker NewsStorefront Web Components<a href="https://webcomponents.shopify.dev/" rel="nofollow noopener" translate="no" target="_blank">https://webcomponents.shopify.dev/</a><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener" target="_blank">#HackerNews</a> <a href="https://mastodon.social/tags/Storefront" class="mention hashtag" rel="nofollow noopener" target="_blank">#Storefront</a> <a href="https://mastodon.social/tags/Web" class="mention hashtag" rel="nofollow noopener" target="_blank">#Web</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a> <a href="https://mastodon.social/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDevelopment</a> <a href="https://mastodon.social/tags/ECommerce" class="mention hashtag" rel="nofollow noopener" target="_blank">#ECommerce</a> <a href="https://mastodon.social/tags/Shopify" class="mention hashtag" rel="nofollow noopener" target="_blank">#Shopify</a> <a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> <a href="https://mastodon.social/tags/FrontendDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDevelopment</a>

Tindie Maker MarketplaceSMD Tape Parts Counter <a href="https://hackaday.social/tags/TindieBlog" class="mention hashtag" rel="nofollow noopener" target="_blank">#TindieBlog</a> <a href="https://hackaday.social/tags/PCBA" class="mention hashtag" rel="nofollow noopener" target="_blank">#PCBA</a> <a href="https://hackaday.social/tags/TapeAndReel" class="mention hashtag" rel="nofollow noopener" target="_blank">#TapeAndReel</a> <a href="https://hackaday.social/tags/SMD" class="mention hashtag" rel="nofollow noopener" target="_blank">#SMD</a> <a href="https://hackaday.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a> <a href="https://hackaday.social/tags/LabTools" class="mention hashtag" rel="nofollow noopener" target="_blank">#LabTools</a> <a href="https://blog.tindie.com/2025/05/smd-tape-parts-counter/" rel="nofollow noopener" translate="no" target="_blank">https://blog.tindie.com/2025/05/smd-tape-parts-counter/</a>

LectronzNow in stock on Lectronz: Pro Micro RP2040 Clone <a href="https://lectronz.com/products/pro-micro-rp2040-clone" rel="nofollow noopener" translate="no" target="_blank">https://lectronz.com/products/pro-micro-rp2040-clone</a> <a href="https://mastodon.social/tags/RaspberryPi" class="mention hashtag" rel="nofollow noopener" target="_blank">#RaspberryPi</a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener" target="_blank">#Components</a> <a href="https://mastodon.social/tags/Prototyping" class="mention hashtag" rel="nofollow noopener" target="_blank">#Prototyping</a>

Aral BalkanRight, the Kitten icon explorer is now fully functional.• Type to filter results (searches component names, categories, and tags). • Press the component button to copy the component code to your clipboard.<a href="https://kitten.small-web.org/reference/#finding-icons" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/reference/#finding-icons</a>I quickly whipped this up using the new generic script in Markdown frontmatter feature I added to Kitten. And I’d imagine this is about the most amount of functionality you’d add using it before refactoring to something more maintainable. (Hey, just because I’m the author of Kitten doesn’t mean I’m not also learning how to use it as build it.) :)Source: <a href="https://codeberg.org/kitten/site/raw/branch/main/reference/index.page.md" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/kitten/site/raw/branch/main/reference/index.page.md</a>Enjoy!:kitten:💕<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/icons" class="mention hashtag" rel="nofollow noopener" target="_blank">#icons</a> <a href="https://mastodon.ar.al/tags/iconExplorer" class="mention hashtag" rel="nofollow noopener" target="_blank">#iconExplorer</a> <a href="https://mastodon.ar.al/tags/PhosphorIcons" class="mention hashtag" rel="nofollow noopener" target="_blank">#PhosphorIcons</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#markdown</a> <a href="https://mastodon.ar.al/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#components</a> <a href="https://mastodon.ar.al/tags/events" class="mention hashtag" rel="nofollow noopener" target="_blank">#events</a>

Aral BalkanI just whipped up a simple icon search for Kitten Icons (based on Phosphor Icons). It’s not complete yet – I have a few other things to do before I can get back to it today – but you can play with it here:<a href="https://kitten.small-web.org/reference/#finding-icons" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org/reference/#finding-icons</a>And see the code for it here:<a href="https://codeberg.org/kitten/site/src/branch/main/reference/IconExplorer.fragment.js" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/kitten/site/src/branch/main/reference/IconExplorer.fragment.js</a>I popped the event handler into the Markdown page itself. Not the cleanest but works in a pinch:<a href="https://codeberg.org/kitten/site/raw/branch/main/reference/index.page.md" rel="nofollow noopener" translate="no" target="_blank">https://codeberg.org/kitten/site/raw/branch/main/reference/index.page.md</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/icons" class="mention hashtag" rel="nofollow noopener" target="_blank">#icons</a> <a href="https://mastodon.ar.al/tags/PhosphorIcons" class="mention hashtag" rel="nofollow noopener" target="_blank">#PhosphorIcons</a> <a href="https://mastodon.ar.al/tags/iconExplorer" class="mention hashtag" rel="nofollow noopener" target="_blank">#iconExplorer</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.ar.al/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#markdown</a> <a href="https://mastodon.ar.al/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#components</a> <a href="https://mastodon.ar.al/tags/StreamingHTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#StreamingHTML</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/SmallTech" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallTech</a> <a href="https://mastodon.ar.al/tags/reference" class="mention hashtag" rel="nofollow noopener" target="_blank">#reference</a>

Aral BalkanOh, 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.)<a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#markdown</a> <a href="https://mastodon.ar.al/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#components</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/comingSoon" class="mention hashtag" rel="nofollow noopener" target="_blank">#comingSoon</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>

Aral BalkanComing 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 :)¹ <a href="https://kitten.small-web.org" rel="nofollow noopener" translate="no" target="_blank">https://kitten.small-web.org</a><a href="https://mastodon.ar.al/tags/Kitten" class="mention hashtag" rel="nofollow noopener" target="_blank">#Kitten</a> <a href="https://mastodon.ar.al/tags/SmallWeb" class="mention hashtag" rel="nofollow noopener" target="_blank">#SmallWeb</a> <a href="https://mastodon.ar.al/tags/markdown" class="mention hashtag" rel="nofollow noopener" target="_blank">#markdown</a> <a href="https://mastodon.ar.al/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#components</a> <a href="https://mastodon.ar.al/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://mastodon.ar.al/tags/comingSoon" class="mention hashtag" rel="nofollow noopener" target="_blank">#comingSoon</a> <a href="https://mastodon.ar.al/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.ar.al/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a>

Sam YoungExploding the research question Have you heard of Thompson and Penny’s exploding the research question? Read more about this at <a href="https://www.samyoung.co.nz/2025/04/exploding-research-question.html" rel="nofollow noopener" translate="no" target="_blank">https://www.samyoung.co.nz/2025/04/exploding-research-question.html</a> <a href="https://mastodon.online/tags/research" class="mention hashtag" rel="nofollow noopener" target="_blank">#research</a> <a href="https://mastodon.online/tags/question" class="mention hashtag" rel="nofollow noopener" target="_blank">#question</a> <a href="https://mastodon.online/tags/components" class="mention hashtag" rel="nofollow noopener" target="_blank">#components</a>

Recent searches

Search options

Administered by:

Server stats:

#components