{"id":34645,"date":"2022-01-07T15:04:11","date_gmt":"2022-01-07T20:04:11","guid":{"rendered":"https:\/\/mjtsai.com\/blog\/?p=34645"},"modified":"2022-01-07T15:04:11","modified_gmt":"2022-01-07T20:04:11","slug":"a-guide-to-nsbutton-styles-2022","status":"publish","type":"post","link":"https:\/\/mjtsai.com\/blog\/2022\/01\/07\/a-guide-to-nsbutton-styles-2022\/","title":{"rendered":"A Guide to NSButton Styles, 2022"},"content":{"rendered":"<p><a href=\"https:\/\/mackuba.eu\/2014\/10\/06\/a-guide-to-nsbutton-styles\/\">Kuba Suder<\/a> (<a href=\"https:\/\/twitter.com\/kuba_suder\/status\/1478698283241558016\">tweet<\/a>):<\/p>\n<blockquote cite=\"https:\/\/mackuba.eu\/2014\/10\/06\/a-guide-to-nsbutton-styles\/\">\n<p>It was hard to figure out the purpose and intended use of each kind of button, and there were hardly any clues inside Xcode itself. So I decided to do some research to find some tips about what each button is for. I put together information I found in the old-style Apple docs and the Human Interface Guidelines, I also looked through Apple&rsquo;s system apps to see which buttons are used in what contexts, and I even peeked inside some apps using <a href=\"http:\/\/www.interface-inspector.com\/\">Interface Inspector<\/a>.<\/p>\n<p>[&#8230;]<\/p>\n<p>In this second edition, I&rsquo;ve replaced all old screenshots with new ones in Retina quality (I&nbsp;even installed a <a href=\"\/images\/posts\/nsbuttons\/macos-mavericks-vm.jpg\">Mavericks VM in VirtualBox<\/a> to get 2x pictures from there!), and I&nbsp;added a new set for Big Sur and Monterey. In some cases there are even separate versions for Yosemite and Catalina, because I&rsquo;ve noticed that a few things were tweaked during that macOS era. I&nbsp;also added new content about new kinds of buttons and features introduced in recent years, clarified and expanded a lot of descriptions, and added some additional examples. I&nbsp;also went through Apple&rsquo;s own apps and <a href=\"https:\/\/twitter.com\/kuba_suder\/status\/1473669482593894410\">looked inside some of them<\/a> again, this time using Xcode view debugger with SIP turned off (thanks to <a href=\"https:\/\/twitter.com\/TimOliverAU\/status\/1411249274822619140\">Tim Oliver<\/a> for the tip!).<\/p>\n<\/blockquote>\n\n<p>Previously:<\/p>\n<ul>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2018\/08\/23\/aqua-screenshot-library\/\">Aqua Screenshot Library<\/a><\/li>\n<li><a href=\"https:\/\/mjtsai.com\/blog\/2014\/10\/12\/a-guide-to-nsbutton-styles\/\">A Guide to NSButton Styles<\/a><\/li>\n<\/ul>","protected":false},"excerpt":{"rendered":"<p>Kuba Suder (tweet): It was hard to figure out the purpose and intended use of each kind of button, and there were hardly any clues inside Xcode itself. So I decided to do some research to find some tips about what each button is for. I put together information I found in the old-style Apple [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"apple_news_api_created_at":"2022-01-07T20:04:13Z","apple_news_api_id":"d1b48b55-72b9-44f4-9f0b-ca7281b4e64f","apple_news_api_modified_at":"2022-01-07T20:04:14Z","apple_news_api_revision":"AAAAAAAAAAD\/\/\/\/\/\/\/\/\/\/w==","apple_news_api_share_url":"https:\/\/apple.news\/A0bSLVXK5RPSfC8pygbTmTw","apple_news_coverimage":0,"apple_news_coverimage_caption":"","apple_news_is_hidden":false,"apple_news_is_paid":false,"apple_news_is_preview":false,"apple_news_is_sponsored":false,"apple_news_maturity_rating":"","apple_news_metadata":"\"\"","apple_news_pullquote":"","apple_news_pullquote_position":"","apple_news_slug":"","apple_news_sections":"\"\"","apple_news_suppress_video_url":false,"apple_news_use_image_component":false,"footnotes":""},"categories":[4],"tags":[69,77,295,30,2077,71],"class_list":["post-34645","post","type-post","status-publish","format-standard","hentry","category-programming-category","tag-cocoa","tag-design","tag-history","tag-mac","tag-macos-12","tag-programming"],"apple_news_notices":[],"_links":{"self":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/34645","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/comments?post=34645"}],"version-history":[{"count":1,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/34645\/revisions"}],"predecessor-version":[{"id":34646,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/posts\/34645\/revisions\/34646"}],"wp:attachment":[{"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/media?parent=34645"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/categories?post=34645"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mjtsai.com\/blog\/wp-json\/wp\/v2\/tags?post=34645"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}