There’s a one-click install available at the Safari Extensions Gallery, or feel free to download it directly below.

For an overview of features in the new version, see the original 2.0 announcement post.

Related posts:

1. Single-keystroke Instapaper in Google Reader
2. Minor TabLinks update
3. TabLinks 2.0

Originally posted on BrettTerpstra.com at TabLinks 2.0 is live

• Opens a new tab instead of an overlay.
• Adds %b (line break) to the template options. Use as many as you like, one will be inserted at the end of each line by default.
• In preferences, you can choose to operate on all open windows, or just the current foreground window.
• The template can be edited live from the TabLinks window. Save/Apply will update the links in the list with the new template.
• Default template presets are included, accessible through the “Presets” button.
• Clicking the links once will select the whole block, as will the “Select All” button.
• Double-clicking the links will make them editable, changes are saved when you click or tab out of the box.

You can download the 2.0 release below, or wait for it to update in the Extensions Gallery.

Related posts:

1. Minor TabLinks update
2. TabLinks 2.0 is live
3. TabLinks Safari Extension

Originally posted on BrettTerpstra.com at TabLinks 2.0

Primer: gleeBox is an amazing extension for Safari (and Chrome and Firefox) that gives you keyboard navigation of links, bookmarks, bookmarklets and more. If you haven’t tried it out, you should.

A while back I wrote about fixing the highlights in gleeBox. I found them just ugly enough to require measures to soften the colors and handle padding a little differently. Well, color me tickled, the latest update that just showed up in my extensions panel brings, among other things, prettier highlights. Prettier than my makeshift ones, too. Just thought I’d share…

Related posts:

1. Fixing Gleebox
2. Why I will never be a wildlife photographer
3. A little HootSuite userstyling

Originally posted on BrettTerpstra.com at gleeBox gets prettier highlights

It uses the same navigation as Instapaper Beyond (mmm, clever), so pressing “h” will bring down a menu of the main commands available in the extension, and pressing the letter for a command (or clicking it in the menu) will provide more information about that command. In some cases, a short screencast is available, and I’ll put more up when I have a chance.

The page takes advantage of the fact that it’s pretty much exclusive to Safari 5, using HTML5 video tags and webkit transitions for much of the interface. That, and a little jQuery. The video player is a custom-styled <video> tag, which was something I’ve been meaning to figure out how to pull off.

I hope IB users enjoy the page, and I welcome comments and criticisms!

Related posts:

1. Instapaper Beyond: fix for text style controls
2. Instapaper Beyond Bugs (fixed)
3. Instapaper Beyond for Safari

Originally posted on BrettTerpstra.com at Instapaper Beyond microsite

I have a few new features completed and ready to launch, actually, but I’ll save them up for a bigger update. I’m also going to try to find time to build out a dedicated project page, and maybe even add a screencast. I do love making screencasts.

I’ll be keeping an eye on the gallery to see when it shows up. Follow @ttscoff on Twitter if you’re curious, I’m sure I’ll have an excited tweet or two when it does.

Related posts:

1. Instapaper Beyond microsite
2. TabLinks 2.0 is live
3. New Safari Extensions give good source

Originally posted on BrettTerpstra.com at Instapaper Beyond in the Safari Extensions Gallery

I cleaned up a few loose ends, fixed some error messages, general housekeeping. However, I’m still stuck as to how to tell when a post to Instapaper fails. I’m unable to get a response code from the async post, so all I can really tell is that there was a response. I can’t tell if it was good or bad. So… the notification will pretty much always tell you it was a success. If your articles aren’t showing up in Instapaper, check your username and password in the settings and try again.

I doubt I’ll push much further on this, given that the Instapaper bookmarklet does a fine job with Google Reader, and you can trigger it with a ⌘-# if it’s in your bookmarks bar, # being the position of the bookmarklet in the bar, from 1–9.

Related posts:

1. Bookmarklet: Read Pinboard links with Instapaper Text
2. Instapaper Beyond: fix for text style controls
3. Single-keystroke Instapaper in Google Reader

Originally posted on BrettTerpstra.com at GReader Instapaper 0.2

