From c8d5952fa7f430731e7597f86eeb0de98d702835 Mon Sep 17 00:00:00 2001 From: Yurchenko Dmytro Date: Mon, 10 Dec 2018 04:05:45 +0200 Subject: [PATCH] Third commit: GITHUB description files added --- .gitignore | 1 + CONTRIBUTORS.md | 1 + LICENSE.md | 5 +++++ README.md | 36 ++++++++++++++++++++++++++++++++++++ 4 files changed, 43 insertions(+) create mode 100644 .gitignore create mode 100644 CONTRIBUTORS.md create mode 100644 LICENSE.md create mode 100644 README.md diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..57f1cb2 --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +/.idea/ \ No newline at end of file diff --git a/CONTRIBUTORS.md b/CONTRIBUTORS.md new file mode 100644 index 0000000..b00a8bb --- /dev/null +++ b/CONTRIBUTORS.md @@ -0,0 +1 @@ +@yurchenko-dmytro-mss \ No newline at end of file diff --git a/LICENSE.md b/LICENSE.md new file mode 100644 index 0000000..16b6665 --- /dev/null +++ b/LICENSE.md @@ -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 \ No newline at end of file diff --git a/README.md b/README.md new file mode 100644 index 0000000..74665d8 --- /dev/null +++ b/README.md @@ -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, ...); ..." © w3c + + +[**Interactive CodePen direct source**](https://codepen.io/pen/MPdxpd) \ No newline at end of file