Image Map

Thursday, January 21, 2016

Chrome Extensions: Browser Tabaholics Unite

I'm a big fan of browser tabs because they allow me to run multiple websites simultaneously without having to click back and forth between windows. 

What's a Browser Tab?
This picture shows two tabs I have open {my Twitter page and this blog}:







How to Open a New Tab
Make sure you're in a web browser {I prefer Chrome}. Up by where you type in a web address, find and click the small square on the very right, as shown below:

You'll see "New Tab" to the right, like this:


From there, you can type in any web address or go to any bookmarked link you'd like. It's just like having multiple windows open, but it's easier to click back and forth between multiple pages now. 

How to Deal with Multiple Tabs
Once you know the trick for creating multiple browser tabs, you'll probably use it all the time. And then you'll become a tabaholic like I am, and your web browser will look like this on a normal day: 


Having that many tabs open at a time is bound to slow your computer down a bit, but there are a couple tricks you can use to help. 

This thing is awesome. After you install it, you'll see a funnel-like icon appear with the rest of your extensions:
Whenever you find yourself with too many tabs open, just click the OneTab funnel icon. Every tab you have open will be condensed into one, like this:


Click any of the titles of the webpages to open them again, or click "restore all" at the top of the page to open them all back up again. Rename the collection of tabs for convenience; you can see that I named the one above "Winter Blog Post" because it was a collection of resources for this post

Notice there is a menu under the time stamp. One of the options in that menu is the ability to share share all the links in a collection as a web page -- this is really handy for sharing several links with students if you didn't want to use, say, Symbaloo for that. Clicking "share as web page" generates a QR code that anyone can scan from a mobile device. Try it:
In that menu of options is the word "more." Click on it to reveal...well, more options. :) 


I can name the tab group this way {this is how I titled mine "Winter Blog Post"}, lock or star the tab group, and get to the OneTab help section this way. The help section goes into more detail about what each of these options does, but here's a synopsis:
  • Naming a tab group helps with organization and productivity -- it also allows you to send specific open tabs directly to that group without collecting all open links at once. 
  • Locking a collection helps eliminate the possibility to accidentally deleting it. It also allows you to restore any link and still keep the link in your tab group. 
  • Starring a tab group makes that collection always appear at the top of your list {similar to pinning a tweet on Twitter}. 

Maybe you're the type that opens articles or blog posts with the intention of reviewing them...and then you get caught up in other things and delay browsing those pages for a few days. If so, you can at least suspend those pages -- i.e. let your computer run faster -- until you get a chance to deal with them. 

After you install the extension, you should see a tab like this:


You don't have to do anything else, but I like to customize the extension just a bit. Click here {after you install the extension} to customize. Here's a peek at the options and what I use:


Once a tab suspends, it looks like this:


All you have to do to see the actual page content is click anywhere in the blue portion of the screen. {You can also whitelist that particular website by clicking the link at the very top of the screen, which means that it will no longer suspend automatically.} 

While not mandatory, extensions like these can help make your computer run a little faster if you're addicted to browser tabs. 

Monday, January 18, 2016

Chrome Extension: Page Eraser

