How to Watch YouTube Videos with Picture-in-Picture on your iPad

The Picture In Picture support in iOS 9 lets you watch videos while you work on other apps. To get started, open a video inside Safari, click the PIP icon in the video player and it will pop-out the video to a corner of your iPad screen. You can switch to any other app on your iPad and the video will continue playing uninterrupted. The floating video play can also be resized using the pinch to zoom gesture.

The YouTube app on the iPad also supports Picture In Picture but that will only work while the app itself is in the foreground. You can watch a YouTube video in PIP mode while you explore other videos inside the YouTube app but as soon as you switch to another iOS app, the video will stop playing.

YouTube Video in Foreground

YouTube and iOS 9’s Picture in Picture

Wouldn’t it be nice if you could multitask and simultaneously watch movies on YouTube while replying to emails or checking your Twitter stream?

Meet YouTube PIP, my latest web app that lets you watch any YouTube video using the Picture in Picture mode in YouTube. While you are inside the YouTube app, tap the share button and copy the link (URL) of the YouTube video. Open YouTube PIP in your Safari browser, paste the YouTube URL and click the Play button.

Voila! The YouTube video player will have that picture-in-picture icon that you can tap to detach the video from Safari. Now switch to Mail, or any other iOS app and the YouTube video won’t stop playing. Also the YouTube video will support “true” full screen mode which is not available inside the YouTube app.

The trick is very simple. When you paste the YouTube video URL, the app embeds the YouTube video in HTML5 mode. And because it is an HTML5 video, the PIP controls are available automatically. This should work for all YouTube videos that support embedding on external websites.

The Picture in Picture mode is supported on all iPad models including iPad Pro, iPad Mini and iPad Air. Android doesn’t support PIP but there are a bunch of apps that will put YouTube videos in the foreground.


The story, How to Watch YouTube Videos with Picture-in-Picture on your iPad, was originally published at Digital Inspiration by Amit Agarwal on 05/10/2015 under Embed, IPad, YouTube, Internet.

How to do Reverse Image Search on your Mobile Phone

The Reverse Image Search option in Google Images can help you quickly discover related images from around the web. Upload a photograph from your desktop to Google Images and it will show you similar images used on other websites and also different sizes of the same photo almost instantly.

Journalists can use the reverse search option to find the original source of an image and also know about the approximate date when the picture was first published on the Internet. Photographers can use ‘search by image’ feature to know about other websites that are using their photographs.

Reverse Image Search on Mobile Devices

The little problem is that ‘search by image’ is only available on desktop computers and not on mobile devices and tablets. Thus, if a friend has sent you an image on WhatsApp or Facebook that you’d like to verify, you’ll have to first transfer the photograph to a desktop in order to perform a reverse search. Too much work, right?

Not anymore. I wrote a little web app that lets you perform reverse searches on a mobile browser as well. Go to on your mobile phone, click the “Select Image” button and choose an image from the photo gallery of your phone. Next click “Search” and it will upload your photo to Google Images much like the desktop version.

Find related images with Google Images on a mobile device.

Find related images with Google Images on a mobile device.

I’ve tested the search app on Chrome for Android and Safari for iPad but it should work on most other devices since it uses the standard HTML5 File System APIs. Internally, it takes your image file, converts it to Base64 (data URI) and submit the encoded image as HTTP POST request to Google Image. The browser then automatically redirects to the search page.

Also see: Find out where a picture was taken

There’s another workaround as well that will let you use the official Google Image Search website for reverse search on a mobile device. Open the Chrome browser on Android and under settings, choose “Request Desktop Site.” Now open and you should see the Camera icon to upload an image for searching.

The story, How to do Reverse Image Search on your Mobile Phone, was originally published at Digital Inspiration by Amit Agarwal on 30/09/2015 under Google Images, Images, Internet.

How to Change a Picture’s Date in Google Photos

