🧑🍳 Currently cooking: Import assets from #Figma to #Statamic.
Looking forward to (very soon) releasing my first addon for @statamic 🚀
| Website | https://mariohamann.com |
| GitHub | https://github.com/mariohamann |
Mario
@mariohamann@indieweb.social
- 171 Followers
- 318 Following
- 1.2K Posts
Principal Engineer • Musician
I should have set up a monthly donation to #Wikipedia much earlier. But here we are.
Let's fight. https://hachyderm.io/@molly0xfff/113868325221306547
📨 Once a year I'm going to Inbox Zero-ish. I take every mail from last year, mark it as read (>1000 unread before) and move it to Archive (>4000 in Inbox before).
I learned this on Mastodon last year and I believe it's true: If something is important enough and I missed it, the person would reach out again.
On my way I unsubscribed from about 20 newsletters. Feels so good.
🤘Will have a gig with my company's band at the upcoming summer party in Munich.
I finally wired everything up and am so much looking forward to v2 of my 100% digital and automized setup. 🦾
- 💻 Main interface: MacBook Pro + Motu M2 + Bose S1 Pro
- 🎹 Synth: Ableton Live + Push
- 🎸 Guitar: Fender USA Strat + TH-U
- 🎼 Sheets (+ MIDI trigger): iPad + Forscore + AirTurn Duo 500
But it’s getting more interesting: I wrote a #Figma Plugin, that fetches data from any endpoint and updates Figma variables from that. I created a little #Laravel app, with three endpoints and now I'm able to:
1. Autoupdate any value in Figma prototypes (e. g. time).
2. Values are synced between app and prototype – and you can trigger both to update each others value! 🤯 (This would be easier with Figma enterprise.)
This opens up crazy use cases for #UX / #UI testing + #Prototyping.
(2/2)
Some days ago I read an article how people wired up #Figma with a physical device: https://edges.ideo.com/posts/figproxy I was fascinated by the concept but found it sad, that it needs a custom browser, only available on macOS.
🎉 I sat down and now I have a working prototype which works in every browser and system:
1. Run native JavaScript. e. g. an alert
2. Trigger JS events to e. g. open a #Shoelace dialog including a YouTube video.
(1/2)
@brianleroux And now thanks to WASM and Extism (https://github.com/extism/extism https://github.com/extism/extism) I can run enhance-ssr to pre-render JavaScript components in Java as well. This is crazy.
https://github.com/mariohamann/enhance-ssr-wasm/tree/experiment/extism/java-demo
GitHub - extism/extism: The framework for building with WebAssembly (wasm). Easily load wasm modules, move data, call functions, and build extensible apps.
The framework for building with WebAssembly (wasm). Easily load wasm modules, move data, call functions, and build extensible apps. - extism/extism
I’m thrilled. Coming from https://indieweb.social/@brianleroux/111960008754305720 I just got enhance-ssr working with PHP:
1. Import https://github.com/extism/php-sdk
2. Load WASM file…
3. …which was created with https://github.com/extism/js-pdk
4. Define html + components…
5. …run it...
6. …and get my enhanced html.
This is amazing. It means that I can build an Enhance component once and use it on server side (!) in all the programming languages supported by Extism - and there are many: https://github.com/extism#run-webassembly-in-your-app
Brian LeRoux 💚 (@brianleroux@indieweb.social)
@mariohamann @jakelazaroff@mastodon.social @scottjehl@mstdn.social @enhance_dev@fosstodon.org no quickjs currently, aiming for a few weeks from now to formally announce but work under way and help appreciated if you are interested (currently works for node, Deno, and python but any wasm capable runtime should work)
✍🏻 New post/package: “<music-memory> Web Component“
https://mariohamann.com/music-memory-web-component
> Turning a little Christmas music game into a web component
Demo: https://mariohamann.github.io/music-memory/ (using <snow-fall> and <is-land> by zachleat@zachleat.com) :)
Great read. Thanks for sharing @ross!
I love experimenting with new stuff, but using it in large scale production hits differently.
The attached graphs resonated most and really make me think. And they somehow remind me of this article by @hanspagel: https://hanspagel.com/tech-stack https://fosstodon.org/@ross/111473693575193207
