Saving Images from Google Docs

When edtech rockstar Matt Miller says “Hey Jake, you should make this into an #EduGIF!” you listen.  He was right, too.  It was an awesome tip.

It was a pickle that I had been in before, but I had never known the solution.  You’re preparing something–a lesson, a blog post, whatever–and you need a picture.  Not just any picture, but a picture that you’ve used before.  It’s in that one Google Doc, but you can’t get to the picture from anywhere else.  So, you right-click on it in that Google Doc . . . but there’s no Save Image option.

There are a handful of ways that you can get that image saved as a file on your computer, but the one that Matt sent to me is pretty awesome.  It’s just a few steps and super easy.  And it’s even more convenient if you have multiple images that you need from the same Google Doc.  So, let’s get to it – first an animated #EduGIF and then the steps for those of you who like to read words.

Save Images from Docs Animation

  1. Open the Google Doc
  2. Select File > Download As > Web Page (.html, zipped)
  3. Locate the saved file on your computer
  4. Unzip the file (on my Mac, all that I have to do is double-click)
  5. A new folder should have been created. Inside of that folder will be all of the images that are in that Google Doc.  Feel free to move your image out of there and delete the other files as well as the zipped file.

Add a Popup Message to your Google Docs

Ever wish that you could tell people something when they open up your Google Docs? Maybe “Make a copy of this document, answer the questions and share it with your teacher!” or “This is a draft!

Well, it’s possible.  Some simple coding in the script editor and you can make it happen.  I know that some of you are thinking “Simple . . . . coding. . . !?” while making this face, but it’s true.  Just follow the steps below and you’ll make it happen.

Before we jump into the how, or what it looks like, a few notes:

  • Only Editors will be able to see the popup.  In my testing, someone who is “can view” or “can comment” does not see the popup.  Also, they have to be explicitly shared as editors, not just “anyone with the link can edit.”
  • If you copy the document within your own account, the popup will appear on the copy as well.
  • If someone shared on the document makes a copy, the popup will NOT appear on their copy.
  • If you send the document out on Google Classroom as “Make a Copy for Each Student” it will NOT include the popup in those copies.  I was bummed when I discovered this, because it would have been huge for teachers.

Now that you know those notes and limitations, let’s dive into it.  First, an animated GIF of how to do it and then, below the GIF, the step by step with code that you can just copy and paste.

Add Popup Message to Google Docs Animation

Step-by-Step Instructions:

  1. From within your Google Doc, click on Tools > Script Editor.
  2. Click on Untitled Project and rename the project.
  3. Replace the words myFunction with onOpen. (This is what tells it to run automatically)
  4. After the { type DocumentApp. (include the period)
  5. From the menu that pops up select getUi : Ui
  6. After {DocumentApp.getUi() type a period.
  7. From the menu that pops up select alert(String prompt) : Button
  8. In place of the word prompt type your popup message.
  9. Add quotation marks around your message (and inside of the parentheses).
  10. Click the save icon.
  11. Go back to your Doc, refresh and check it out!

Another note: You can actually edit the appearance of the popup with some HTML and CSS coding, but that would take me longer to explain that 1 GIF can handle!

Credits: I learned this from one of Google’s Applied Digital Skills Courses in the “Code Welcome Screen” Activity.  You can learn about adding some formatting to your popup in that course.

3 Screencastify Features You (Probably) Didn’t Know About

Screencastify is my favorite “lightweight” screen recording tool. I prefer it because 1) it works on Chromebooks, 2) it syncs to Drive and 3) it has all 3 important options (webcam, screen and webcam + screen).  Recently, I discovered 3 features that I hadn’t realized were there – and I’m guessing you hadn’t either.  So, here we go!

 

1. Move, Resize & toggle the webcam

I believe that including webcam video in a screencast is best practice.  However, it doesn’t need to be there for the entire video and sometimes it gets in the way.  So, in Screencastify’s Tab Recording mode, it’s super convenient that you can toggle the webcam off, resize it and move it – mid-recording!  You can also flip the camera, which is nice if you need to hold up something with text on it or, you know, if you have a non-symmetrical hairstyle. 🤪  Note that (currently) you cannot customize your webcam in Desktop Recording Mode.

Screencastify Tab Recording Webcam Features Animation

2. Cursor effects

If you’re recording a tutorial on your computer, cursor effects–like click animations or highlighting the cursor–are essential.  They’re available in both Desktop and Tab Recording Mode.

Screencastify Cursor Effects Animation

3. Switch tabs

