{"id":7759,"date":"2015-09-21T00:01:48","date_gmt":"2015-09-21T07:01:48","guid":{"rendered":"http:\/\/www.wambooli.com\/blog\/?p=7759"},"modified":"2015-09-19T11:53:28","modified_gmt":"2015-09-19T18:53:28","slug":"hamburger-club-sandwich-what-is-it","status":"publish","type":"post","link":"https:\/\/www.wambooli.com\/blog\/?p=7759","title":{"rendered":"Hamburger? Club Sandwich? What is it?"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2015\/09\/club_sandwich.png\" alt=\"club_sandwich\" width=\"210\" height=\"146\" class=\"alignnone size-full wp-image-7760\" \/><\/p>\n<p>You&#8217;ve seen it, I know you have. It&#8217;s an icon. It could indicate a hidden menu drawer, pop-out thingie, or it could be the place you click the mouse to drag a shutter. The usage is inconsistent and so is the name. What is it?<br \/>\n<!--more--><br \/>\nI&#8217;ve seen this icon called the <em>hamburger<\/em>. Yeah, I could buy that. And it&#8217;s a clever description. But the more I stared at it, the more it looks like a club sandwich and not a hamburger. Still, it&#8217;s known as the hamburger.<\/p>\n<p>The icon is actually one of the most ancient of computer icons, having been born on the original GUI computer, the Xerox Star.<\/p>\n<p>Back then, the graphic displays were very low resolution. The hamburger icon&#8217;s designer, Norm Cox, wanted something that was simple to render but conveyed the idea of a list of commands: Click the icon to display a menu. And that&#8217;s how the hamburger is used today.<\/p>\n<p>In both the Chrome and Firefox web browsers, you click the hamburger icon in the upper right corner of the window to view a pop-up menu.<\/p>\n<p>For various mobile apps, the hamburger also works to pop-up (or slide-in) a menu. Its purpose is to show you a list of items, which is what the three lines represent &mdash; not two buns and a patty.<\/p>\n<p>I don&#8217;t think any less of a software developer to use the hamburger icon. It&#8217;s traditional, well-recognized, and as long as they don&#8217;t change its purpose, it works!<\/p>\n<p>Then there&#8217;s Microsoft . . .<\/p>\n<p>See how I ended that sentence? The three dots are called an <em>ellipsis<\/em>. That&#8217;s a Greek word meaning &#8220;to leave out.&#8221; In grammar, you use ellipses (plural) to reference text cut out or omitted for brevity. I use an ellipsis at the end of a sentence to show that I could write more, yet decorum prevents me from wandering off.<\/p>\n<p>In Windows 10, Microsoft uses an ellipsis icon instead of the hamburger to indicate the presence of a menu. In Figure 1, you see the new Microsoft Edge browser, with the ellipsis clicked to show the menu.<\/p>\n<div id=\"attachment_7764\" style=\"width: 560px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-7764\" src=\"http:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2015\/09\/0921-figure1.png\" alt=\"Figure 1. Microsoft doesn&#039;t like hamburgers.\" width=\"550\" height=\"409\" class=\"size-full wp-image-7764\" srcset=\"https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2015\/09\/0921-figure1.png 550w, https:\/\/www.wambooli.com\/blog\/wp-content\/uploads\/2015\/09\/0921-figure1-300x223.png 300w\" sizes=\"auto, (max-width: 550px) 100vw, 550px\" \/><p id=\"caption-attachment-7764\" class=\"wp-caption-text\">Figure 1. Microsoft doesn&#8217;t like hamburgers.<\/p><\/div>\n<p>Ellipses appear all over Windows 10, as do other icons that aren&#8217;t really established or the norm. That&#8217;s okay; every software ecosystem has its own designs and rules. Providing that these items are consistent between all the programs and apps, it works. So there&#8217;s really no need for all software to adopt the same icons &mdash; unless you want to make things easier on the user. And that&#8217;s never been a concern of the software industry.<\/p>\n<p>So enjoy your hamburgers wherever you can.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This new icon is making the rounds.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-7759","post","type-post","status-publish","format-standard","hentry","category-main"],"_links":{"self":[{"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/7759","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7759"}],"version-history":[{"count":3,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/7759\/revisions"}],"predecessor-version":[{"id":7769,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=\/wp\/v2\/posts\/7759\/revisions\/7769"}],"wp:attachment":[{"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7759"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7759"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wambooli.com\/blog\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7759"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}