Skip to content

Commit

Permalink
Third commit: GITHUB description files added
Browse files Browse the repository at this point in the history
  • Loading branch information
yurchenko-dmytro-mss committed Dec 10, 2018
1 parent e90b971 commit c8d5952
Show file tree
Hide file tree
Showing 4 changed files with 43 additions and 0 deletions.
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
/.idea/
1 change: 1 addition & 0 deletions CONTRIBUTORS.md
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
@yurchenko-dmytro-mss
5 changes: 5 additions & 0 deletions LICENSE.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
# (ɔ) Copyleft!

**Freedom 3** – the freedom to modify the work, and the freedom to distribute modified and therefore derivative works.

— This webapp extends GNU Manifesto license
36 changes: 36 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,36 @@
## CSS gradient ECMA5 simpliest parser

Solution basement is desciption of linear-gradient in w3c site.

#### What it can do?

**Preface**: any changes in gradient function are mutable through CSS file, js script will process it in any mutadet format of gradient function inside CSS, from there it starts forward:

1. you can choose between linear or repeating-linear-gradient

2. you can add or NOT angle in first linear-gradient function argument in any format

3. you can add any numbers and any formats of colors into linear-gradient function

4. JS script program will recognize any linear-gradient function in any format

5. You can manipulate linear-gradient by multiple ColorPickers (All color pickers start values are taken from linear-gradient after style computing; All color pickers after manual color setttings changes their own linear-gradient function argument inside it; After manual mutabiling of particular LGradient color-inside element it will NOT recognize rgbA<-(A exectly) and "Color stop")

This is my simpliest way of solution of Linear-gradient problem

P.S.

There is another maniac solutions and considerations on it from Lea Verou, more difficult than my, maybe more professional, but not optimal and huge

[Lea Verou blog professional solution](http://lea.verou.me/2011/03/create-complex-regexps-more-easily/ "Lea Verou blog")

###### Next ambitions:

1 Manipulating by ANGLE argument and deconfusing directions of color pickers regardly to direction of angle argument

2 Manipulating by linear or repeating-linear-gradient function first name

3 Manipulating by "Color stops" === "... To create a linear gradient you must define at least two color stops. Color stops are the colors you want to render smooth transitions among. You can also set a starting point and a direction (or an angle) along with the gradient effect. ... === Syntax === background-image: linear-gradient(direction, color-stop1, color-stop2, ...); ..." &copy; w3c


[**Interactive CodePen direct source**](https://codepen.io/pen/MPdxpd)

0 comments on commit c8d5952

Please sign in to comment.