{"ancestors":[],"descendants":[{"id":"111797867392262670","created_at":"2024-01-22T05:07:55.000Z","in_reply_to_id":"111772569313513891","in_reply_to_account_id":"109665576298351061","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://indieweb.social/users/nmn/statuses/111797867376317167","url":"https://indieweb.social/@nmn/111797867376317167","replies_count":1,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003e\u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@argyleink\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003eargyleink\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@keithjgrant\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003ekeithjgrant\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e I’ve had some trouble making it work right, so I plan to read it a few times!\u003c/p\u003e","reblog":null,"account":{"id":"109309418274865014","username":"nmn","acct":"nmn@indieweb.social","display_name":"Naman","locked":false,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2022-11-07T00:00:00.000Z","note":"\u003cp\u003eWorking on StyleX to help make component styling easier.\u003c/p\u003e\u003cp\u003estylexjs.com\u003c/p\u003e","url":"https://indieweb.social/@nmn","uri":"https://indieweb.social/users/nmn","avatar":"https://cdn.masto.host/frontendsocial/cache/accounts/avatars/109/309/418/274/865/014/original/e01a271a97769186.jpeg","avatar_static":"https://cdn.masto.host/frontendsocial/cache/accounts/avatars/109/309/418/274/865/014/original/e01a271a97769186.jpeg","header":"https://cdn.masto.host/frontendsocial/cache/accounts/headers/109/309/418/274/865/014/original/352b6221369189f0.jpeg","header_static":"https://cdn.masto.host/frontendsocial/cache/accounts/headers/109/309/418/274/865/014/original/352b6221369189f0.jpeg","followers_count":142,"following_count":176,"statuses_count":2858,"last_status_at":"2026-04-14","hide_collections":false,"emojis":[],"fields":[]},"media_attachments":[],"mentions":[{"id":"109665576298351061","username":"argyleink","url":"https://front-end.social/@argyleink","acct":"argyleink"},{"id":"109287621302535561","username":"keithjgrant","url":"https://front-end.social/@keithjgrant","acct":"keithjgrant"}],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111797939779162350","created_at":"2024-01-22T05:26:20.714Z","in_reply_to_id":"111797867392262670","in_reply_to_account_id":"109309418274865014","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://front-end.social/users/argyleink/statuses/111797939779162350","url":"https://front-end.social/@argyleink/111797939779162350","replies_count":1,"reblogs_count":0,"favourites_count":2,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003e\u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://indieweb.social/@nmn\" class=\"u-url mention\"\u003e@\u003cspan\u003enmn\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@keithjgrant\" class=\"u-url mention\"\u003e@\u003cspan\u003ekeithjgrant\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e it can be tricky! \u003c/p\u003e\u003cp\u003edef check out \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@bramus\" class=\"u-url mention\"\u003e@\u003cspan\u003ebramus\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e\u0026#39;s tools, the visualizations of the code is super helpful for the mental model\u003c/p\u003e","reblog":null,"application":{"name":"Elk","website":"https://elk.zone"},"account":{"id":"109665576298351061","username":"argyleink","acct":"argyleink","display_name":"Adam Argyle","locked":false,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2023-01-10T00:00:00.000Z","note":"\u003cp\u003eTeachin, designin, and buildin on the web all day.\u003c/p\u003e\u003cp\u003eBluesky \u003ca href=\"https://bsky.app/profile/nerdy.dev\" target=\"_blank\" rel=\"nofollow noopener\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003ebsky.app/profile/nerdy.dev\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e\u003c/p\u003e","url":"https://front-end.social/@argyleink","uri":"https://front-end.social/users/argyleink","avatar":"https://cdn.masto.host/frontendsocial/accounts/avatars/109/665/576/298/351/061/original/3bb639793478d85c.png","avatar_static":"https://cdn.masto.host/frontendsocial/accounts/avatars/109/665/576/298/351/061/original/3bb639793478d85c.png","header":"https://cdn.masto.host/frontendsocial/accounts/headers/109/665/576/298/351/061/original/26c9f83930285ef2.jpeg","header_static":"https://cdn.masto.host/frontendsocial/accounts/headers/109/665/576/298/351/061/original/26c9f83930285ef2.jpeg","followers_count":2302,"following_count":219,"statuses_count":1329,"last_status_at":"2026-04-16","hide_collections":false,"noindex":false,"emojis":[],"roles":[],"fields":[{"name":"Site","value":"\u003ca href=\"https://nerdy.dev\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003enerdy.dev\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2024-03-10T22:47:32.213+00:00"},{"name":"RSS","value":"\u003ca href=\"https://nerdy.dev/rss.xml\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003enerdy.dev/rss.xml\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":null}]},"media_attachments":[],"mentions":[{"id":"109309418274865014","username":"nmn","url":"https://indieweb.social/@nmn","acct":"nmn@indieweb.social"},{"id":"109287621302535561","username":"keithjgrant","url":"https://front-end.social/@keithjgrant","acct":"keithjgrant"},{"id":"109330142125669429","username":"bramus","url":"https://front-end.social/@bramus","acct":"bramus"}],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111798069946810668","created_at":"2024-01-22T05:59:26.000Z","in_reply_to_id":"111797939779162350","in_reply_to_account_id":"109665576298351061","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://indieweb.social/users/nmn/statuses/111798069929302493","url":"https://indieweb.social/@nmn/111798069929302493","replies_count":1,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003e\u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@argyleink\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003eargyleink\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@keithjgrant\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003ekeithjgrant\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@bramus\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003ebramus\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e I only got as far as I did with \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@bramus\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003ebramus\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e ‘s tools!\u003c/p\u003e","reblog":null,"account":{"id":"109309418274865014","username":"nmn","acct":"nmn@indieweb.social","display_name":"Naman","locked":false,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2022-11-07T00:00:00.000Z","note":"\u003cp\u003eWorking on StyleX to help make component styling easier.\u003c/p\u003e\u003cp\u003estylexjs.com\u003c/p\u003e","url":"https://indieweb.social/@nmn","uri":"https://indieweb.social/users/nmn","avatar":"https://cdn.masto.host/frontendsocial/cache/accounts/avatars/109/309/418/274/865/014/original/e01a271a97769186.jpeg","avatar_static":"https://cdn.masto.host/frontendsocial/cache/accounts/avatars/109/309/418/274/865/014/original/e01a271a97769186.jpeg","header":"https://cdn.masto.host/frontendsocial/cache/accounts/headers/109/309/418/274/865/014/original/352b6221369189f0.jpeg","header_static":"https://cdn.masto.host/frontendsocial/cache/accounts/headers/109/309/418/274/865/014/original/352b6221369189f0.jpeg","followers_count":142,"following_count":176,"statuses_count":2858,"last_status_at":"2026-04-14","hide_collections":false,"emojis":[],"fields":[]},"media_attachments":[],"mentions":[{"id":"109665576298351061","username":"argyleink","url":"https://front-end.social/@argyleink","acct":"argyleink"},{"id":"109287621302535561","username":"keithjgrant","url":"https://front-end.social/@keithjgrant","acct":"keithjgrant"},{"id":"109330142125669429","username":"bramus","url":"https://front-end.social/@bramus","acct":"bramus"}],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111798997399021651","created_at":"2024-01-22T09:55:18.712Z","in_reply_to_id":"111798069946810668","in_reply_to_account_id":"109309418274865014","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://front-end.social/users/bramus/statuses/111798997399021651","url":"https://front-end.social/@bramus/111798997399021651","replies_count":1,"reblogs_count":0,"favourites_count":1,"quotes_count":0,"edited_at":"2024-01-22T11:12:29.327Z","content":"\u003cp\u003e\u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://indieweb.social/@nmn\" class=\"u-url mention\"\u003e@\u003cspan\u003enmn\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@argyleink\" class=\"u-url mention\"\u003e@\u003cspan\u003eargyleink\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@keithjgrant\" class=\"u-url mention\"\u003e@\u003cspan\u003ekeithjgrant\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e The debugger extension I built might also help. It can show the to/from boxes on the actual elements that are animated with View Timelines.\u003c/p\u003e","reblog":null,"application":{"name":"Web","website":null},"account":{"id":"109330142125669429","username":"bramus","acct":"bramus","display_name":"Bramus","locked":false,"bot":false,"discoverable":true,"indexable":true,"group":false,"created_at":"2022-11-12T00:00:00.000Z","note":"\u003cp\u003eChrome Developer Relations at Google (CSS + Web UI). CSSWG Member. PADI Divemaster. Blogs at bram.us. I’m primarily active on 🦋 nowadays.\u003c/p\u003e","url":"https://front-end.social/@bramus","uri":"https://front-end.social/users/bramus","avatar":"https://cdn.masto.host/frontendsocial/accounts/avatars/109/330/142/125/669/429/original/ed705eb13e1c2313.jpg","avatar_static":"https://cdn.masto.host/frontendsocial/accounts/avatars/109/330/142/125/669/429/original/ed705eb13e1c2313.jpg","header":"https://cdn.masto.host/frontendsocial/accounts/headers/109/330/142/125/669/429/original/f7a84d5e80556288.jpg","header_static":"https://cdn.masto.host/frontendsocial/accounts/headers/109/330/142/125/669/429/original/f7a84d5e80556288.jpg","followers_count":3002,"following_count":295,"statuses_count":2888,"last_status_at":"2026-04-17","hide_collections":false,"noindex":false,"emojis":[],"roles":[],"fields":[{"name":"🔗 Blog","value":"\u003ca href=\"https://www.bram.us\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://www.\u003c/span\u003e\u003cspan class=\"\"\u003ebram.us\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2022-11-18T11:29:30.469+00:00"},{"name":"🎮 Playground","value":"\u003ca href=\"https://codepen.io/bramus\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003ecodepen.io/bramus\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":"2022-12-21T16:59:32.857+00:00"},{"name":"🦋 Bsky","value":"\u003ca href=\"https://bsky.app/profile/bram.us\" target=\"_blank\" rel=\"nofollow noopener me\" translate=\"no\"\u003e\u003cspan class=\"invisible\"\u003ehttps://\u003c/span\u003e\u003cspan class=\"\"\u003ebsky.app/profile/bram.us\u003c/span\u003e\u003cspan class=\"invisible\"\u003e\u003c/span\u003e\u003c/a\u003e","verified_at":null},{"name":"📍 Location","value":"Belgium","verified_at":null}]},"media_attachments":[],"mentions":[{"id":"109309418274865014","username":"nmn","url":"https://indieweb.social/@nmn","acct":"nmn@indieweb.social"},{"id":"109665576298351061","username":"argyleink","url":"https://front-end.social/@argyleink","acct":"argyleink"},{"id":"109287621302535561","username":"keithjgrant","url":"https://front-end.social/@keithjgrant","acct":"keithjgrant"}],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}},{"id":"111799266017580026","created_at":"2024-01-22T11:03:37.000Z","in_reply_to_id":"111798997399021651","in_reply_to_account_id":"109330142125669429","sensitive":false,"spoiler_text":"","visibility":"unlisted","language":"en","uri":"https://indieweb.social/users/nmn/statuses/111799266003263002","url":"https://indieweb.social/@nmn/111799266003263002","replies_count":0,"reblogs_count":0,"favourites_count":0,"quotes_count":0,"edited_at":null,"content":"\u003cp\u003e\u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@bramus\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003ebramus\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@argyleink\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003eargyleink\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e \u003cspan class=\"h-card\" translate=\"no\"\u003e\u003ca href=\"https://front-end.social/@keithjgrant\" class=\"u-url mention\" rel=\"nofollow noopener\" target=\"_blank\"\u003e@\u003cspan\u003ekeithjgrant\u003c/span\u003e\u003c/a\u003e\u003c/span\u003e Oh I need to try that!\u003c/p\u003e","reblog":null,"account":{"id":"109309418274865014","username":"nmn","acct":"nmn@indieweb.social","display_name":"Naman","locked":false,"bot":false,"discoverable":false,"indexable":false,"group":false,"created_at":"2022-11-07T00:00:00.000Z","note":"\u003cp\u003eWorking on StyleX to help make component styling easier.\u003c/p\u003e\u003cp\u003estylexjs.com\u003c/p\u003e","url":"https://indieweb.social/@nmn","uri":"https://indieweb.social/users/nmn","avatar":"https://cdn.masto.host/frontendsocial/cache/accounts/avatars/109/309/418/274/865/014/original/e01a271a97769186.jpeg","avatar_static":"https://cdn.masto.host/frontendsocial/cache/accounts/avatars/109/309/418/274/865/014/original/e01a271a97769186.jpeg","header":"https://cdn.masto.host/frontendsocial/cache/accounts/headers/109/309/418/274/865/014/original/352b6221369189f0.jpeg","header_static":"https://cdn.masto.host/frontendsocial/cache/accounts/headers/109/309/418/274/865/014/original/352b6221369189f0.jpeg","followers_count":142,"following_count":176,"statuses_count":2858,"last_status_at":"2026-04-14","hide_collections":false,"emojis":[],"fields":[]},"media_attachments":[],"mentions":[{"id":"109330142125669429","username":"bramus","url":"https://front-end.social/@bramus","acct":"bramus"},{"id":"109665576298351061","username":"argyleink","url":"https://front-end.social/@argyleink","acct":"argyleink"},{"id":"109287621302535561","username":"keithjgrant","url":"https://front-end.social/@keithjgrant","acct":"keithjgrant"}],"tags":[],"emojis":[],"quote":null,"card":null,"poll":null,"quote_approval":{"automatic":[],"manual":[],"current_user":"denied"}}]}