{"id":5614,"date":"2010-12-30T16:58:47","date_gmt":"2010-12-30T15:58:47","guid":{"rendered":"http:\/\/www.chipwreck.de\/blog\/?p=5614"},"modified":"2011-05-17T01:22:09","modified_gmt":"2011-05-16T23:22:09","slug":"safari-pinboard-in-extension-1-9","status":"publish","type":"post","link":"https:\/\/www.chipwreck.de\/blog\/2010\/12\/30\/safari-pinboard-in-extension-1-9\/","title":{"rendered":"Safari pinboard.in extension 1.9"},"content":{"rendered":"<p>Here&#8217;s an update for Pinbar &#8211; a Safari extension for pinboard.in.<br \/>\n<br \/>Adding pages in a pop-up works now (sounds easy, but wasn&#8217;t..:) and via drag &#038; drop. Read on&#8230;<!--more--><\/p>\n<h3>Add to Pinboard via Pop-up<\/h3>\n<p>In the Pinbar preferences you can choose to add bookmarks in a pop-up (Just like the &#8220;popup&#8221;-bookmarklet from <a href=\"http:\/\/pinboard.in\/howto\/\" class=\"external\">pinboard.in<\/a>).<\/p>\n<p>You have to <strong>disable the popup-blocker<\/strong> in Safari (Preferences -> Security) &#8211; or you get a warning message.<\/p>\n<h5>Here&#8217;s the settings menu:<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/Settings-1.9-popup-e1293150000936.png\" alt=\"In the settings you find &quot;popup&quot; now.\" title=\"Settings 1.9 popup\" width=\"350\" height=\"230\" class=\"alignnone size-full wp-image-5627\" \/><\/p>\n<h5>And then you add bookmarks in a popup window, like this:<\/h5>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/add-popup.png\" alt=\"A popup window, nice nice\" title=\"Add via popup window\" width=\"500\" height=\"255\" class=\"alignnone size-full wp-image-5632\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/add-popup.png 500w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/add-popup-120x61.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/add-popup-300x153.png 300w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<p class=\"small\">Technical explanation: Usually Safari Extensions can&#8217;t open popup-windows &#8211; because it&#8217;s not possible to use &#8220;window.open()&#8221;. So I had to implement an ugly hack (a very ugly one), which injects javascript in the current page and simulates a mouse-click event, which then opens a popup window. I&#8217;m still surprised that it works&#8230; And at that stage, it was no moral problem to implement another bad hack, which notifies the user if the popup could not be opened &#8211; which usually means, the popup-blocker is enabled.<\/p>\n<h3>Drag &#038; Drop<\/h3>\n<p>You can drag URLs from the address bar or links from the website, or images or whatever onto the Pinboard toolbar &#8211; and if you drop it, you can bookmark it directly.<\/p>\n<h5>Like this:<\/h5>\n<p><a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/DragDrop-Explanation.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/DragDrop-Explanation-300x203.png\" alt=\"Drag &amp; Drop Explanation\" title=\"Drag &amp; Drop Explanation\" width=\"300\" height=\"203\" class=\"alignnone size-medium wp-image-5622\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/DragDrop-Explanation-300x203.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/DragDrop-Explanation-120x81.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/DragDrop-Explanation.png 881w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p class=\"small\">Fun, because it is native HTML5. But not 100% what I wanted, because you can&#8217;t use dragndrop for the buttons on the main Safari toolbar (the grey buttons).<\/p>\n<h3>Context menu<\/h3>\n<p>You also have a context menu available (right-click on the current page), where you can add the page to pinboard or save it as &#8220;read later&#8221;. This context menu can also be disabled in the settings.<\/p>\n<h3>Misc other stuff<\/h3>\n<ul>\n<li>Toolbar has a close button now <small>You can show the toolbar again in the &#8220;View&#8221;-Menu from Safari<\/small><\/li>\n<li>If you want to search and the toolbar is hidden: it appears and you can enter text to search for (and disappears afterwards)<\/li>\n<li>Shortcut for &#8220;Show unread items&#8221; (by default Cmd-Shift-U)<\/li>\n<li>Icons now look even more confusing<\/li>\n<ul>\n<h4><a href=\"https:\/\/www.chipwreck.de\/blog\/software\/safari-pinboard-extension\/\">&raquo; <u>This way please<\/u> &raquo; to download, comment etc.<\/a><\/h4>\n","protected":false},"excerpt":{"rendered":"<p>Here&#8217;s an update for Pinbar &#8211; a Safari extension for pinboard.in. Adding pages in a pop-up works now (sounds easy, but wasn&#8217;t..:) and via drag &#038; drop. Read on&#8230;<\/p>\n","protected":false},"author":2,"featured_media":5627,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[38],"tags":[45,48,46,44,43],"class_list":["post-5614","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-updates","tag-bookmarks","tag-delicious","tag-extension","tag-pinboard","tag-safari"],"jetpack_featured_media_url":"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/Settings-1.9-popup-e1293150000936.png","jetpack_shortlink":"https:\/\/wp.me\/paPEN-1sy","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/posts\/5614","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/comments?post=5614"}],"version-history":[{"count":0,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/posts\/5614\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/media\/5627"}],"wp:attachment":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/media?parent=5614"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/categories?post=5614"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/tags?post=5614"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}