Casey Smith uploaded a bunch of scanned images on Google Photos but they are showing the date when the scan was made and not when the pictures were captured. She writes: “Do you have any recommendation on how to re-date pictures that are not appropriately dated? I have a ridiculous amount of photos that are dated as of the date I added them to Google Pictures as opposed to the date they were actually taken. It’s driving me nuts. Any advise?”

There are two ways to deal with the problem. You can either change the date of photos before uploading them to Google Photos or do it after the photos are uploaded. The former option is recommended since it will let you modify the date and time of multiple photos in one go while the latter option would allow you to edit the timestamp of one image at a time.

Both Windows Photos Gallery and Apple Photos for Mac OS X allow you to easily edit a photo’s date and time. Open Photo Gallery on Windows, select one or more pictures by holding the CTRL key, click the date in the Info panel and choose the correct date from the calendar. In the case of Apple Photos, select one or more photos and videos from the gallery and choose “Adjust Date and Time” from the Image menu.

Alternatively, you can use a more powerful command like tool like ExifTool (available for both Mac and Windows) that can “shift” the date and time associated with images by a fixed amount. This is useful if you have taken pictures with a digital camera that had an incorrect time when the photos were taken so the dates can be shifted relatively.

If you’ve already uploaded the pictures on Google Photos, you can still edit the timestamp but you can only do that one image at a time. Also, the date editing option is only available on the Google Photos website and not inside their iPhone or Android apps (yet).

Google Photos - Change Date and Time

Go to and click on any photo. Next click the “i” icon to open the Info page and then click the pencil icon next to the date to modify the date and time of that photo. Tedious but works.

If you are to edit the date of multiple photos that are already on Google Photos, a less time-consuming option would be that you download them all to the desktop, delete the copy from Google Photos, empty the bin, edit the dates of images on the desktop and re-upload them to the Google Photos website.

And you would still need a desktop based photo editing program to add or edit the geolocation data since Google Photos doesn’t support that yet.

Also see: How to Edit the EXIF Data of Photos

The story, How to Change a Picture’s Date in Google Photos, was originally published at Digital Inspiration by Amit Agarwal on 23/09/2015 under Image Editing, Images, Internet.

Find Out How Much Traffic a Website Gets

Would you like to know how much traffic (or page views) other websites in your niche are getting for competitive analyis? While it will be difficult for any third-party to accurately measure the traffic of a site, there are a bunch of traffic estimation services that can give you a better understanding of the popularity of a website. Here’s a list:

1. Alexa – Enter the website’s domain and Alexa will reveal the ranking of that website based on a combined measure of unique visitors and page views. The rank isn’t based on a site’s traffic alone but is relative to the traffic of all other sites that are monitored by Alexa. Webmasters are often skeptical of Alexa number but they the rank is still a good indicator of a website’s popularity over time.

2. Compete – You can use Compete to estimate the total US traffic (unique visitors) for nearly every site on the web. Compete uses data from ISPs, their own toolbar and other data sources to measure the traffic. It offers other metrics like Page Views, average stay duration, demographics, etc. but these are only available to paid users.

3. Similar Web – It started out as a tool for finding similar sites but now offers a range of data including traffic analysis in a clean interface. You get to know the site’s traffic over time, the countries that are sending the most traffic, what search keywords are bringing the organic referrals, how much time users are spending on a site and so on. The traffic reports can be downloaded as PDF files for archiving.

4. SEM Rush – It offers plenty of information around search (organic) traffic for any website. Put in the website URL and you’ll instantly know how the site has fared in organic search over time. The data can be split by country, you get to know which sites are sending traffic and also the keywords that are bringing the most visitors. Open Site Explorer is another popular tool in this category.

5. QuantCast – Like Compete, you can use QuantCast to determine how many people have visited a selected site during a give period from desktop or mobile phone. For sites that have implemented the QuantCast tags, you get more accurate metrics including visitor demographics, traffic by country, and the split in mobile and desktop traffic.

Also see: Know Everything About a Web Site

