Embed Notice

HTML Code

<blockquote style="position: relative; padding-left: 55px;"><section><a href="https://ellieayla.net/users/ellie/statuses/111211984642283218">Ellie (ellie@ellieayla.net)'s status on Monday, 30-Oct-2023 21:03:03 JST</a><a href="https://ellieayla.net/@ellie" title="ellie@ellieayla.net"><img src="https://gnusocial.jp/avatar/26112-48-20231030120303.webp" width="48" height="48" alt="Ellie" style="position: absolute; left: 0; top: 0;">Ellie</a></section><article><p>Know your <a href="https://ellieayla.net/tags/webui" rel="tag">#webui</a> food menus. Stolen to add <a href="https://ellieayla.net/tags/alttext" rel="tag">#alttext</a>. 🏴☠️</p><p><a href="https://ellieayla.net/tags/ui" rel="tag">#ui</a> <a href="https://ellieayla.net/tags/ux" rel="tag">#ux</a> <a href="https://ellieayla.net/tags/webdesign" rel="tag">#webdesign</a></p><p><a href="https://codepen.io/oliviale/pen/gKParr" rel="nofollow noreferrer">https://codepen.io/oliviale/pen/gKParr</a> is an interactive version in different colours, which cites <a href="https://twitter.com/MichaelBabich/status/608618153757802497" rel="nofollow noreferrer">https://twitter.com/MichaelBabich/status/608618153757802497</a> as possibly the original.</p></article><footer><a rel="bookmark" href="https://gnusocial.jp/conversation/2253344#notice-4440001">In conversation</a><time datetime="2023-10-30T21:03:03+09:00" title="Monday, 30-Oct-2023 21:03:03 JST">Monday, 30-Oct-2023 21:03:03 JST</time> <span>from <span><a href="https://ellieayla.net/@ellie/111211984642283218" rel="external" title="Sent from ellieayla.net via ActivityPub">ellieayla.net</a></span></span><a href="https://ellieayla.net/@ellie/111211984642283218">permalink</a><h4>Attachments</h4><ol><li><label><a rel="external" href="https://gnusocial.jp/attachment/1736976">Title: Know Your Menu.5 website navigation icon pictograms are displayed, each paired with a humorous food-based name.Hamburger Menu: Three horizontal bars resembling a sandwich of bun bread with meat patty filling. Usually full of a list of all kinds of things.Döner Menu: Three horizontal bars where the highest bar is larger and the bottom is smaller, forming an inverted triangle. It also resembles a vertical rotisserie spit of meat where the bottom part has been shaved off. Usually filtering a list.Bento Menu: 9 squares arranged in a grid, akin to how several independent foodstuffs are arranged in a partitioned bento box. Usually for quick-switching to other apps/features all of similar size/importance.Kebab Menu: 3 round dots in a vertical line, like chunks of things on a skewer held in hand. Usually options or verbs on a specific item.Meatballs Menu: 3 round dots in a horizontal line, like meatballs on a small plate. Usually exposes more stuff like preceding items.</a></label><br><a href="https://ellieayla.net/system/media_attachments/files/111/211/984/429/735/846/original/1853e9f2281fb446.png" rel="external">https://ellieayla.net/system/media_attachments/files/111/211/984/429/735/846/original/1853e9f2281fb446.png</a></li><li><label><a rel="external" href="https://gnusocial.jp/attachment/1736977">Untitled attachment</a></label><br></li></ol></footer></blockquote>

Corresponding Notice

Embed this notice
Ellie (ellie@ellieayla.net)'s status on Monday, 30-Oct-2023 21:03:03 JST Ellie
Know your #webui food menus. Stolen to add #alttext. 🏴☠️
#ui #ux #webdesign
https://codepen.io/oliviale/pen/gKParr is an interactive version in different colours, which cites https://twitter.com/MichaelBabich/status/608618153757802497 as possibly the original.
In conversation2 years ago from ellieayla.netpermalink
Attachments
1. Title: Know Your Menu. 5 website navigation icon pictograms are displayed, each paired with a humorous food-based name. Hamburger Menu: Three horizontal bars resembling a sandwich of bun bread with meat patty filling. Usually full of a list of all kinds of things. Döner Menu: Three horizontal bars where the highest bar is larger and the bottom is smaller, forming an inverted triangle. It also resembles a vertical rotisserie spit of meat where the bottom part has been shaved off. Usually filtering a list. Bento Menu: 9 squares arranged in a grid, akin to how several independent foodstuffs are arranged in a partitioned bento box. Usually for quick-switching to other apps/features all of similar size/importance. Kebab Menu: 3 round dots in a vertical line, like chunks of things on a skewer held in hand. Usually options or verbs on a specific item. Meatballs Menu: 3 round dots in a horizontal line, like meatballs on a small plate. Usually exposes more stuff like preceding items.
  https://ellieayla.net/system/media_attachments/files/111/211/984/429/735/846/original/1853e9f2281fb446.png
2. Untitled attachment

Public

Embed Notice

HTML Code

Corresponding Notice