Posts

Showing posts from October, 2016

How to Embed Images from Google Photos into your Website

Image
Google Photos is the best service for backing up your digital photos to the cloud. They have no storage restrictions, your can upload images as well as videos, and visual search helps you find photos by people or things in them. There’s one feature though that’s still missing in Google Photos. You can easily share your photos with anyone using a simple link but Google Photos offers no option for you to embed an existing image into a website. That is, if you have already uploaded an image onto Google Photos, you can’t directly embed it into your website through Google Photos. I wrote an app to help you embed #GooglePhotos in your website https://t.co/cDt4NorvWi http://pic.twitter.com/mq7J4h4qzj — Amit Agarwal (@labnol) October 25, 2016 Google Photos as an Image Host Embed Google Photos  is a new web app that, as the name suggests, makes it extremely easy for you to pick any image hosted on Google Photos and place it on a web page using simple HTML code. Here’re the steps i...

How to Capture Screenshots in Google Chrome without using Extensions

Image
There are umpteen ways to capture screenshots of web pages in your Google Chrome browser. You can use the good-old Print Screen key (or Cmd+Shift+4 on a Mac), get a snapshot utility like SnagIt or the Windows Snipping Tool, or even better, get a dedicated Google Chrome extension like Smartshot that lets you capture the screen and annotate it. What some may not know is that the newer versions of Google Chrome have a built-in screenshot capabilities allowing to perform screen captures without install any extensions. The more interesting part is that you can even add device frames to your captured images for more realistic mobile screenshots . Did you know you can take screenshots of web pages inside Google Chrome without any extension. https://t.co/jR2O8JMXJv http://pic.twitter.com/UqEM7O96lU — Amit Agarwal (@labnol) October 18, 2016 How to Screen Capture in Google Chrome To get started, open any web page inside Google Chrome and choose Settings -> Tools -> Developer Tools....

Check iPhone Stock in nearby Apple Stores with a Google Sheet

Image
You are planning to buy a new iPhone 7 but the model you want to have, the premium jet black finish with 128GB, is neither available at Apple stores in your area nor at any of the online shopping sites. Now the Apple website does have a simple tool to help you check the availability of iPhone, or iPad or any other Apple product, at their retail stores but you still need to perform these inventory checks manually. Wouldn’t it be easier if these checks could be automated? You specify the iPhone model you wish to own, your preferred color, capacity, your area zip code, your desired carrier and the tool would send you an email alert when iPhone is back in stock at any of the Apple retail stores in your area. It’s like having someone check the Apple website for iPhone availability every few hours. Check iPhone Availability by Zip Code What we have here simple Google Spreadsheet, that resides in your Google Drive, and it will monitor the Apple store in the background for iPhone ...

How to Make YouTube Playlists with a Google Spreadsheet

Image
A couple of YouTube videos, some simple Google formulas and a Google Spreadsheet – that’s all you need to quickly create a YouTube playlist . It will be an anonymous playlist, not connected to your YouTube channel, and may be a good way to bunch together multiple videos for easy sharing on WhatsApp, Twitter or an email newsletter. Make YouTube Playlists with Google Sheets To get started, open this Google Sheet and put the URLs (links) of YouTube videos in column A (one video per cell, starting with Cell A3). As you paste the video links in cell A, the column B gets populated with the video ID while column C will include a video thumbnail . This helps you double-check that the video URL is actually pointing to the intended video. After you are done writing the video URLs, go to cell A1 ( see tutorial ) and you’ll find a link to your YouTube playlist ready for sharing with the world. If you add or remove videos from column A, the playlist link will be updated automatically. ...

How to Embed YouTube as an Audio Player

Image
How do you embed the audio portion of any YouTube video into your website? An easy option would be that you convert the YouTube video into an MP3 file and upload it to an audio hosting site like Soundcloud. This will work but YouTube is very likely to have a problem with your approach due to copyright issues. There’s a simpler approach as well that uses the official YouTube API and requires no file conversion. You can embed any YouTube video in your web pages and visitors on your site will be able to play and pause the video audio with a simple click. With this technique, you can also use a YouTube video as background audio that runs in a loop. Check out this live demo . It may resemble an embedded audio player but there’s actually this  YouTube video that’s playing in the background. How to Embed YouTube Audio It takes just one step to embed a YouTube audio. Open any YouTube video and make a note of the YouTube Video ID (a string of 11 characters). Next copy-pa...