Website Traffic Chart

Find Website Traffic with Google AdWords

Few years ago, Google Ad Planner and Google Trends for Websites were the go-to tools for estimating a site’s traffic but they have since been discontinued. You can however still use the Display Planner tool inside Google AdWords to get a good idea of a site’s traffic and demographics. Here’s how:

Go to Display Planner and sign-in with your Google Account. You need not be an AdWords advertiser to use this tool.

Next put the site’s domain in the search box, set the Campaign targeting to United States (or remove geographic targeting to see global traffic) and click “Get Placement Ideas.” Google will now show you the average impressions per week for that domain and if you multiply that number by 4, you get a good estimate of the site’s monthly traffic (hits).

The story, Find Out How Much Traffic a Website Gets, was originally published at Digital Inspiration by Amit Agarwal on 16/09/2015 under SEO, Internet.

How to Print Multiple Gmail Messages in one go

John Q. Public is an attorney at a law firm and, as part of an ongoing litigation, the court has asked their clients to produce hundreds of email conversations associated with a case as hard copies. They are using Gmail with Google Apps and all the emails are safely stored in the mailbox but how to automatically print them all on paper?

Gmail doesn’t offer an option to print multiple email threads in a batch but that feature is available in Microsoft Outlook, the desktop program. You can import Gmail emails into Outlook, select several messages and then hit the Print button. Outlook will group all the selected email messages into a single PDF file or you can send them directly to any connected printer.

Bulk Gmail Printing
There’s an alternate approach as well. You can select multiple emails in Gmail and apply a common label. Next use an add-on to save these emails as neatly-formatted PDF files into your Google Drive. Once the PDFs are ready, you can either print them through Google Cloud Print or download the PDF files to the desktop and print to the local printer.

Here’s a step by step guide on how to print email messages and attachments in Gmail in bulk:

  1. Go to Gmail, select one or more email threads and apply a common label (like To Print) to all the selected email threads.
  2. Go to Google Drive and create a folder, say Gmail Files, where the selected Gmail messages would be stored as PDFs.
  3. Download and install the Save Emails add-on for Google Sheets.
  4. Inside the Google Sheet, go to Add-ons > Save Emails and Attachments > Create New Rule. Here select the Print Gmail label from the dropdown and then select your Google Drive folder.

Click the Create Rule button button and the add-on will save your marked Gmail emails into Google Drive every hour. Or you can go to the Manage Rules menu and run a rule manually to immediately save the marked email threads (including attachments) into Drive.

Print Gmail
Once all the emails have been saved, right-click the “Gmail Files” folder in Google Drive, and choose Download to save all emails to your desktop. And now you can send them all the emails to the printer with the simple Ctrl+P or (Cmd+P on Mac) keyboard shortcut.

Also see: How to Edit PDF Files

The story, How to Print Multiple Gmail Messages in one go, was originally published at Digital Inspiration by Amit Agarwal on 14/09/2015 under GMail, PDF, Print, Internet.

How to Hide AdSense Ads on your Website

Google AdSense supports Responsive Ads which means that the size of AdSense ads on your website will automatically change based on the visitor’s device. Thus, if they are viewing your pages on a desktop computer, they may be served the bigger 728×90 leaderboard while the same ad unit may serve a smaller 468×60 banner to visitors who are on a tablet.

There’s no need to change the code as the AdSense script smartly detects the browser’s width and serves the right size accordingly.

Now consider a slightly different scenario where, instead of showing a smaller sized ad, you would like to completely hide the AdSense ad if the screen width is less than ‘n’ pixels. For instance, you may have a 160×600 px Skyscraper unit in your website’s sidebar but it should be displayed only when the site is being viewed on a desktop computer and not on a mobile phone.

There are two ways to achieve this. You can either write a CSS media query that will completely hide the sidebar on a mobile phone and thus the included AdSense ad will also be hidden from the visitor. This will however be against AdSense program policies because the AdSense ad will still be rendered on the visitor’s screen though hidden from view.

