Giter VIP home page Giter VIP logo

purple-blue_gradient_chromeextension's Introduction

Purple-Blue_Gradient_ChromeExtension

This is a simple extension, currently untested, to create a purple-blue gradient. It is comprised of 4 files with each file serving a significant purpose. Each file and its purposes are explained below:

  1. manifest.json - Defines extension properties. JSON is widely supported and is crucial for the API integration. This manifest file displays the different logos of the extension including the 16 x 16 pixel in browser display, the 48 x 48 extensions page display, and the 128 x 128 chrome web store display. It prompts the "popup.html" page which constructs the actual gradient by utilizing the CSS page and the javascript page.
  2. popup.html - A simple HTML page that calls the CSS page "styles" and creates the /button/ which will apply the gradient.
  3. styles.css - Assignes a liner gradient to the "body" as well as expands the /button/ to be more pretty.
  4. popup.js - The most active file. This javascript file allows the extension to have its interactive properties, without it, the entire project just kind of sits and looks pretty The file is short and thats because it has one purpose, to handle the button click event. Without triggering the event, there is no gradient. When the event is triggered by the user, the gradient is applied. Simple enough.
  5. background.js - Deals with message passing and works in tangent with "popup.js" in the background without actually having to be called or referenced within the popup.html

This is the full extent of the chrome extension.

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.