tryshchenko / farvekonfigurator

๐ŸŽจ ๐Ÿ–ผ๏ธ ๐Ÿ–Œ๏ธ The most advanced library for DOM CSS color manipulations.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Farvekonfigurator

volkswagen status JavaScript Style Guide

๐ŸŽจ ๐Ÿ–ผ๏ธ ๐Ÿ–Œ๏ธ "farvekonfigurator" - from Danish - "configurator of colors";

This is a library which allows you to configure colors easily. You shouldn't think of CSS anymore - direct methods improve performance and reduce the risks of mistakes.

  • Blazingly small. Just 990kb alltogether (1)
  • Works without NPM or Yarn required!
  • NO DEPENDENCIES!

Why?

Simplifying the work with CSS is our main goal. Libraries are encapsulated and easy to use. Styling should be modular.

How to use

Import js files to your HTML.

Call the method background + color (hex, 3 symbols) you expect to use.

    document.querySelector('.my-class').background0f0();
    document.querySelector('.my-class').background8ae();

And for colors either: color + color (hex, 3 symbols)

    document.querySelector('.my-class').color00a();
    document.querySelector('.my-class').color2ae();

Projects which hadn't used Farvekonfigurator and FAILED

All the picture belong to their owners.

And many others.

Projects which USED used Farvekonfigurator and FAILED

NO PROJECTS USED Farvekonfigurator FAILED. 100% SUCCESS RATE.

Roadmap

  • Add gradients (linear gradient)
  • Integration with graphql-css
  • Integration with react
  • Integration with Angular
  • Add opacity configuration
  • Write unit tests
  • Docker, Travis
  • Leverage blockchain and VR possibilities
  • We aready have 5 stars, our aim is to get 6.

Contribute

Feel free to pick anything and go ahead with it.

Comments

1 - Not noticeable in your 6 megabytes Angular bundle.

About

๐ŸŽจ ๐Ÿ–ผ๏ธ ๐Ÿ–Œ๏ธ The most advanced library for DOM CSS color manipulations.


Languages

Language:JavaScript 100.0%Language:HTML 0.0%