Saw https://www.youtube.com/watch?v=An3QMWg3m1c linked last evening & gave the ...

2025-01-03 14:44:54

Saw https://www.youtube.com/watch?v=An3QMWg3m1c linked last evening & gave the challenge a quick go myself.

My approach was a mostly #CSS one, with minimal HTML (no extra wrappers) and JS (used only to update top item index, ~200 bytes minified).

While it was working, it wasn't pretty, so today I polished the demo & heavily commented the CSS - check it out on nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh (nprofile…nmhh): https://codepen.io/thebabydino/pen/jENaPjd

#cssGrid #cssSubgrid #cssMaths #Maths #code #coding #frontend #web #dev #webDev #webDevelopment #cssLayout #cssVariables

Author Public Key

npub1wzrcns4nynt3aegu8qvxyffxu8k6rahtmx5ll6ap7z24f036y43q0u2nuu

Show more details

Published at

2025-01-03 14:44:54

Kind type

1 Short Text Note

Event JSON

{ "id": "b00b599dc2f4f8a7e89ff5007ad3f3785e2d1bec52a4b732e0172b635e0ee287", "pubkey": "708789c2b324d71ee51c3818622526e1eda1f6ebd9a9ffeba1f09554be3a2562", "created_at": 1735915494, "kind": 1, "tags": [ [ "p", "2831912e465dad2381ba6d0cf276232bae2270a4fc9ac7a75271c87679f569b6", "wss://relay.mostr.pub" ], [ "p", "db491ad25a0786a07a13c1d0daa3dd567aece96a40a6fff8b243641ea4307de9", "wss://relay.mostr.pub" ], [ "t", "css" ], [ "t", "cssgrid" ], [ "t", "csssubgrid" ], [ "t", "cssmaths" ], [ "t", "maths" ], [ "t", "code" ], [ "t", "coding" ], [ "t", "frontend" ], [ "t", "web" ], [ "t", "dev" ], [ "t", "webdev" ], [ "t", "webdevelopment" ], [ "t", "csslayout" ], [ "t", "cssvariables" ], [ "imeta", "url https://files.mastodon.social/media_attachments/files/113/764/947/060/349/684/original/1202872cc447e4de.mp4", "m video/mp4", "dim 748x376", "blurhash U86Hr;oe01RkWBayoMa#4:WC?Gs.oNoffhV@" ], [ "proxy", "https://mastodon.social/users/anatudor/statuses/113764957870669413", "activitypub" ] ], "content": "Saw https://www.youtube.com/watch?v=An3QMWg3m1c linked last evening \u0026 gave the challenge a quick go myself.\n\nMy approach was a mostly #CSS one, with minimal HTML (no extra wrappers) and JS (used only to update top item index, ~200 bytes minified).\n\nWhile it was working, it wasn't pretty, so today I polished the demo \u0026 heavily commented the CSS - check it out on nostr:nprofile1qy2hwumn8ghj7un9d3shjtnddaehgu3wwp6kyqpq9qceztjxtkkj8qd6d5x0ya3r9whzyu9yljdv0f6jw8y8v704dxmq3xnmhh: https://codepen.io/thebabydino/pen/jENaPjd\n\n#cssGrid #cssSubgrid #cssMaths #Maths #code #coding #frontend #web #dev #webDev #webDevelopment #cssLayout #cssVariables\n\nhttps://files.mastodon.social/media_attachments/files/113/764/947/060/349/684/original/1202872cc447e4de.mp4", "sig": "e67f67a5ad893711a0f6e8e4d15b2c8f74a2d239fcce12bc84ae1055eb510d5f2c2373821a6652218a985c8c6c16a4408c283773ba4758bb91e69b386d4dedfe" }

Ana Tudor 🐯 on Nostr: Saw https://www.youtube.com/watch?v=An3QMWg3m1c linked last evening & gave the ...