Added, updated & simplified the growing collection of darkroom-related calculators and super happy how elegant and concise the code has turned out, making it super easy to add more of them in the future.

I think it's also another great, if minimal, example to illustrate how otherwise completely separate https://thi.ng/umbrella packages can seamlessly compose/combine to enable a reactive dataflow UI, all without the need for any virtual DOMs and/or completely over-the-top frameworks like React & co. It's also doing so via mostly JS-native data structures for declaring the UI (plain objects/arrays/iterables) and various constructs directly managing the reactive value streams, thus providing a lot more finegrained control over UI updates/timing/throttling). Any value changes done by the user only trigger specific, pin-point calculations which then result in equally specific UI updates to show new results. Any user action only ever triggers the minimum amount of work needed to reflect the new state.

Calculators:
https://demo.thi.ng/umbrella/darkroom-calc/

Source code:
https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/darkroom-calc/src

The attached images show the source code of the entire main app (UI root) and one of the calculators...

Ps. Please let me know if you'd like to see more of these posts in the future. I'm tempted to launch season 2 of #HowToThing (see link below for 30 previous mini projects/tutorials) — but since this is very time consuming to produce & document these projects/examples, and because there has been _very little feedback_ to these previous projects/posts, I first need to gauge interest... Thank you! 🫶

https://codeberg.org/thi.ng/umbrella#howtothing

#ThingUmbrella #Darkroom #Calculator #Tool #Reactive #UI #WebDev #TypeScript #JavaScript #OpenSource

I had a someone come into the office from one of our suppliers this morning. Whilst she was there she saw a printing calculator in a display cabinet and really couldn't understand what it was.

I remember seeing and using them back in the 1980s. I'm really getting too old!

#calculator #retro #office

Qalculate! 5.10 è disponibile: più preciso, più ricco di unità, migliore con intervalli e con tante correzioni utili. #LinuxEasy #Qalculate #Calculator #Software #Linux #Windows

https://www.linuxeasy.org/qalculate-5-10-introduce-miglioramenti-alla-fattorizzazione-e-nuove-unita/?utm_source=mastodon&utm_medium=jetpack_social

POKÉMON POKOPIA PLAYERS CONSTRUCT WORKING CALCULATORS, EXTENDING GAME'S FUNCTIONALITY

Pokopia players are building working calculators with in-game tools, showing the game's deep crafting options. See how this changes gameplay.

#Pokopia, #Pokemon, #Gaming, #Calculator, #Switch2

https://newsletter.tf/pokopia-players-build-working-calculators/

Players in Pokopia are building working calculators, similar to how players used redstone in Minecraft to create complex machines.

#Pokopia, #Pokemon, #Gaming, #Calculator, #Switch2
https://newsletter.tf/pokopia-players-build-working-calculators/

Started creating browser-based calculators for quickly computing a bunch of recurring things in darkroom processing, so far:

Scale amount by area:
Given reference dimensions and amount, compute scaled amount needed for new target dimensions.
Example: Compute drops of emulsion needed for a new print size

Two-part solution ratio:
For a total volume of a two-part solution with a A:B target mix ratio, compute how many units are needed of both A and B.
Example: For N drops in total, compute how many drops are needed for A & B using a 1.2:1 target ratio

Solution addition:
Compute the amount of solution A (with given concentration) to add to another volume to achieve a certain target concentration (for solution A)
Example: How many extra drops of a 25% contrast agent solution are needed to achieve a 5% solution with a certain base emulsion volume

More calculators forthcoming... Feel free to ping me with any other useful formulas you'd like to have added...

Bookmark this on your phone:
https://demo.thi.ng/umbrella/darkroom-calc/

(The UI is responsive to the system's dark mode setting)

Source code:
https://codeberg.org/thi.ng/umbrella/src/branch/develop/examples/darkroom-calc/

Btw. This is https://thi.ng/umbrella example project #186 and relies mostly on these packages:

- https://thi.ng/rdom & https://thi.ng/rstream for reactive UI & computation
- https://thi.ng/rdom-forms for reactive form element abstraction/creation

#ThingUmbrella #AltProcess #Darkroom #DarkroomPrint #AnalogPhotography #Calculator #Reactive #UI #TypeScript

Me: I've been feeling pretty good lately. I'm strong, I don't need to buy any more calculators.
Casio: Oh really?
#casio #calculator

https://youtu.be/YTwESBcgoyQ