Tab Recording Mode is nice for a number of reasons: it lets you reference things “off camera,” lets you customize the webcam window (see above), creates smaller file sizes and lets your computer run more smoothly. But, what if you realize that you need to record a different tab mid-video? Just click on the extension and select “Record This Tab.”

Screencastify Switch Tabs Animation

Note: I learned of many of these features on Screencastify’s blog.

Paint Roller Tool in Google Sheets

I’m a big fan of the Paint Roller (Paint Format) tool in the gSuite platform.  I’ve posted before about using it in Google Docs, as well as in Google Slides.  I probably use it most often, though, in Google Sheets.  I love a nice, organized Google Sheet and this tool helps a lot with that.  My favorite part about it is that it even applies to number formatting (i.e., decimal places, date format, currency, etc.).  Check it out in the animated GIF below!

Paint Format in Google Sheets Animation

Enhanced Sharing Settings on New Google Sites

As soon as it came out, I thought the New Google Sites made a pretty awesome Digital Portfolio tool.  However, there was one important feature missing – sharing settings that allow you to choose to not make student work public.  Well, it’s there now!

First up, a quick overview of this in Animated GIF form, followed by detailed information about the options.

Sharing Settings in New Google Sites

You have a few publishing options with New Google Sites, assuming you’re on a gSuite for Education domain.  Here they are:

Continue reading Enhanced Sharing Settings on New Google Sites

Posting Homework via Google Slides

I’m not a big fan of homework, but I am a big fan of making sure that communication between teachers, co-teachers, students and parents is as convenient and efficient as possible without detracting from the learning experience.  For many educators, their learning management system (LMS) or online gradebook already offer a platform for this.  However, for those that may need an alternative solution – or just a differentiated form of communication – this idea for communicating homework (and/or details about what was done during class) is a good one!  I heard it on Episode 39 of the Google Teacher Tribe Podcast, shared by Karen McKenna.

In Karen’s idea, teachers can use a Google Slides presentation and add a slide for each day of class. On that slide, they can include any important details from class that day, including the day’s homework.  Putting the newest slide at the beginning of the slideshow would make it easiest – saving the viewers from needing to scroll to the end of the slideshow to get the most recent details.

I love this idea for its simplicity and flexibility.  Need to email a parent what their kiddo missed when out sick? Send a link to the slides.  Have a Google Site for your class?  Embed the slides.  Work with intervention specialists, tutors and gifted educators who need to know what you did in your class?  Have them bookmark the slides.  Check out this animation to see how you can set it up:

Homework in Google Slides Animation

Paint Roller Tool in Google Slides

One of the more underutilized tools within Google Docs, Slides, Drawings & Sheets is the Paint Roller (Paint Format) Tool.  It’s purpose is simple – when you want some text or an object to be formatted just like another set of text or an object, the Paint Roller is the tool that you need.  Click once on the already-formatted object/text, then on the Paint Roller and then on the to-be-formatted object/text.

I’ve posted before about how it works in Google Docs, but I wanted to share an animated GIF about how it works in Google Slides!  Notice that it works on text boxes, as well as on shapes, lines and images!  With text boxes, you can even apply it to certain words in the box rather than the entire box.

Paint Roller in Google Slides Animation

Top 5 Posts of 2017

Happy New Year! Before we look forward to all of the awesome learning that 2018 holds for us, I’m going to get all nostalgic for a quick sec…. here are my 5 most viewed posts from 2017:

  1. Adding Captions to Images in Google Docs
  2. Recreating Pop Hits as Content-Related Lyrics Videos 
  3. Change Your Default Font in Google Docs 
  4. Screencastify to FlipGrid 
  5. Adding Audio in Google Slides (hack)

Tips for Creating Stop-Motion Slides

I’ve posted about #StopMotionSlides before and there are others out there (I think that Eric Curts’ and Matt Miller’s are both pretty definitive), but as usual – I like to encapsulate all good Googley stuff in GIF format. So here we go . . . some GIF-style tips for making really rad #StopMotionSlides projects.

Continue reading Tips for Creating Stop-Motion Slides

Change your Default Font in Google Docs

Arial 11!?  Seriously, Google!?  Does anyone like their Docs to be typed in Arial 11?

Here’s how to change your default font style so that it’s what you typically use, so that you don’t have to do it each time.  In the GIF below, I show how to change your “Normal Text.”  Note that you can follow the same steps to change the default formatting for titles, headings, etc.

Here’s the animated process, followed by the step-by-step directions

Change Default Font Style Animation

Continue reading Change your Default Font in Google Docs