How to Hide AdSense Ads with CSS Media Queries

What we therefore need is a mechanism where the the AdSense ad is itself ‘blocked’ from rendering on a small screen. This is also possible with CSS media queries but the big difference is that we need to apply the CSS rules to the ad element and not the parent container (which in our case is the sidebar). Let me explain:

AdSense Ad Code

What you see above is a standard AdSense code snippet that will render a 160×600 pixels ad unit. The size (height and width) of the ad is specified as an inline style.

If you copy-paste the above ad unit as is into your website, it will always download and render the ad irrespective of the visitor’s screen size. If you however need to prevent the AdSense ad from showing on small screens, we need to make a few “officially permitted” changes to the default code.

The modified code will look something like this:

Hide AdSense Ads

If you carefully notice the two snippets, you’ll find that we’ve added a new class sidebar_ads (you can give it any name) to the default AdSense snippet. Next we’ve added a media query that will hide all elements of this class if the screen width is less than 480 pixels. That’t it.

With this approach, no ad requests is made to the Google server and thus no ad is shown to the visitor. The ad area will be hidden and the content below will get pushed up leaving no whitespace, just as you’d like it to be.

The story, How to Hide AdSense Ads on your Website, was originally published at Digital Inspiration by Amit Agarwal on 14/09/2015 under Google AdSense, Internet.

How to Read your Android Battery Graph

Your Android mobile phone includes a built-in app to help you visually monitor the battery usage pattern. Go to Settings > Battery (the app’s location may vary for your version of Android) and you’ll see a history graph detailing which apps have been consuming the most battery power and how long you can use the device before the battery is completely drained off.

If you observe the Android battery graph more closely, you’ll find some other interesting details as well. For instance, you’ll know the pattern of your mobile signal strength, how often apps running in the background ‘wake up’ your sleeping device and so on.

Android Battery Graph

This is the main battery graph and is easy to interpret. If there are any breaks, it indicates that the device was powered off during that period. If there are any red or yellow lines over the graph, it indicates that the charge was critically low during that period. The gray area represents the approximate remaining charge.

Related Tip: Do not let your phone’s battery charge dip the below the 10% mark as that will affect your phone’s battery life in the long run.

If you tap the battery history graph, it will provide a more detailed breakdown of the battery usage and charge times as shown in the screenshot below.

Android Battery - Signal Colors

The colored bars in the Mobile Network Signal indicate the strength of signal (or number of cellular bars). The dark green bars indicate strong signal (full bars), light green is a good signal, yellow means a weak connection (3 bars or less) while the red bars indicate ‘scanning’ mode meaning the device is searching for a network signal.

If your device is in airplane mode, or when you are out of coverage area, the network signal block will be blank (white or, for some models, black).

The Wi-Fi block indicates the time when the radio was turned on though the device may not be actually connected to a Wi-Fi network. The colored strips for charging indicate the time when your Android phone was connected to the charger. The ascending slopes in the battery graph is also an indicator of the charging time.

The colored blocks in the Awake bar represent background apps that may be running even while the screen is off. For instance, your mail app periodically checks for new email even while the phone is in ‘sleep’ mode. If you notice any extended ‘awake’ blocks, it means that some battery-draining apps are keeping your phone active and should be uninstalled.

The GPS line indicates the duration when the GPS receiver is powered on and some app or system service tried to use GPS to determine your exact location. Finally, the ‘Screen On’ bar indicates the actual usage time when the screen was turned on and not in standby mode.

Also see: How Websites Detect your Battery Level

The story, How to Read your Android Battery Graph, was originally published at Digital Inspiration by Amit Agarwal on 08/09/2015 under Android, Gadgets.

The Best Google Font Combinations That Look Good Together

Whether you are creating a website, writing your resume or designing a presentation, the kind of fonts or typeface you choose can make a notable difference. The Google Fonts directory offers a myriad of choices but how do you pick the correct font for your digital projects? Should you go for Serif fonts or Sans Serif or a combination of serifs and sans serifs?

