Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://front-end.social/users/eeeps/statuses/112254504694609906">Eric Portis (eeeps@front-end.social)'s status on Friday, 12-Apr-2024 23:24:43 JST</a><a href="https://front-end.social/@eeeps" title="eeeps@front-end.social"><img src="https://gnusocial.jp/avatar/244680-48-20240223083038.webp" width="48" height="48" alt="Eric Portis" style="position: absolute; left: 0; top: 0;">Eric Portis</a><div><ul><li></ul></div></section><article><p>h/t <a href="https://mastodon.social/@Meyerweb">@Meyerweb</a></p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/2929515#notice-5828175">In conversation</a><time datetime="2024-04-12T23:24:43+09:00" title="Friday, 12-Apr-2024 23:24:43 JST">about 8 months ago</time> <span>from <span><a href="https://front-end.social/@eeeps/112254504694609906" rel="external" title="Sent from front-end.social via ActivityPub">front-end.social</a></span></span><a href="https://front-end.social/@eeeps/112254504694609906">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/2492398">A TikTok reaction video that has had some text overlayed. A person (labelled "me watching React devs") watches someone else's hand put a series of shaped blocks into shaped holes. The holes and shapes are all basic and recognizable: square, triangle, circle, etc. The holes are labelled after HTML elements: "div", "button", "li", "table", "input" and "a". The hand takes a square block, which is labelled "generic block content"; The person excitedly says "square hole" (which is labelled "div") and is excited when that's where it goes. The hand then picks up a longer square block (labelled "element group"); the person also gets this one correct (also goes in the div hole), and is excited. The hand then picks up "tabular data"; the person wants it to go in the "table" hole, but no, the hand says it goes in the "div" hole as well. Person gets increasingly upset as blocks labelled "list item", "perform an action", "user input", and ultimately, "a hyperlink" all go in the "div" hole, and not the more appropriately shaped holes/elements that they are correctly calling out, each time, at the end – when "a hyperlink" goes into the "div" hole instead of into the "a" hole – almost though tears.</a></label><br><video poster="" controls="controls"><source src="https://cdn.masto.host/frontendsocial/media_attachments/files/112/254/462/458/408/773/original/063ef12a7683c3a4.mp4" type="video/mp4"></source></video></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Eric Portis (eeeps@front-end.social)'s status on Friday, 12-Apr-2024 23:24:43 JSTEric Portis
- Eric A. Meyer
h/t @Meyerweb
In conversationabout 8 months ago from front-end.socialpermalink
Attachments
1. A TikTok reaction video that has had some text overlayed. A person (labelled "me watching React devs") watches someone else's hand put a series of shaped blocks into shaped holes. The holes and shapes are all basic and recognizable: square, triangle, circle, etc. The holes are labelled after HTML elements: "div", "button", "li", "table", "input" and "a". The hand takes a square block, which is labelled "generic block content"; The person excitedly says "square hole" (which is labelled "div") and is excited when that's where it goes. The hand then picks up a longer square block (labelled "element group"); the person also gets this one correct (also goes in the div hole), and is excited. The hand then picks up "tabular data"; the person wants it to go in the "table" hole, but no, the hand says it goes in the "div" hole as well. Person gets increasingly upset as blocks labelled "list item", "perform an action", "user input", and ultimately, "a hyperlink" all go in the "div" hole, and not the more appropriately shaped holes/elements that they are correctly calling out, each time, at the end – when "a hyperlink" goes into the "div" hole instead of into the "a" hole – almost though tears.

Public

Embed Notice

HTML Code

Corresponding Notice