Code Monkey home page Code Monkey logo

chriseborowski / custom-js-web-skins Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 1.43 MB

Change your website primary and secondary colors instantly to provide your visitors with a customized browsing experience. Easily adaptable, this project was written in HTML, CSS, and JavaScript.

Home Page: https://github.com/chriseborowski/custom-js-web-skins

License: MIT License

HTML 30.41% CSS 30.02% JavaScript 39.57%
color-changer color-customization color-picker css css-flexbox custom-skin custom-view customization html html-css-javascript html5 javascript

custom-js-web-skins's Introduction

Custom JavaScript web skins

View demoReport bugRequest featureDM author

Live demo

About

Inspired by The Athletic's homepage, this project brings HTML, CSS, and JavaScript together to provide easy web skin customization for football/soccer fans—and beyond.

Clone the repository today to dig into the code and create a custom experience for your web project.

For a live demo of the project on CodePen, click here.

For a video clip demonstrating the functionality, click here.

Getting started

  1. Clone the repository to your machine

git clone https://github.com/chriseborowski/custom-js-web-skins

  1. Open the index.html, style.css, and script.js files in your preferred code editor.

  2. Edit the custom color details and adjust the code according to your needs.

Roadmap

The development has been completed.

  • Initial version released
  • Initial HTML, CSS, and JavaScript files created
  • Live demo on CodePen created
  • README.md description created
  • Fixed extra white spacing in dropdown menu

License

Distributed under the MIT License. See license.txt for more information.

Contact

Chris Borowski

Follow me @chriseborowski on GitHubTwitterT2LinkedInLinktree (all links)

Project repository link: Custom JS web skins

custom-js-web-skins's People

Contributors

chriseborowski avatar

Watchers

 avatar

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.