Typography is an art and with 100s of fonts available, it is obviously difficult for non-designers to find that perfect font combination. Need help? Here are some useful font pairing websites where type masters have already done the hard work and all you can do is follow their recommendations to pick the most elegant and gorgeous Google fonts for your web and print projects.

1. Beautiful Web Type ( – Chad Mazzola has created a beautiful showcase of high-quality typefaces from the Google Fonts website. You’ll discover some creative usage of fonts here though they haven’t updated the site for quite some time.

Beautiful Web Type

2. ( – If the body text of my website is set in Roboto, what font should I use for headings? offers a visual list of beautiful websites that using similar font families and helps you pick the perfect matching pair based on the typography of other websites.

3. Google Type ( – Laurel O’Brien’s typography project uses Google Fonts to stylize tales from Aesop’s Fables. This is a great reference source for finding elegant font pairs and is regularly updated as well.

Google Typography

4. Palet Tab ( – A Google Chrome extension that inspires you with a fresh font and color combination from Google Fonts each time you open a new tab in Chrome.

5. 100 Days of Fonts ( – Each single day, for 100 days, designer Do-Hee Kim picked a unique and beautiful Google Fonts pair and all her work in now showcased in this single-page website. If you need inspiration for fonts, look no further.

100 Days of Google Fonts

6. Font Pair ( – Another well-designed resources for finding Google Fonts that go well together. The paired fonts can be downloaded as zip files which is handy in case you want to use the fonts with your PowerPoint presentation on the local computer.

7. Font Blender ( – If you are wondering how a set of Google Fonts will look with your text, Font Blender can help. The web app allows you to preview Google Fonts in the browser and you have the option to experiment with the font size and line height as well.

8. Type Genius ( – Choose a starter web font and Type Genius will recommend a list of other matching fonts that will make a good combination. Like, this website too makes suggestions based on font combinations of other beautiful websites. Designed by Waveney Hudlin.

Google Type Genius

9. Type Inspiration ( – A creative showcase of text blocks stylized using Google Fonts. The CSS snippets are included making it easy for you to replicate the style in your web design.

10. Font Face Ninja ( – A browser extension for Google Chrome and Safari browsers that will help you recognize the font used on any website. You even have the option to download the font files through the Ninja add-on but please check the associated license.

Also see: How to Reduce Google Fonts Size

The story, The Best Google Font Combinations That Look Good Together, was originally published at Digital Inspiration by Amit Agarwal on 07/09/2015 under Fonts, Internet.

Gmail AutoResponder is a Better Alternative to Canned Responses

If you find yourself writing the same email response over and over again – like a technical support request asking for instructions on how to do something or a confirmation email to customers to let them know you’ve received their message – canned responses in Gmail can help you save both time and typing.

The idea is that you compose a email message with the ‘generic’ response and save it in your Gmail drafts. Later, you can quickly insert that pre-formatted template into the body of your email with a click without having to manually write the whole response.

There are however 4 big limitations with Gmail canned responses.

  1. You cannot include file attachments in your auto-response emails.
  2. Canned Response are only available on the Gmail website. If you use Gmail on Android or iOS, or use an email client like Microsoft Outlook, you’re out of luck.
  3. There’s no option to auto-reply messages in bulk. For instance, you cannot select multiple email messages in Gmail and respond to them all with the same template. You’ll have to reply one-by-one manually.
  4. You can easily setup Gmail filters for auto-replying to emails but the recipients will easily know that you’ve sent an automated response. That’s because Gmail adds ‘canned.response’ in the sender’s email. For instance, my email is but if I use automated responses, the sender will show up as

Meet Email Autoresponder for Gmail, a new Google add-on that works like Canned Responses but without any of the above limitations. Watch this YouTube video (mp4) for a quick tour.

How to Use Gmail Autoresponder

  • Create one or more draft messages in Gmail. You can apply formatting, include logo images, file attachments, and even put HTML signatures in your messages.
  • Install the Gmail add-on and then, inside the spreadsheet, go to Add-ons > Email Autoresponder > Create New Rule to get started.
  • Create mapping rules with the wizard much like how you create filters in Gmail.

For instance, you can have a rule that will auto-respond to all emails labeled “FAQ” with a particular draft message. Or you create an advanced rule that will send an auto-reply to only unread messages in your inbox that are newer than ‘n’ days and have the word ‘support’ somewhere in the subject line. In fact, you can use any of the advanced Gmail search operators to create such a rule.

Gmail Auto Responder

Once you’ve created the rules, the add-on will work in the background. It will activate once every hour, fetch any matching messages from Gmail and will auto-reply using the corresponding draft template. If you have multiple email accounts, like work and personal email account, you can choose to reply from any of your email aliases connect to Gmail.

The add-on runs once every hour but if you cannot wait that long, go to Manage Rules, select the relevant rule from the dropdown and choose Run to send the auto-replies immediately.

Once a reply has been sent, the Gmail add-on applies the label “Responded” to the email thread so you know that the email has been processed and it would be skipped in the next iteration.

Using Gmail Autoresponder on Mobile

If you have to reply to an email on mobile with a pre-written template, just open the email message and apply a Gmail label that you’ve specified in the run. When the add-on runs in the next hour, it will automatically reply to that message with the corresponding draft.

Gmail canned response on Mobile

After the rules are setup, you can close the Google Sheet and it will continue running the background. Simple.

Autorespond to Multiple Emails in a go

Say you have 10 emails in your inbox that you need to auto-reply with a message that is already saved as a draft in your Gmail. Apply any common label to all these messages and then create a rule for this particular label using the add-on. Next go to Manage Rules, select the rule from the dropdown and click Run to auto-reply to all the labeled messages in one go.

Also see: Mail Merge for Gmail with Scheduler

The story, Gmail AutoResponder is a Better Alternative to Canned Responses, was originally published at Digital Inspiration by Amit Agarwal on 24/08/2015 under GMail, Internet.

Adjust the Volume of your Android Phone without using the Buttons

Most Android phones have physical buttons on the side for controlling the playback volume and, whether you are listening to podcasts or watching Youtube videos, these keys are sometimes the only way to control the app’s volume. The hardware buttons are easy to use but they are not as convenient as, say, the Control Center on the iPhone where one can change volume using the on-screen volume slider.

Does something similar exist for Android devices that would allow you to control the volume without using the hardware buttons? The Google Play store throws up dozens of ‘abandoned’ software based volume managers but there are at least two Android apps that seem to solve the problem through widgets.

Here’s a 30-second demo video of the Android volume widgets in action.

Also see: Make a Desk Stand for your Phone

The first in the list is Virtual Volume, a free app from Italy. It adds a floating speaker icon on your screen and when you tap this icon, it opens up the Android volume slider to help you quickly adjust the device volume. You can control the size and transparency of the icon and it can placed anywhere on the screen.

The app has no complicated settings and you can configure the speaker icon to only show up when certain apps, like YouTube, are active. The ads only only show up when you are inside the app’s settings, not when you are using the widget.

Android Volume Control with Widget

Next in the list is Volume Notification that, as the name suggests, places the volume up and down buttons in the notification drawer of your Android phone. When you are watching a video in YouTube, pull-down the notification bar and tap the buttons to adjust the volume or mute the audio.

You can configure the notification widget to load on boot from the app’s settings. A volume slider would have been more convenient but, according to the developer, certain technical limitations in Android make it impossible to place a sliding volume bar in the Notifications window.

Android Volume Slider in Notification Bar

The story, Adjust the Volume of your Android Phone without using the Buttons, was originally published at Digital Inspiration by Amit Agarwal on 19/08/2015 under Android, Music, YouTube, Software.