sfba.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
A Mastodon instance for the San Francisco Bay Area. Come on in and join us!

Server stats:

2.4K
active users

#components

9 posts8 participants0 posts today
🔏 Matthias Wiesmann<p>I have an old circuit board from a venerable HP inkjet printer, with a bunch of 1820-6189 which as far as I know was HP’s version of CD74HC4514M. 4/16 line decoder / demultiplexer. If someone in Switzerland wants that send me a message. Maybe I will desolder the capacitors and the black IR sensor for shipping. <a href="https://mastodon.social/tags/retrocomputer" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>retrocomputer</span></a> <a href="https://mastodon.social/tags/electronics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>electronics</span></a> <a href="https://mastodon.social/tags/recycling" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>recycling</span></a> <a href="https://mastodon.social/tags/HPPrinter" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HPPrinter</span></a> <a href="https://mastodon.social/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a></p>
💧🌏 Greg Cocks<p>Critical Minerals In Ores (CMiO) Database<br>--<br><a href="https://lnkd.in/gynRjUfn" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">lnkd.in/gynRjUfn</span><span class="invisible"></span></a> &lt;-- shared USGS publication<br>--<br><a href="https://lnkd.in/gETca3DQ" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">lnkd.in/gETca3DQ</span><span class="invisible"></span></a> &lt;-- shared link to open data database, web map services, etc<br>--<br><a href="https://portal.ga.gov.au/persona/cmmi" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">portal.ga.gov.au/persona/cmmi</span><span class="invisible"></span></a> &lt;-- shared web map<br>--<br><a href="https://lnkd.in/gdmMp2zg" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">lnkd.in/gdmMp2zg</span><span class="invisible"></span></a> &lt;-- shared editorial piece on critical minerals and geopolitics<br>--<br><a href="https://techhub.social/tags/geology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geology</span></a> <a href="https://techhub.social/tags/fedscience" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>fedscience</span></a> <a href="https://techhub.social/tags/opendata" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opendata</span></a> <a href="https://techhub.social/tags/CMMI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CMMI</span></a> <a href="https://techhub.social/tags/CMiO" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CMiO</span></a> <a href="https://techhub.social/tags/criticalminerals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>criticalminerals</span></a> <a href="https://techhub.social/tags/minerals" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>minerals</span></a> <a href="https://techhub.social/tags/ores" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ores</span></a> <a href="https://techhub.social/tags/database" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>database</span></a> <a href="https://techhub.social/tags/opendata" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>opendata</span></a> <a href="https://techhub.social/tags/GIS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GIS</span></a> <a href="https://techhub.social/tags/spatial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>spatial</span></a> <a href="https://techhub.social/tags/mapping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mapping</span></a> <a href="https://techhub.social/tags/spatialanalysis" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>spatialanalysis</span></a> <a href="https://techhub.social/tags/commodities" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>commodities</span></a> <a href="https://techhub.social/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a> <a href="https://techhub.social/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a> <a href="https://techhub.social/tags/geochemistry" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>geochemistry</span></a> <a href="https://techhub.social/tags/deposits" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>deposits</span></a> <a href="https://techhub.social/tags/mining" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>mining</span></a> <a href="https://techhub.social/tags/extraction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>extraction</span></a> <a href="https://techhub.social/tags/classifaction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>classifaction</span></a> <a href="https://techhub.social/tags/nomenclature" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nomenclature</span></a> <a href="https://techhub.social/tags/environments" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>environments</span></a> <a href="https://techhub.social/tags/structuralgeology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>structuralgeology</span></a> <a href="https://techhub.social/tags/exploration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>exploration</span></a> <br>@USGS | @GeoscienceAustralia | @GeologicalSurveyOfCanada</p>
C.<p>About that BusBoard Prototype Systems SB4 board -- they're expensive. They're more than $6 each (Canadian) plus shipping from DigiKey. They're $10 each plus shipping from Mouser.</p><p>That's a lot for a hobbyist when you're experimenting, especially if you're making mistakes.</p><p>I looked around again recently, and couldn't find anything I liked at a reasonable price point.</p><p>So what does one do in this situation? Well, if you go Overkill 9000, you design your own prototyping perfboard and have a bunch manufactured for you! When you design your own, you can give it any features you like. So this one has:</p><p>18 x 36 (648 holes total)</p><p>It's two 18 x 18 sections, though I didn't have them scored for snapping.</p><p>A total of 6 horizontal busses in groups of 2, at the top and bottom plus one in the middle.</p><p>3 sets of 2 vertical busses within that space between horizontal bus sets, similarly edge - center - edge.</p><p>Then each row has a 6-hole pad on each side of the center 2 busses, which are spaced for IC or other standard 0.4" component layout.</p><p>Made of proper FR4 fiberglass. Good copper, good soldermask.</p><p>Silkscreened row and column IDs on both the front and back, at both the start and end of each row/column (and they match up with the back...).</p><p>And silkscreened boxes on the front showing the pad/buss pattern - no more flipping!</p><p>They arrived today and ... they're beautiful.</p><p>2/x</p><p><a href="https://mindly.social/tags/PCB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PCB</span></a> <a href="https://mindly.social/tags/CustomPCB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CustomPCB</span></a> <a href="https://mindly.social/tags/silkscreen" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>silkscreen</span></a> <a href="https://mindly.social/tags/overkill" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>overkill</span></a> <a href="https://mindly.social/tags/Overkill9000" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Overkill9000</span></a> <a href="https://mindly.social/tags/buss" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>buss</span></a> <a href="https://mindly.social/tags/busses" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>busses</span></a> <a href="https://mindly.social/tags/pads" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>pads</span></a> <a href="https://mindly.social/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a> <a href="https://mindly.social/tags/IC" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>IC</span></a> <a href="https://mindly.social/tags/DIP" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DIP</span></a></p>
Aral Balkan<p>New Kitten update</p><p>• 🥳 Kitten HTML templates and kitten.Component render functions can now be async.</p><p><a href="https://kitten.small-web.org" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">kitten.small-web.org</span><span class="invisible"></span></a></p><p>This is quite a big one and it took me finally biting the bullet and getting my head around generators in JavaScript to implement properly.</p><p>So now you can mix synchronous and asynchronous components as you like and if there are any asynchronous components in your templates they will automatically be awaited (even if you forget to use await) ;)</p><p>I’ll write a proper post/tutorial/documentation for it soon but for the time being enjoy the screenshots where a layout template gets the latest three posts from my mock fediverse public timeline service and displays them on the page.</p><p>The kitten.Component version also has a refresh button that streams a different three to the page.</p><p>For those of you unfamiliar with Kitten, this is all the code in either example. No scaffolding, nothing. Pop either into a file called index.page.js and run kitten in that folder and visit https://localhost to see the example run.</p><p>Enjoy!</p><p>:kitten:💕</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/async" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>async</span></a> <a href="https://mastodon.ar.al/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a> <a href="https://mastodon.ar.al/tags/templates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>templates</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/CSS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>CSS</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/NodeJS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NodeJS</span></a> <a href="https://mastodon.ar.al/tags/generators" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>generators</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>
Inautilo<p><a href="https://mastodon.social/tags/Design" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Design</span></a> <a href="https://mastodon.social/tags/Examples" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Examples</span></a><br>From real to digital · How UI components are inspired by real-world objects <a href="https://ilo.im/162y07" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">ilo.im/162y07</span><span class="invisible"></span></a></p><p>_____<br><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/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Components</span></a> <a href="https://mastodon.social/tags/Interactivity" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Interactivity</span></a> <a href="https://mastodon.social/tags/DesignSystem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>DesignSystem</span></a> <a href="https://mastodon.social/tags/ProductDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ProductDesign</span></a> <a href="https://mastodon.social/tags/UxDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UxDesign</span></a> <a href="https://mastodon.social/tags/UiDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UiDesign</span></a> <a href="https://mastodon.social/tags/WebDesign" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>WebDesign</span></a> <a href="https://mastodon.social/tags/Inspiration" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Inspiration</span></a></p>
Frontend Dogma<p>How WebAssembly Components Can Replace JavaScript SDKs, by @sachamorard.bsky.social (@edgee_cloud@x.com):</p><p><a href="https://www.edgee.cloud/blog/posts/wasm-component-is-the-new-sdk" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">edgee.cloud/blog/posts/wasm-co</span><span class="invisible">mponent-is-the-new-sdk</span></a></p><p><a href="https://mas.to/tags/webassembly" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webassembly</span></a> <a href="https://mas.to/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a> <a href="https://mas.to/tags/javascript" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>javascript</span></a></p>
Lectronz<p>Now in stock on Lectronz: RP2040-Zero Clone <a href="https://lectronz.com/products/rp2040-zero-clone" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lectronz.com/products/rp2040-z</span><span class="invisible">ero-clone</span></a><br><a href="https://mastodon.social/tags/RaspberryPi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RaspberryPi</span></a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Components</span></a> <a href="https://mastodon.social/tags/Prototyping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Prototyping</span></a></p>
Lectronz<p>Now in stock on Lectronz: Pro Micro RP2040 Clone <a href="https://lectronz.com/products/pro-micro-rp2040-clone" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lectronz.com/products/pro-micr</span><span class="invisible">o-rp2040-clone</span></a><br><a href="https://mastodon.social/tags/RaspberryPi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RaspberryPi</span></a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Components</span></a> <a href="https://mastodon.social/tags/Prototyping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Prototyping</span></a></p>
Frontend Dogma<p>Web Components vs. Framework Components: What’s the Difference?, by @thedocwhocodes@x.com (<span class="h-card" translate="no"><a href="https://mastodon.social/@smashingmag" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>smashingmag</span></a></span>):</p><p><a href="https://www.smashingmagazine.com/2025/03/web-components-vs-framework-components/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">smashingmagazine.com/2025/03/w</span><span class="invisible">eb-components-vs-framework-components/</span></a></p><p><a href="https://mas.to/tags/webcomponents" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>webcomponents</span></a> <a href="https://mas.to/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a> <a href="https://mas.to/tags/frameworks" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>frameworks</span></a> <a href="https://mas.to/tags/html" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>html</span></a> <a href="https://mas.to/tags/comparisons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>comparisons</span></a></p>
Lectronz<p>New on Lectronz: USB Type-C Plug Breakout - USB 3.0 Only <a href="https://lectronz.com/products/usb-type-c-plug-breakout-usb-30-only" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lectronz.com/products/usb-type</span><span class="invisible">-c-plug-breakout-usb-30-only</span></a><br><a href="https://mastodon.social/tags/USB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>USB</span></a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Components</span></a> <a href="https://mastodon.social/tags/Prototyping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Prototyping</span></a></p>
Lectronz<p>New on Lectronz: USB Type-C Plug Breakout - USB 2.0 Only <a href="https://lectronz.com/products/usb-type-c-plug-breakout-usb-20-only" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">lectronz.com/products/usb-type</span><span class="invisible">-c-plug-breakout-usb-20-only</span></a><br><a href="https://mastodon.social/tags/USB" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>USB</span></a> <a href="https://mastodon.social/tags/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Components</span></a> <a href="https://mastodon.social/tags/Prototyping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Prototyping</span></a></p>
Bytes Europe<p>Xinzi Optoelectronics Technology submits US IPO <a href="https://www.byteseu.com/859466/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="">byteseu.com/859466/</span><span class="invisible"></span></a> <a href="https://pubeurope.com/tags/Americas" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Americas</span></a> <a href="https://pubeurope.com/tags/ASIA" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ASIA</span></a> <a href="https://pubeurope.com/tags/China" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>China</span></a> <a href="https://pubeurope.com/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a> <a href="https://pubeurope.com/tags/epe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>epe</span></a> <a href="https://pubeurope.com/tags/eva" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>eva</span></a> <a href="https://pubeurope.com/tags/Materials" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Materials</span></a> <a href="https://pubeurope.com/tags/poe" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>poe</span></a> <a href="https://pubeurope.com/tags/SecuritiesAndExchangeCommission" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>SecuritiesAndExchangeCommission</span></a> <a href="https://pubeurope.com/tags/Technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Technology</span></a> <a href="https://pubeurope.com/tags/TransparentPv" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TransparentPv</span></a> <a href="https://pubeurope.com/tags/US" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>US</span></a> <a href="https://pubeurope.com/tags/XinziOptoelectrconicsTechnology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>XinziOptoelectrconicsTechnology</span></a></p>