Idea: Photoshop-style navigation in your browser

One of my favorite usability features in Photoshop are the view functions you control with your mouse and a command keys. Especially these:

  • space + click and drag = pan image (like smooth “scrolling”)
  • ctrl + mouse scroll = zoom
  • alt + mouse scroll = scroll horisontally

This tutorial on getting ReSharper keypress (alt+enter) to fix spelling hints in MS Word prompted me to think of other app combos. So the idea is a Chrome or Firefox extension that allows you to easily zoom and pan the website. Kind of how you do it on iPad, you just zoom in and “flow” around the page.

What other navigation or key-combos would you like to see from one app into another?

Advertisements

Eating your own dog food

I’m a big believer in using your own product. If you don’t want to use it, why would your customer? (Salespeople: don’t answer that)

Google Labs recently released a nifty little project called Page Speed Online. You enter the URL for your website and it gives you a “Page Speed Score” out of a 100. The best part though is it gives you specific tips on how to increase your score! The tips are categorized in three priorities (High, Medium and Low) and complemented with “rules without suggestions”.

So the obvious question is: What’s the Page Speed Score for various Google products? Let’s find out!

Google

Page Speed Score of 97 (out of 100).
Low priority: Make landing page redirects cacheable

GMail

Page Speed Score of 97 (out of 100).
Low priority: Leverage browser cachingMinify HTMLPut CSS in the document headRemove query strings from static resources

Page Speed Online *snicker*

Page Speed Score of 95 (out of 100).
Low priority: Leverage browser cachingMinify HTMLSpecify a Vary: Accept-Encoding header

Picasa

Page Speed Score of 89 (out of 100).
Low priority: Optimize imagesMinify HTMLSpecify a character set

YouTube

Page Speed Score of 88 (out of 100).
Medium priority: Leverage browser caching
Low priority: Specify a cache validator, Defer parsing of JavaScript, Minify HTML, Serve scaled images, Minify JavaScript

Chrome

Page Speed Score of 80 (out of 100).
Medium priority: Minimize redirects
Low priority: Leverage browser cachingInline Small CSSOptimize the order of styles and scriptsPrefer asynchronous resourcesOptimize imagesMinify HTMLMinify CSSSpecify a character setSpecify a Vary: Accept-Encoding header

Wasn’t that interesting? Picasa the image site gets tips on optimizing images, and Chrome which puts speed in the tagline gets the lowest speed score.

One of my hobby projects is done in Java on Google App Engine with Google Web Toolkit (GWT) and gets two tips on JavaScript (one being “Minifying the following JavaScript resources could reduce their size by 10.5KiB (100% reduction).”, which sounds really positive!). The funny bit being that I can’t affect how GWT creates the JS… I’ll post when I finish the project and follow the tips.

What are your scores? Are you better than Google at their own game? Did you get any useful tips for your site?

[Updated 2011-05-16: Fixed some links and added YouTube]