Click below to download, unzip the extension and double click it to install. Head for Preferences->Extensions and set up your Instapaper username and password, and pick a hotkey. The default hotkey is “i”, which doesn’t interfere with existing Google shortcuts. Tailor to taste.

The only issue I’m having right now is that it doesn’t fail properly if you have an incorrect user/pass combination. It tells you it succeeded, but doesn’t post to your account. I’ll have to add a verification step at some point in the process. For now, if things aren’t showing up in Instapaper for you, check your username and password in the Extensions preferences. Be sure to check out Instapaper Beyond, too!

Download:

Related posts:

1. GReader Instapaper 0.2
2. Instapaper Beyond for Safari
3. Instapaper Beyond: fix for text style controls

Originally posted on BrettTerpstra.com at Single-keystroke Instapaper in Google Reader

This release includes:

• Alphabetical sorting of the help HUD (A-Z,a-z)
• Edit a bookmark with “E” (Shift-E)
  • you can tab through the fields and submit with Enter, returning you to your listing
• Scroll animation when navigating bookmark lists
  • makes it more obvious which direction the page just scrolled you in when selecting a bookmark partially or entirely offscreen.

Download:

Related posts:

1. Instapaper Beyond: fix for text style controls
2. Instapaper Beyond 1.3
3. Instapaper Beyond 1.8.7

Originally posted on BrettTerpstra.com at Instapaper Beyond 1.8.9

This is relatively minor update for Instapaper Beyond, the Safari extension which gives you full Ajax loading and keyboard control over Instapaper. It does, however, have one very cool new feature, and one often-requested fix.

The new feature is type-ahead folder selection in the popup HUDs for Move To and Go To Folder. When the HUD pops up, you can just start typing and it will find the first folder that matches the letters you’ve typed and select it. The arrow keys function as usual, and enter or right arrow will open the selected folder. If you type a few letters and then hit backspace or escape, it will clear the filter field. If you pause for a second, then start typing again, it will start a new filter, QuickSilver/Launchbar style.

The other noticeable change is that it works better with Greystyled now. It’s not perfect, as Greystyled wants to do its own thing with the Ajax-loaded text versions and there’s a major conflict. I check for Greystyled now, though, and give it a little leeway. The text view will not look like it does in Greystyled without IB loaded, but it will work for you.

If you have Instapaper Beyond loaded, it will either update automatically, or show up in your available updates if you have auto-updates turned off. If you haven’t loaded it, download it below and give it a try!

Related posts:

1. Instapaper Beyond Bugs (fixed)
2. Instapaper Beyond: fix for text style controls
3. GReader Instapaper 0.2

Originally posted on BrettTerpstra.com at Instapaper Beyond 1.8.7

Fortunately, another Safari extension comes to the rescue. User CSS is a pretty effective way to use slightly-modified userstyles and generate your own CSS overrides. If you happen to have both extensions installed (or are on your way to get them right now), here’s a recipe for de-uglifying gleeBox (settings screenshot):

1. Create a new User CSS in the User CSS Manager
2. Name it Glee Highlight Override and set the Domains field to *
3. Add the code below in the Styles field:

body .GleeHL { 
	background-color:#eef49b !important;
	-webkit-box-shadow:none !important;
	border:solid 1px #dfec2c !important;
	padding:0 !important;
}
body .GleeReaped {
	background-color:#f6f9c9 !important;
	border:solid 1px #c0c660 !important;
}

The highlights should be prettier now, even if the change is fairly subtle. The style also removes the padding and shadow on the selected item so that, in most cases, selected items don’t jump around and move other elements as you tab through the page. Let me know if it doesn’t work for you. Obviously, the colors are adjustable to taste. You could even create special overrides for certain sites to match color schemes better… I mean, if you were crazy obsessive or something. If you come up with a better all-around color set, let me know!

By the way, the Reddit Twitter style is great in Safari! Here’s a shot of it with custom gleeBox highlights!

Related posts:

1. gleeBox gets prettier highlights
2. A little HootSuite userstyling
3. Pinboard redesign experiment

Originally posted on BrettTerpstra.com at Fixing Gleebox

