Blockhead・Web3 Browser/Explorer

This week on /blockhead (@devcon / @ethglobal Bangkok edition):

• updated block and transaction views to account for EIP-2718 transaction types, state roots and legacy data from Ethereum's PoW era

• created a “truncated value” component that visually hides/unhides the middle of a long string with CSS based on user interaction, while keeping it fully rendered in the HTML markup to allow for selection and copy/paste

• added support for @1inchnetwork API – query token balances, spot prices and historical prices in Portfolio and Explorer

• added support for @curvegrid MultiBaas API – query transactions in block, transaction by hash and smart contract source code by address in Explorer

We help builders bring the vision of Ethereum to life.

Devcon is a non profit event, organized by the Ethereum Foundation. It is about the future of technology and society, not just Ethereum.
BKK 12-15 Nov
/devcon

MultiBaas blockchain middleware. Build on blockchain fast, easy, and cost effectively. See linkin.bio/curvegrid to learn more.

A distributed network for various protocols on ETH, BNB Chain, Avalanche, Polygon, OΞ, Arbitrum, Gnosis, Fantom, Klaytn, Aurora, zkSyncEra and Base.

This week on /blockhead (@devcon / @ethglobal Bangkok edition):

• updated block and transaction views to account for EIP-2718 transaction types, state roots and legacy data from Ethereum's PoW era

• created a “truncated value” component that visually hides/unhides the middle of a long string with CSS based on user interaction, while keeping it fully rendered in the HTML markup to allow for selection and copy/paste

• added support for @1inchnetwork API – query token balances, spot prices and historical prices in Portfolio and Explorer

• added support for @curvegrid MultiBaas API – query transactions in block, transaction by hash and smart contract source code by address in Explorer

https://ethglobal.com/showcase/ytym8

/frontend dev・founder/decentralized data wrangler /blockhead・ritual.net・UI/UX abstractionist・DeFi/web3 builder・dropout・24・prev /dydx・x.com/darryl__yeo

"created a “truncated value” component that visually hides/unhides the middle of a long string with CSS based on user interaction" can you share a link or example?

great update! 👀

Thanks!

So far it’s applied to block hashes on the block view in Explorer. Working on applying to hex addresses too once I’ve figured out focus states and layout shifts.

no i meant how you did it, there has been a non-zero number of times where i needed exactly that and google wasn't helpful. curious what solution you landed on that's also not 💩

edit: it's done using <abbr>. html elements are the equivalent of coins stuck in your couch, you'll always find new ones.

Thanks!

So far it’s applied to block hashes on the block view in Explorer. Working on applying to hex addresses too once I’ve figured out focus states and layout shifts.

https://blockhead.info/explorer/ethereum/block/12345678