Git Product home page Git Product logo

smallpaes / find-placeholder-image Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 1.0 40.4 MB

A functional Google Extension to help you readily generate placeholder image and find the right royalty free images with accessible links that you can use right away!

Home Page: https://chrome.google.com/webstore/detail/placeholder-image/giidjkijabogomgacafdieofnebbmmpg?utm_source=chrome-ntp-icon&source=post_page-----4971ed79ac77----------------------

JavaScript 48.31% CSS 20.45% HTML 31.24%
chrome-extension placeholder-image chrome royalty-free-image browser-extension image

find-placeholder-image's Introduction

Find Royalty Free & Placeholder Image

A functional Google Extension to help your "readily" generate placeholder image and find the right royalty free images with accessible links that you can use right away!

Project First Look

image

Features

Functions
Generate customized placeholder image
Search for royalty free image on four popular websites
Generate URL reports with all available size of the image

Installation

The following instructions will get you a copy of the project and all the setting needed to run it on your chrome.

Prerequisites

Clone

Clone this repository to your local machine

$ git clone https://github.com/smallpaes/find-placeholder-image.git

Setup

  1. Open the Extension Management page in Chrome
chrome://extensions
  1. Enable Developer Mode & Click on LOAD UNPACKED
Select the extension directory: find-placeholder-image

image

  1. Find the Extension Box for successful installation

image

How To Use

Generate customized placeholder image

  1. Click on extension icon.
  2. In Generate Placeholder Image section, input your need of your placeholder image.
  3. Click on Generate button.
  4. Click on OPEN button to open the image in a new tab / COPY button to copy the URL.

Screen Shot of placeholder image generator in GIF

Search for royalty free image

  1. Click on extension icon.
  2. In Search Royalty Free Image section, input keyword to search.
  3. Click on Pixabay / Pexels / Unsplash / Picjumbo to show search results on their website.
  4. Click on Search All button to directly show search results of all four websites.

Screen Shot of free image searcher in GIF

Generate Image URL reports

  1. Search any royalty free image.
  2. Visit the image you'd like to access.
  3. Right Click on the image to open the right-click menu.
  4. Choose ShowImageURL to generate an URL report.
  5. Click on Search All button to directly show search results of all four websites.
  6. Choose the size you prefer and click on the URL to copy the link.

Screen Shot of URL report in GIF

Authors

Mike Huang

find-placeholder-image's People

Contributors

smallpaes avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

miles1122

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.