My mentor @LBugnion said that growth lies in the ability to keep learning new things.
So to everyone that's read this. Keep learning how to get better.
Okay on this.....
God is Great, first and foremost
Was a bit rigorous, but I did come out alive (not without a few loose nuts)
I hereby give you 4 tools, One for each of my favorite blockchain ecosystems, they are all live on https://t.co/c311F4Yn4b
1. cardano-tx-viz
While block explorers exist, Interacting with Cardanoβs complex eUTXO ledger state usually requires heavy, web dashboards or clunky terminal logs. This high-performance TUI processes and visualizes real-time ledger metrics directly on-chain. It is built entirely in Rust (as promised), utilizing low-level CBOR deserialization to parse raw block data into clean terminal interfaces via the ratatui crate.
Link here: https://t.co/5geBzP3mWB
2. avalanche-atomic-swap-daemon
Executing asset swaps between custom Subnets and the main C-Chain is often slow and relies on risky, centralized bridge operators. This highly concurrent, multi-threaded relayer daemon monitors both networks simultaneously to orchestrate secure peer-to-peer trades. It is engineered with tokio async tasks and alloy to watch cross-chain event states and automatically unlock Hash Time-Locked Contracts safely.
Link: https://t.co/1Ak5Ie3a80
3. base-simulacrum
Testing advanced account abstraction workflows and gas sponsorship options requires slow, expensive public testnet deployments. This inhouse CLI developer utility programmatically spawns a local, isolated EVM node instance to test complex transaction pipelines in milliseconds. It is written in Rust to intercept local RPC traffic and natively simulate EIP-5792 atomic batching calls and mock paymaster operations.
Link: https://t.co/0jOsuXZAgV
4. peaq-depin-simulator
Hardware constraints make it incredibly difficult and expensive for DePIN teams to test machine interactions at scale on a live testnet. This headless, lightweight simulator provisions custom machine identities and generates persistent cryptographic device heartbeats to mimic physical hardware deployment. It leverages sp-core for specialized sr25519 machine signatures and the subxt macro engine to anchor signed telemetry data directly to native peaq pallets.
Link: https://t.co/iO2pVRnxtE
I will once again call up our Rust King @KharayKrayKray to do the honours....
N/B: There is still enough room for improvement on each of those tools, but for now, there you go!
We are looking for 2 serious Ready-to-Wear Fashion Businesses looking to scale.
No funding required. Hence the term βSeriousβ.
Interested? Leave a DM and we'll get you started.
Thank you @EffectTS_ . Words can't express how much structure and peace of mind I've experienced after refactoring my backend typescript codebase. π
Time for a new mind-bending project!
#QLOCK β A JavaScript Quine Clock
https://t.co/JznItddcqg
It displays the current time in a seven-segment style, embedded within its own JavaScript source code.
π π π’ π€ π π
(321 bytes)
CSS Tip! π€
You can create this text hover effect with :has() and custom properties
.details:has(a:hover) *:not(:hover) { opacity: 0.1; }
a:hover { --active: 1; }
.char {
translate: calc(var(--active) * var(--x) * 1%) ... ;
}
The trick here is using :has() to create an exclusionary effect where you select all children except the one that is being hovered or focussed β
.details:has(a:is(:hover, :focus-visible))
*:not(:hover, :focus-visible) {
--opacity: 0.1;
}
.details :is(span, a) {
opacity: var(--opacity, 1);
transition: opacity 0.2s;
}
For the random translations, you can use a little JavaScript to generate some random inline custom property values after splitting up the words into characters π
For example, a character could look like this π
<span class="char" data-char="A" style="--r: -6; --y: -1; --x: -22;">A</span>
And then when you hover or focus that link, you activate the CSS transforms! π
a:is(:hover, :focus-visible) { --active: 1; }
.char {
transition: transform 0.25s var(--elastic);
display: inline-block;
transform:
rotate(calc((var(--active) * var(--r)) * 1deg))
translate(
calc((var(--active) * var(--x)) * 1%),
calc((var(--active) * var(--y)) * 1%)
);
}
You can get as wild as you want with those transforms. Make them span really far as little as you like!
It's important that when you duplicate the characters, you don't replace them. Otherwise, it could be picked up terribly by the accessibility tree π¬ A nice way around this is to duplicate and hide the visual characters from screenreaders and make the non-broken up words screenreader only π
<span aria-hidden="true">
<span class="char" style="--r: -1; --y: -3; --x: -17;">T</span>
<span class="char" style="--r: 2; --y: -27; --x: -7;">w</span>
<!-- Other characters -->
</span>
<span class="sr-only">Tweet</span>
As always, any questions or suggestions, hit me up! π―
@CodePen link below! π