01.08.14 |
∞
I use Safari as my primary browser with Flash disabled. But occasionally I’ll run into a site with Flash enhancements or video which is better run in Chrome, which has full Flash support. Before Alfred 2 I’d just manually copy my current URL and paste it in Chrome, but this relatively simple workflow makes it a lot easier. Now I just fire up the Alfred launcher and start typing ‘openinchrome’. After a few keystrokes it’s ready to go.
You can also read the original thread on Alfred Forums where there’s several similar workflow alternatives.
10.31.13 |
∞
I’ve been a big fan of Safari for a while; generally it’s my browser of choice in my free time. But for work, I never found it came close to the quality of Chrome, almost entirely due to its poor web inspector.
With Safari 7 out the door as part of OS X 10.9, things are very different. Safari took a huge step forward with their inspector; it’s the first that I’ve used for more than a few minutes without immediately closing the page in question and switching to Chrome Dev Tools. This post details all the changes, the most notable being CodeMirror, an all in one solution for making permanent CSS and JS edits right in Safari. Cool.
10.17.12 |
∞
A common scenario for me is having a bunch of Safari tabs open and then closing them rapidly before I shut down. Safari saves your previous browser state, but often there’s a lot of good tab nuggets that I’ve closed individually but get lost in the shuffle.
Alternatively I open a lot of tabs from my RSS reader, but because I’m looking to save memory or focus in on work, I want a quick way to save my tab state and get rid of them.
Chrome has had this slickly built in for a while, but no dice on Safari. Enter this simple plugin from Pinboard. You’ve got to be a user, but with one click you can quickly save your tab state and reopen later. Works great.
08.09.12 |
Web/UI Design |
∞
Social news site Hacker News has come a long way from its modest roots in 2007. It has diversified its subject matter (though tech and startups still dominate) and in the process has become essential reading for developers, designers and entrepreneurs. I scan HN headlines regularly, at least once every day. Unfortunately, the site’s design is a total eyesore. There’s inadequate line spacing, poor use of typographic hierarchy, little contrast, and comments that stretch out too much – it’s better on the eyes to read on narrower columns.
A simple Chrome or Safari extension that restyles HN’s look is an obvious choice and there are many popular options out there. Yet few address how I tackle HN so I decided to create my own: You can download the Chrome variant at the Chrome Web Store and the Safari extension is available as a direct download on Cloud. You can find downloads and source code for both at my GitHub.
I like to make Hacker News as scannable as possible; I usually ignore comments, point totals and other article stats. To emphasize this I adjusted typography; headlines are bumped up to 24px Helvetica. All other text is secondary and set to 14px or smaller.
Many other extensions are minimal to a fault; there’s little contrast or division between headlines. That cuts down on scan speed as you scroll down a web page. So instead I went in the opposite direction: I added extra white space between articles along with soft gradients to emphasize splits between headlines. I also shifted HN’s color palette away from sepia and oranges to neutral, soft whites. Branding aside, neutrals are just more comfortable to browse through for longer periods.
Note that while I’m not so much into HN article stats, they do help measure “hotness” and article popularity. It’s a lot easier to scan these stats visually instead of deciphering HN’s default view with several tiny numbers crammed next to a headline. To achieve this I swapped out the numbers and replaced them with multi-colored, CSS3 based bar graphs. They automatically appear when mousing over an article and display points (red), comments (yellow) and article age (green). To get a quick snapshot of what’s hot you can tap ‘s’ to turn all article graphs on at once.
Overall, my extension is a slightly different slant on Hacker News than what’s already out there. It’s not for everyone, but if you read HN I encourage you to check it out.