Have you ever wanted to show your class a cool picture or article on a web page, but you couldn't because there was something else on that page that you didn't necessarily want them to see? {We could be talking about inappropriate sidebar ads, or we could just be talking about how you want to show the top part of an article before you show the bottom -- this doesn't just have to be ad-related.} There's a handy {and free} Chrome extension that might help solve that problem! 

Install the Extension
1. Make sure you have a Google account. {If you have a Gmail, YouTube, or Blogger account, you have a Google account. It's possible to connect an existing e-mail -- like your school e-mail -- to a Google account; ask me about that if you're interested in learning more! I definitely recommend separating personal from professional, so if you only have a personal Google account, I'd make another one specifically for school.}

2. Launch Google Chrome {download it here if you don't already have it}.

3. Sign in to your Google account on Chrome. {Click the small silhouette of a person in the top, right corner to sign in for the first time.}

4. Click here to view the PageEraser extension page. To install it, click the blue "add to Chrome" button in the top, right corner of the pop-up box.

To Use
1. Go to the web page of your choice. For the purposes of this demonstration, I'll use this CNN article about pizza wars. :) When I first visit it, the page looks like this:


2. Let's say that I don't want students to see the title because I want them to create their own title for this piece. I need to click on the PageEraser icon, which typically appears in the top, right of the browser and looks like this:
After I click the PageEraser icon, there's a green "on" button that appears on top of the icon so I know it's ready to use. I can click the title(s) of the article to make them disappear and then click the PageEraser icon to turn the eraser off so I can function normally on the page again. My new page looks like this:


The eraser doesn't work on videos, but it does work on text, pictures, and links. Here's what the page looks like after I erased the sidebars:



The most recent update of this extension allows it to remember what you erased, even when you refresh the page or restart your browser, which means you can plan ahead by erasing unwanted parts of the page before the day of your lesson.

To Restore a Page
To get rid of "erasings" {is that a word? I'm making it a word.} right-click on the Page Eraser icon and click "options." Select the check mark next to the page you just erased, and click "remove selected erasers," as shown below:


Then just go back to the original link and refresh the page.

Other Options
There are a couple of other options you can customize in Page Eraser. To get to them, right-click on the Page Eraser icon and click "options." Customize these features how you wish:


and click "save settings."

Ideas for Use
  • Hide unwanted ads or flash banners that AdBlockPlus doesn't catch.
  • Erase titles for an article so students can create their own title.
  • Hide captions of a photograph so students can create their own caption.
  • Erase photos in an article so students can tell you what they visualize as they read the article.
  • Find an online activity that isn't quite perfect for your students? Hide the parts you need students to skip. 
  • Don't want students to skip ahead in a web activity? Only show the first couple of steps. 
  • Want to show a photo or video from a popular Facebook page, but don't like all the commentary? Hide it! 
  • Want to show a YouTube clip but the top comment is inappropriate? Erase it! 

Tweet this tech tip

Thursday, January 14, 2016

Chrome Extension: Link Shortener & QR Code Creator

By now, I'm sure we've all heard of link shortening services like Bitly, TinyURL, and Google's Link Shortener. We've also all heard about QR codes {check out my blog articles about QR codes by clicking here}. ...But what you may not know is that there's a free Chrome extension that will help you shorten a URL and create a QR code for it all with one click! It's called goo.gl URL Shortener.

Install the Extension
1. Make sure you have a Google account. {If you have a Gmail, YouTube, or Blogger account, you have a Google account. It's possible to connect an existing e-mail -- like your school e-mail -- to a Google account; ask me about that if you're interested in learning more! I definitely recommend separating personal from professional, so if you only have a personal Google account, I'd make another one specifically for school.}

2. Launch Google Chrome {download it here if you don't already have it}.

3. Sign in to your Google account on Chrome. {Click the small silhouette of a person in the top, right corner to sign in for the first time.}

4. Click here to view the goo.gl URL Shortener extension page. To install it, click the blue "add to Chrome" button in the top, right corner of the pop-up box.


To Use
1. Go to the web page of your choice. For the purposes of this demonstration, I'll use the contact page of this blog. :)

2. Click the goo.gl URL Shortener icon. It's typically in the top, right of your Chrome browser, and it looks like this:

3. A pop-up box will appear that says "shortening." Then you'll see a pop-up right under the shortener icon that looks something like this: 


4. If you'd like to copy the link, just click the word "copy." Similarly, if you'd like the QR code, click "QR code." The code will appear like this:


Right-click on the code and click "save image as..." to save it somewhere on your computer. The code saves as an image file, so you can insert it into almost any other file or poster you want. {You probably won't use this feature, but the "details" button gives you analytics about the link.}

From there, you can insert the QR code into a flipchart or PowerPoint or just display the link on the board for students to enter on their devices. {Click here to read about 8 ways to share links with students.}