{"id":4692,"date":"2010-08-15T12:32:54","date_gmt":"2010-08-15T10:32:54","guid":{"rendered":"http:\/\/www.chipwreck.de\/blog\/"},"modified":"2017-01-11T13:52:52","modified_gmt":"2017-01-11T12:52:52","slug":"safari-pinboard-extension","status":"publish","type":"page","link":"https:\/\/www.chipwreck.de\/blog\/software\/safari-pinboard-extension\/","title":{"rendered":"Safari Pinboard Extension"},"content":{"rendered":"<h2 class=\"desc\">This is the Safari 5 extension for <em>pinboard.in<\/em> &#8211; <strong>not in active development.<\/strong><!--more--><\/h2>\n<p>Current version: <strong>2.78 (Mac and Windows) | 2.91 beta (Safari 5.1 only)<\/strong><\/p>\n<h2>Features<\/h2>\n<div class=\"features\">\n<ol class=\"features\">\n<li><span>Toolbar, Buttons, Context menu &#8211; can be separately enabled\/disabled<\/span><\/li>\n<li><span>Add to Pinboard, read later, view\/search your bookmarks, unread items<\/span><\/li>\n<li><span>Configurable keyboard shortcuts<\/span><\/li>\n<li><span>Show number of unread bookmarks as badge<\/span><\/li>\n<li><span>Open links and Add to Pinboard: In same tab\/new tab\/new window\/popup<\/span><\/li>\n<li><span>Add via drag &#038; drop (on the pinboard toolbar)<\/span><\/li>\n<\/ol>\n<\/div>\n<h3>Download<\/h3>\n<p>&nbsp;<a class=\"download imgshadow action\" href=\"http:\/\/www.chipwreck.de\/downloads\/pinbar.safariextz\">Download <strong>Pinbar 2.78<\/strong> &raquo;<\/a><\/p>\n<p>&nbsp;<a class=\"imgshadow download\" href=\"http:\/\/www.chipwreck.de\/downloads\/pinbar-beta.safariextz\">Download <strong>Pinbar 2.91 beta<\/strong> (Safari 5.1+ only!) &raquo;<\/a><\/p>\n<h3>Quick Overview &#038; Screenshot<\/h3>\n<p><a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/Pinbar-Explanation-2.5.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/Pinbar-Explanation-2.5-300x167.png\" alt=\"Pinbar overview 2.5\" title=\"Pinbar overview 2.5\" width=\"300\" height=\"167\" class=\"alignnone size-medium wp-image-5940\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/Pinbar-Explanation-2.5-300x167.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/Pinbar-Explanation-2.5-120x67.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/Pinbar-Explanation-2.5.png 982w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2>Usage<\/h2>\n<p>You should be logged in at pinboard.in of course. The extension doesn&#8217;t access your personal information.<\/p>\n<p><strong>2.6 uses now the Pinboard-API for <q>Number of unread links<\/q>:<br \/>&#8211; You have to login to api.pinboard.in (with your usual pinboard username\/password).<br \/>&#8211; Click <q>Save to Keychain<\/q> so the login only appears once.<\/strong><\/p>\n<h4>How to install<\/h4>\n<ul>\n<li>First enable Extensions <em>(disabled by default in Safari 5.0)<\/em>: Enable &#8220;Develop menu&#8221; in the Advanced pane of Safari Preferences, then &#8220;Enable extensions&#8221; in the Develop menu.<\/li>\n<li>Download above &#038; double click to install &mdash; or at <a href=\"https:\/\/extensions.apple.com\/\" class=\"external\">extensions.apple.com<\/a>)<\/li>\n<li>The toolbar can be disabled in the &#8220;View&#8221;-menu, the buttons can be added or removed by customizing the Safari toolbar.<\/li>\n<\/ul>\n<h4>Settings<\/h4>\n<p><a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Settings-2.4.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Settings-2.4.png\" alt=\"Extension settings\" title=\"Settings 2.4\" width=\"462\" height=\"367\" class=\"alignnone size-full wp-image-5928\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Settings-2.4.png 462w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Settings-2.4-120x95.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Settings-2.4-300x238.png 300w\" sizes=\"auto, (max-width: 462px) 100vw, 462px\" \/><\/a><\/p>\n<p>Go to Safari Preferences and click on Extensions, choose Pinbar from the list of extensions.<\/p>\n<p><strong>Show context menu<\/strong> &#8211; Turn the context menu on or off (shown if you right-click on a page)<\/p>\n<p><strong>Show number of unread bookmarks<\/strong> &#8211; Shows a badge with the number of your unread bookmarks on the &#8220;Unread&#8221;-button in the toolbar.<\/p>\n<p><strong>Use https for Pinboard<\/strong> &#8211; Opens Pinboard pages via https.<\/p>\n<p><strong>Use reduced skin for toolbar<\/strong> &#8211; Displays the toolbar in an alternate style.<\/p>\n<p><strong>Reuse existing tabs if possible<\/strong> &#8211; Opens your Pinboard, Unread Bookmarks and Search always in the same tab\/window if the page is already open.<\/p>\n<p><strong>Window Handling<\/strong> &#8211; choose if &#8220;Add to pinboard&#8221; opens on the same page, in a new tab, a new window or a popup. Same goes for the links to your pinboard, recent, unread etc.<\/p>\n<p><strong>Keyboard shortcuts<\/strong> &#8211; A modifier and a set of keys can be chosen. The keys are responsible for &#8220;My Pinboard&#8221;, &#8220;Add current page&#8221;, &#8220;Read later&#8221;, &#8220;Search bookmarks&#8221; and &#8220;Toggle Toolbar&#8221; (in that order).<\/p>\n<p><em>If the Pinboard toolbar is shown, you can see the keyboard shortcuts immediately on the respective buttons.<\/em><\/p>\n<h4>Toolbar<\/h4>\n<p><a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Toolbar-1.8.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Toolbar-1.8-300x10.png\" alt=\"Pinboard Toolbar 1.8\" title=\"Toolbar 1.8\" width=\"300\" height=\"10\" class=\"alignnone size-medium wp-image-5600\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Toolbar-1.8-300x10.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Toolbar-1.8-120x4.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Toolbar-1.8.png 965w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<p><em>You can show or hide the Pinboard Toolbar in the &#8220;View&#8221;-Menu of Safari.<\/em><\/p>\n<p><strong>Buttons<\/strong> &#8211; should be self-explanatory: Save current page to pinboard, read later .. and so on.<\/p>\n<p><strong>Search<\/strong> &#8211; Enter a term in the search field and press &#8220;Enter&#8221; to search in your bookmarks. The result is shown in the browser.<\/p>\n<p><strong>&#8220;?&#8221;-Button<\/strong> &#8211; Short help<\/p>\n<h4>Drag &#038; Drop<\/h4>\n<p>You can also drag the favicon onto the toolbar to bookmark the current page.<\/p>\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-120x81.png\" alt=\"Drag &amp; Drop Explanation\" title=\"Drag &amp; Drop Explanation\" width=\"120\" height=\"81\" class=\"alignnone size-thumbnail wp-image-5622\" srcset=\"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-300x203.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/12\/DragDrop-Explanation.png 881w\" sizes=\"auto, (max-width: 120px) 100vw, 120px\" \/><\/a><\/p>\n<h4>Buttons<\/h4>\n<p>\n<a href=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/pinboard-buttons-2.7.png\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/pinboard-buttons-2.7-300x34.png\" alt=\"Toolbar buttons\" title=\"pinboard-buttons-2.7\" width=\"300\" height=\"34\" class=\"size-medium wp-image-6512\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/pinboard-buttons-2.7-300x34.png 300w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/pinboard-buttons-2.7-120x13.png 120w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/pinboard-buttons-2.7.png 438w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a>\n<\/p>\n<p><em>Right click on the Safari toolbar and choose &#8220;Customize Toolbar&#8221; to remove or add buttons.<\/em><\/p>\n<h4>Context Menu<\/h4>\n<p><em>Enable\/Disable in the Settings<\/em><\/p>\n<p>If you right-click on a page you get these two additional entries. When over a link, you can add\/unread the link target.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Context-Menu-1.9.png\" alt=\"Context Menu 1.9\" title=\"Context Menu 1.9\" width=\"218\" height=\"231\" class=\"alignnone size-full wp-image-5669\" srcset=\"https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Context-Menu-1.9.png 218w, https:\/\/www.chipwreck.de\/blog\/wp-content\/uploads\/2010\/08\/Context-Menu-1.9-113x120.png 113w\" sizes=\"auto, (max-width: 218px) 100vw, 218px\" \/><\/p>\n<h4>Notes<\/h4>\n<p>This is my own work and is not affiliated with pinboard.in. If you have problems, wishes, suggestions- use the comment function below.<\/p>\n<h3>Like this?<\/h3>\n<p>Leave a comment, visit the ads or <a href=\"https:\/\/www.chipwreck.de\/blog\/about\/donate\/\">donate<\/a>.<\/p>\n<p> And you can add it to your apps at <a href=\"http:\/\/osx.iusethis.com\/app\/pinboardinsafariextension\" class=\"external\">iusethis.com &raquo;<\/a>.<\/p>\n<h4>Planned features<\/h4>\n<ul>\n<li><del datetime=\"2010-12-20T21:27:18+00:00\">Configurable keyboard shortcuts for Add to Pinboard, Read Later, View Pinboard &#8212; in current beta)<\/del><\/li>\n<li><del datetime=\"2010-12-20T21:27:18+00:00\">Unread items (Simple button)<\/del><\/li>\n<li><del datetime=\"2010-12-20T21:27:18+00:00\">Link to this page (aka Help)<\/del><\/li>\n<li><del datetime=\"2010-12-20T21:27:18+00:00\">Search bookmarks (Result in the browser)<\/del><\/li>\n<li><del datetime=\"2010-12-23T00:20:11+00:00\">Maybe and cool: Add to Pinboard via layer<\/del><\/li>\n<li><del datetime=\"2010-12-30T16:00:08+00:00\">Context menu &#8211; and make it configurable<\/del><\/li>\n<li><del datetime=\"2010-12-30T16:00:08+00:00\">Soon: Try to bypass &#8220;extensions can&#8217;t open popups&#8221; &#8211; I&#8217;ve got a plan..<\/del><\/li>\n<li><del datetime=\"2010-12-30T17:02:07+00:00\">Okay, let&#8217;s be honest, no one reads all this here &#8211; integrate a short documentation (layer or a page)<\/del><\/li>\n<li><del datetime=\"2010-12-30T16:00:08+00:00\">Drag &#038; drop of URLs (from the address bar) onto the toolbar <\/del><del datetime=\"2010-12-23T00:20:11+00:00\"> the bookmark button if this is possible<\/del><\/li>\n<li><del datetime=\"2010-12-24T15:52:40+00:00\">Check if drag &#038; drop on toolbar works. Works, only buttons don&#8217;t.<\/del><\/li>\n<li><del datetime=\"2011-01-11T18:26:43+00:00\">Option to reuse existing tabs\/windows for pinbar\/unread<\/del><\/li>\n<li><del datetime=\"2011-01-11T18:26:43+00:00\">Better Handling of esc when using search<\/del><\/li>\n<li><del datetime=\"2011-01-11T18:26:43+00:00\">When right clicking on a link, bookmarking the target would be cool<\/del><\/li>\n<li><del datetime=\"2011-01-11T18:26:43+00:00\">Red Badges look nice &#8211; maybe the number of unread items on a button<\/del><\/li>\n<li><del datetime=\"2011-02-10T18:11:46+00:00\">Configure skin<\/del><\/li>\n<li><del datetime=\"2011-08-26T22:56:47+00:00\">Improve context menu handling of links: In Google Reader the title is not correct. (should work in the current Beta)<\/del><\/li>\n<li>Check out new Safari 5.1 features (and bugs&#8230;)<\/li>\n<li>Use the API to search\/add bookmarks\/handle tags and find a good UI concept for this.<\/li>\n<\/ul>\n<h4>What&#8217;s new? (Changelog)<\/h4>\n<div class=\"changelog\">\n<h5>2.78<\/h5>\n<p>Improvement: Description can be up to 2048 chars long (more is not possible, because the URI gets too long otherwise). Thanks Andrew Rosen!<\/p>\n<h5>2.76<\/h5>\n<p>Google reader support<\/p>\n<p>Certificate update<\/p>\n<h5>2.7<\/h5>\n<p>Save tabset added<\/p>\n<p>Icons improved<\/p>\n<h5>2.6<\/h5>\n<p>Use API for number of unread bookmarks<\/p>\n<p>Code optimization<\/p>\n<h5>2.5<\/h5>\n<p>Alternate toolbar style<\/p>\n<h5>2.4<\/h5>\n<p>Number of requests greatly reduced (for the unread badge)<\/p>\n<p>Prepared new features: API call, alternate toolbar design<\/p>\n<h5>2.3<\/h5>\n<p>https-Support (Enable in the preferences)<\/p>\n<h5>2.2<\/h5>\n<p>Bugfix for the bugfix for unread badge in new windows..<\/p>\n<p>Dismissed the idea of alert-windows<\/p>\n<h5>2.1<\/h5>\n<p>Bugfix for unread badge in new windows<\/p>\n<h5>2.0<\/h5>\n<p>Unread button with optional badge (number of unread items)<\/p>\n<p>New option: Reuse existing tabs\/windows<\/p>\n<p>New shortcut: Toggle toolbar<\/p>\n<p>Context menu: Adding a link now add its target<\/p>\n<p>Add to pinboard via keyboard or context menu now uses the selection (if present) as description.<\/p>\n<p>Toolbar somewhat reordered.<\/p>\n<p>Search field now uses selection and is cleared when pressing escape.<\/p>\n<p>Alert if you&#8217;re trying to enable  unread badge but the button ain&#8217;t visible.<\/p>\n<p>Code minified + performance<\/p>\n<h5>1.91<\/h5>\n<p>Small fix<\/p>\n<h5>1.9<\/h5>\n<p>Shortcut for unread<\/p>\n<p>Drag &#038; Drop<\/p>\n<p>Open in popup<\/p>\n<p>Context menu (enable\/disable in settings)<\/p>\n<h5>1.8<\/h5>\n<p>Search field + shortcut<\/p>\n<p>Unread button<\/p>\n<p>Code cleanup nr. 4879<\/p>\n<p>New icons, cooler CSS<\/p>\n<p>Help button<\/p>\n<h5>1.75<\/h5>\n<p>Configuration for Shortcuts<\/p>\n<p>Dynamically enable Toolbar buttons<\/p>\n<p>Bugfix for links not respecting setting<\/p>\n<h5>1.7<\/h5>\n<p>Keyboard Shortcuts<\/p>\n<p>Code cleanup<\/p>\n<h5>1.6<\/h5>\n<p>Add to pinboard icon improved<\/p>\n<h5>1.5<\/h5>\n<p>Choose where you&#8217;d like the pinboard-links to open (same page, new tab, new window)<\/p>\n<p>New toolbar icon<\/p>\n<h5>1.4<\/h5>\n<p>Now includes a custom icon<\/p>\n<p>The &#8220;Add in new window\/tab\/same page&#8221; buttons have been replaced by a single button (&#8220;+ Pinboard&#8221;), which can be configure via the Extensions pane (Safari \/ Preferences \/ Extensions<\/p>\n<p>The toolbar design has improved a lot thanks to Ian Soper (<a href=\"http:\/\/www.iansoper.com\" class=\"external\">iansoper.com<\/a>)<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>This is the Safari 5 extension for pinboard.in &#8211; not in active development.<\/p>\n","protected":false},"author":2,"featured_media":4720,"parent":603,"menu_order":50,"comment_status":"open","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-4692","page","type-page","status-publish","has-post-thumbnail","hentry"],"jetpack_shortlink":"https:\/\/wp.me\/PaPEN-1dG","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/pages\/4692","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/types\/page"}],"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=4692"}],"version-history":[{"count":1,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/pages\/4692\/revisions"}],"predecessor-version":[{"id":8036,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/pages\/4692\/revisions\/8036"}],"up":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/pages\/603"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/media\/4720"}],"wp:attachment":[{"href":"https:\/\/www.chipwreck.de\/blog\/wp-json\/wp\/v2\/media?parent=4692"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}