I actually ended up rewriting the existing javascript as a module in Instapaper Beyond, so there’s the possibility of easily extending it to handle more options. Background color, more fonts, etc. We’ll see how far I get with that. My next order of business is to get it to work with some of the existing userstyles out there, but time has been tight for me when it comes to these side projects. I’ll keep you posted.

If you have Instapaper Beyond installed, it should show up in your updates (or be updated automatically, depending on your settings). If you want to download the extension, please use the link below. For more information on Instapaper Beyond, see the original post for the Safari Release.

Related posts:

1. Instapaper Beyond 1.8.7
2. Instapaper Beyond 1.8.9
3. GReader Instapaper 0.2

Originally posted on BrettTerpstra.com at Instapaper Beyond: fix for text style controls

BetterSource adds two buttons to your toolbar. The first is for viewing the source code of the current page in a new tab, and with line numbers and syntax highlighting. That in itself is a huge improvement over the native source viewer. The second does the same, but with the rendered source (after DOM changes and other javascript fun), which is basically what you get in the Inspector, but with less fuss and easier copying.

Entropy provides the second extension (actually, a plugin to be placed in ~/Library/Internet Plugins), called the XML View Plugin. It provides a more Firefox-like view of XML data (which Safari fails to display), and also formats JSON data for easy viewing. For anyone who works with API’s and consumes web services, this is a great tool and a welcome addition to Safari.

Related posts:

1. Clippable updated to remove source code line numbers
2. Instapaper Beyond in the Safari Extensions Gallery
3. Single-keystroke Instapaper in Google Reader

Originally posted on BrettTerpstra.com at New Safari Extensions give good source

The automatic update is functioning, so anyone with TabLinks already installed should see it show up in their updates, or just update automatically if you have that option enabled. This version should show up as 1.3. If you’re looking for the initial install, you can find it below.

Related posts:

1. TabLinks 2.0 is live
2. Instapaper Beyond 1.8.7
3. Minor update to Instapaper Beyond (1.4)

Originally posted on BrettTerpstra.com at Minor TabLinks update

Okay, this one has a little refining left to go, but it seems to be working pretty flawlessly. I ported most of the code from a greasemonkey script. All I really want to add is a toolbar item that lets you easily turn it on and off, and maybe a whitelist feature.

There are actually legitimate uses for a plugin like this. Seriously.

Related posts:

1. Instapaper Beyond 1.8.7
2. Instapaper Beyond: fix for text style controls
3. Safari Reader Antique hack

Originally posted on BrettTerpstra.com at RedirectBuster, another late night Safari Extension

TabLinks is a quick experiment, designed to meet my own needs. It needs some work, but it does the trick: it copies the link information for every tab open in Safari, and outputs them as a list, based on a user-defined template. You set up your template in the Extension settings, and use the following variables to define your link style:

• %u = URL
• %t = title
• %w = window index
• %n = tab index (within window)

That’s all there is for now. The default link format is a Markdown reference list, with the references being window#-tab#, so they come out as [0-12]: yourlink.com "and its title". If you dig Markdown, you can easily modify this to make a list of titles linked to their respective pages by changing the template to * [%t](%u). If you’d rather get plain HTML, try <a href="%u">%t</a>. Maybe you just want a list of URLs, in which case your template would just be %u.

Like I said, it’s pretty simple right now, and may stay that way while I go back to tidy up and improve on InstapaperBeyond. I do plan to add a checkbox to the settings that lets you decide whether clicking the toolbar button copies just the current window’s tabs, or all tabs as it does now. I would have liked to add a “copy to clipboard” button, but (as far as I know), Safari doesn’t allow access to the clipboard in any fashion, even with something like ZeroClipboard.

The popup window could use some classing up, too… a little CSS3 animation/transition and some more consistent styling that isn’t constantly being overridden by site styles. However, it’s quite useful to me as is, so I’m sharing it in the hopes that others will find it as helpful as I do. Personally, I use it when I write posts, especially on TUAW, where there are a lot of links to deal with. I pop open the links I know, run searches in new tabs for the ones I need, then copy the whole bunch as references to paste into the top of my post.

Related posts:

1. TabLinks 2.0
2. Minor TabLinks update
3. nvALT 1.0.7

Originally posted on BrettTerpstra.com at TabLinks Safari Extension