Wednesday, February 27, 2013

Digital Inspiration Technology Blog: How to Use Bookmarklets in Chrome for Mobile

Digital Inspiration Technology Blog
Digital Inspiration is an award-winning how-to tech blog around all things related to computer software, web applications, mobile and personal productivity.
How to Use Bookmarklets in Chrome for Mobile
Feb 27th 2013, 20:29

I like the Google Chrome browser on my Android and iOS devices for several reasons. The search suggestions that show up in the address bar as-you-type save time (and keystrokes) and I can even tap the microphone icon to search via voice. I can open a website in Chrome on my desktop and it instantly becomes available on the phone without requiring any Chrome-to-Phone extensions.

There's the Incognito mode that lets you privately browse the web without leaving any traces once you exit the browser. The bookmarks and bookmarklets are always kepts in sync across all mobile devices and computers.

Bookmarklets Missing in Google Chrome (Mobile)

The one thing that I do however miss in Google Chrome, both on Android and iPhone /iPad, is the bookmarks toolbar. There isn't an always-visible bookmarks bar and thus you can cannot run any of your bookmarklets  against the current web page.

Without bookmarklets, there are quite a few things that you cannot do inside a mobile browser. For instance, how do you save a web page to Evernote or Instapaper for reading later? How do you submit a page to StumbleUpon or pin an image from the page to Pinterest? How to auto-fill passwords that are saved in your LastPass account?

Fortunately, there exists a simple workaround that will help you use bookmarklets inside Chrome on your iOS and Android phone /tablet.

Using Bookmarklets in Chrome on Android and iOS

While you are on a web page inside Chrome mobile, tap the address bar and start typing the bookmarklet name as you have saved it inside Chrome on the desktop.

The omnibox (see screenshots) will show a bunch of suggestions pulled from the web as well as from your local bookmarks. Look for entries that are "starred" and have addresses that begin with "javascript" – these are bookmarklets and you can tap to run them against the current page.

Here are some screenshots that illustrate how you can use the Kindle bookmarklets from the Chrome browser running on an Android phone and an iPad. Not a one-click process but not cumbersome either.

Bookmarklets in Chrome for Android

Google Chrome - Android PhoneGoogle Chrome - Android Phone

Bookmarklets in Chrome for iPad

Google Chrome - iPhone and iPad

Tweet this Share on Facebook


Digital Inspiration @labnolThis story, How to Use Bookmarklets in Chrome for Mobile, was originally published at Digital Inspiration on 27/02/2013 under Android, Bookmarklets, Google Chrome, IPad, IPhone, Software.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions

Digital Inspiration Technology Blog: Facebook Like Box Becomes Faster and Lighter

Digital Inspiration Technology Blog
Digital Inspiration is an award-winning how-to tech blog around all things related to computer software, web applications, mobile and personal productivity.
Facebook Like Box Becomes Faster and Lighter
Feb 27th 2013, 15:27

If you embedded the Facebook Like box in your website, the good news is that the plugin should have little impact on the performance, or page speed, of your pages.

Stoyan Stefanov of the Facebook engineering team shares that the updated Like box is 2-4x faster and is considerably lighter than the previous version. The Facebook Like plugin now loads in 0.5 seconds, as opposed to 2.3 seconds and while the previous version was 245KB in size, it now weighs a mere 46KB.

Facebook Like Box - Old

Earlier, Facebook Like box made 24 web requests and would load in 2.4 seconds

Facebook improved the performance of the plugin by switching to inline CSS styles (as opposed to using external stylesheets) and by squeezing multiple scripts into one – the plugin thus has to make fewer web requests.

Facebook Like Box - New

Facebook Like box now loads in .7 seconds and makes just 13 requests (for photos)

How do you get the faster Facebook Like box for your website? First, does the Facebook embed code on your website look anything like this?

XFBML version (old)

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>  <fb:fan stream="false" name="PAGE_NAME"></fb:fan>

IFRAME version (old):

https://www.facebook.com/plugins/fan.php?connections=10&name=PAGE_NAME

If your embed codes are different, you are covered as Facebook will automatically serve you the improved Like box. Else, you are using the older /deprecated version of the Facebook Like box  so head over to developers.facebook.com and generate the new embed codes.

Tweet this Share on Facebook


Digital Inspiration @labnolThis story, Facebook Like Box Becomes Faster and Lighter, was originally published at Digital Inspiration on 27/02/2013 under Facebook, Internet.

You are receiving this email because you subscribed to this feed at blogtrottr.com.

If you no longer wish to receive these emails, you can unsubscribe from this feed, or manage all your subscriptions