Polykit<p>My new video on resistors is out! This is part of my basic components series and I look a bit into applications and the color markings. Have fun!<br>Youtube: <a href="https://www.youtube.com/watch?v=zkgXzNzwDt8" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">youtube.com/watch?v=zkgXzNzwDt</span><span class="invisible">8</span></a><br>Peertube: <a href="https://makertube.net/w/bXG8uYevFi7CFJWvBKU9K3" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">makertube.net/w/bXG8uYevFi7CFJ</span><span class="invisible">WvBKU9K3</span></a><br><a href="https://chaos.social/tags/synthdiy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>synthdiy</span></a> <a href="https://chaos.social/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a> <a href="https://chaos.social/tags/electronics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>electronics</span></a> <a href="https://chaos.social/tags/synth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>synth</span></a></p>
Recent searches
No recent searches
Search options
Only available when logged in.
veganism.social is one of the many independent Mastodon servers you can use to participate in the fediverse.
Veganism Social is a welcoming space on the internet for vegans to connect and engage with the broader decentralized social media community.
Administered by:
Server stats:
296active users
veganism.social: About · Status · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.3.0-alpha.5+vegan
#components
3 posts · 3 participants · 0 posts today
Aral Balkan<p>👆 Sorry, life got in the way; just deployed this but I haven’t had a chance to document it properly yet. I’ll make a proper announcement when I do.</p><p>Also, you can now use the `delete` attribute on a DOM node/Kitten component you’re streaming back from the server to have it removed from the DOM on the client. It’s syntactic sugar for hx-swap-oob='delete' in htmx.</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><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/icons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>icons</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/StreamingHTML" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>StreamingHTML</span></a></p>
C.<p>Line manager: Uh, Boss?</p><p>Boss: Yes?</p><p>L: We finished that new run of the component. We sent it to QA.</p><p>B: Okay? Is there a problem?</p><p>L: I just got the report back. This batch, uh, didn't meet the tolerance goal.</p><p>B: [rubs temple] Okay, shit happens. I guess it goes out as 10%. That's not too bad a hit.</p><p>L: Uh, it didn't meet 10% tolerance, either.</p><p>B: What? How bad is it? 20%?</p><p>L: Uh...</p><p>B: It's *worse* than 20%?</p><p>L: Most of the parts are barely within 50% tolerance.</p><p>B: ...</p><p>L: So, uh, we should probably ...</p><p>B: Who was running the line?</p><p>L: ...</p><p>B: It was Chuck, wasn't it?</p><p>L: ... yes.</p><p>B: Was he drunk again?</p><p>L: I don't know. I sent him home.</p><p>B: Nobody's made these components in 50% tolerance for thirty years. Where am I going to sell them?</p><p>L: ...</p><p>B: Okay, AliExpress it is. Go to the noodle shop across the street and offer him some new boxes if we can have the ones his supplies come in. No way I'm putting these parts and the company name in the same room together.</p><p>(inspired by some parts I received today...)</p><p><a href="https://mindly.social/tags/electronics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>electronics</span></a> <a href="https://mindly.social/tags/hobby" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>hobby</span></a> <a href="https://mindly.social/tags/AliExpress" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AliExpress</span></a> <a href="https://mindly.social/tags/tolerance" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>tolerance</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/ShortFiction" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ShortFiction</span></a> <a href="https://mindly.social/tags/qwality" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>qwality</span></a> <a href="https://mindly.social/tags/ShipIt" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>ShipIt</span></a> <a href="https://mindly.social/tags/scene" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>scene</span></a> <a href="https://mindly.social/tags/business" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>business</span></a> <a href="https://mindly.social/tags/Chinesium" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Chinesium</span></a> <a href="https://mindly.social/tags/YumCha" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>YumCha</span></a></p>
Geriatric Gardener<p>“MAERSK: THE SHIPPING COMPANY TRANSPORTING ARMS TO ISRAEL”</p><p>by John McEvoy in Declassified UK <span class="h-card" translate="no"><a href="https://mastodonapp.uk/@Declassified_UK" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Declassified_UK</span></a></span> </p><p><span class="h-card" translate="no"><a href="https://a.gup.pe/u/palestine" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>palestine</span></a></span><br><span class="h-card" translate="no"><a href="https://a.gup.pe/u/israel" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>israel</span></a></span></p><p>“Exclusive: Fighter jet components are being transported on Maersk ships to an Israeli air force base, cargo documents suggest”</p><p><a href="https://www.declassifieduk.org/maersk-the-shipping-company-transporting-arms-to-israel/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://www.</span><span class="ellipsis">declassifieduk.org/maersk-the-</span><span class="invisible">shipping-company-transporting-arms-to-israel/</span></a></p><p><a href="https://mstdn.social/tags/Press" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Press</span></a> <a href="https://mstdn.social/tags/Maersk" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Maersk</span></a> <a href="https://mstdn.social/tags/Shipping" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Shipping</span></a> <a href="https://mstdn.social/tags/Israel" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Israel</span></a> <a href="https://mstdn.social/tags/Weapons" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Weapons</span></a> <a href="https://mstdn.social/tags/Denmark" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Denmark</span></a> <a href="https://mstdn.social/tags/US" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>US</span></a> <a href="https://mstdn.social/tags/AirForce" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AirForce</span></a> <a href="https://mstdn.social/tags/Components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Components</span></a> <a href="https://mstdn.social/tags/LockheedMartin" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>LockheedMartin</span></a> <a href="https://mstdn.social/tags/F35" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>F35</span></a> <a href="https://mstdn.social/tags/Nevatim" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Nevatim</span></a> <a href="https://mstdn.social/tags/PYM" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PYM</span></a> <a href="https://mstdn.social/tags/Palestinian" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Palestinian</span></a> <a href="https://mstdn.social/tags/Youth" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Youth</span></a> <a href="https://mstdn.social/tags/Movement" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Movement</span></a> <a href="https://mstdn.social/tags/Gaza" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Gaza</span></a> <a href="https://mstdn.social/tags/Genocide" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Genocide</span></a> <a href="https://mstdn.social/tags/Houthi" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Houthi</span></a> <a href="https://mstdn.social/tags/AnsarAllah" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>AnsarAllah</span></a> <a href="https://mstdn.social/tags/UK" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>UK</span></a> <a href="https://mstdn.social/tags/Parts" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Parts</span></a> <a href="https://mstdn.social/tags/BDS" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>BDS</span></a></p>
🔏 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> <-- 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> <-- 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> <-- 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> <-- 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>
Hacker News<p>RubyUI (Former PhlexUI): Ruby Gem for RubyUI Components</p><p><a href="https://github.com/ruby-ui/ruby_ui" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="">github.com/ruby-ui/ruby_ui</span><span class="invisible"></span></a></p><p><a href="https://mastodon.social/tags/HackerNews" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>HackerNews</span></a> <a href="https://mastodon.social/tags/RubyUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RubyUI</span></a> <a href="https://mastodon.social/tags/RubyGem" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>RubyGem</span></a> <a href="https://mastodon.social/tags/PhlexUI" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>PhlexUI</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/OpenSource" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OpenSource</span></a> <a href="https://mastodon.social/tags/GitHub" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>GitHub</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>
China Business Forum<p>[<a href="https://mstdn.business/tags/TRADESHOW" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>TRADESHOW</span></a>] <a href="https://mstdn.business/tags/NEPCON" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>NEPCON</span></a> <a href="https://mstdn.business/tags/China" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>China</span></a> 2025, <a href="https://mstdn.business/tags/Asia" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Asia</span></a>’s premier <a href="https://mstdn.business/tags/electronics" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>electronics</span></a> <a href="https://mstdn.business/tags/manufacturing" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>manufacturing</span></a> and <a href="https://mstdn.business/tags/technology" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>technology</span></a> <a href="https://mstdn.business/tags/exhibition" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>exhibition</span></a>, from April 22–24, 2025, at the <a href="https://mstdn.business/tags/Shanghai" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Shanghai</span></a> <a href="https://mstdn.business/tags/World" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>World</span></a> <a href="https://mstdn.business/tags/Expo" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Expo</span></a> Exhibition & <a href="https://mstdn.business/tags/Convention" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Convention</span></a> <a href="https://mstdn.business/tags/Center" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Center</span></a>. This <a href="https://mstdn.business/tags/B2B" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>B2B</span></a> <a href="https://mstdn.business/tags/event" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>event</span></a> serves as a vital <a href="https://mstdn.business/tags/platform" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>platform</span></a> for electronics, <a href="https://mstdn.business/tags/automotive" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>automotive</span></a>, and new <a href="https://mstdn.business/tags/energy" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>energy</span></a> industries, presenting the latest in electronic <a href="https://mstdn.business/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a>, <a href="https://mstdn.business/tags/semiconductor" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>semiconductor</span></a> packaging, <a href="https://mstdn.business/tags/industrial" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>industrial</span></a> <a href="https://mstdn.business/tags/robots" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>robots</span></a>, EMS, machine vision, and testing <a href="https://mstdn.business/tags/equipment" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>equipment</span></a>. <a href="https://cnbusinessforum.com/event/nepcon-china-2025/" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">cnbusinessforum.com/event/nepc</span><span class="invisible">on-china-2025/</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>
The Chaotic Good 🏳️⚧️🏳️🌈🖖<p>"<a href="https://lgbtqia.space/tags/Tariffs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>Tariffs</span></a> won't affect consumers"</p><p>Suuuuure they won't, <a href="https://lgbtqia.space/tags/OranutanDon" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>OranutanDon</span></a>. </p><p>My latest order of <a href="https://lgbtqia.space/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a> would disagree.</p>
Andy Miller<p>📣 Django Template components are slowly coming<br>📄 5.2 brings the Simple Block tag which is very similar to React children<br>🔗 <a href="https://softwarecrafts.co.uk/100-words/day-270" rel="nofollow noopener noreferrer" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">softwarecrafts.co.uk/100-words</span><span class="invisible">/day-270</span></a><br><a href="https://indiehackers.social/tags/100_words" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>100_words</span></a>,<a href="https://indiehackers.social/tags/django" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>django</span></a>,<a href="https://indiehackers.social/tags/templates" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>templates</span></a>,<a href="https://indiehackers.social/tags/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a></p>
RecurringBloatware<p><span class="h-card" translate="no"><a href="https://hachyderm.io/@Jeffrey04" class="u-url mention" rel="nofollow noopener noreferrer" target="_blank">@<span>Jeffrey04</span></a></span> Working on my own portfolio at the moment. I don't know anything about how to arrange components properly, or design system related terminologies, so I am having a hard time.</p><p><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/nextjs" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>nextjs</span></a> <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/components" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>components</span></a> <a href="https://mastodon.social/tags/vibecoding" class="mention hashtag" rel="nofollow noopener noreferrer" target="_blank">#<span>vibecoding</span></a></p>
VegansExploreLive feeds
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLoginDrag & drop to upload