From c8b9c4a56356d76d9d0656907911862d0fe3b6db Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Sun, 17 Dec 2017 17:55:51 +0200
Subject: [PATCH 01/10] Fully renamed and updated everything, tagged, built

---
 CONTRIBUTING.md                               |    9 +-
 README.md                                     | 1547 ++++++++++-------
 scripts/build-script.js                       |    2 +-
 snippet-template.md                           |    4 +-
 snippets/{json-to-date.md => JSONToDate.md}   |    6 +-
 snippets/{json-to-file.md => JSONToFile.md}   |    6 +-
 .../{RGB-to-hexadecimal.md => RGBToHex.md}    |    6 +-
 .../{UUID-generator.md => UUIDGenerator.md}   |    6 +-
 snippets/anagrams.md                          |    4 +-
 snippets/{average.md => arrayAverage.md}      |    6 +-
 snippets/{get-max.md => arrayMax.md}          |    4 +-
 snippets/{get-min.md => arrayMin.md}          |    4 +-
 .../{sum-array-numbers.md => arraySum.md}     |    6 +-
 .../{bottom-visible.md => bottomVisible.md}   |    4 +-
 snippets/capitalize.md                        |    4 +-
 ...e-every-word.md => capitalizeEveryWord.md} |    4 +-
 snippets/{chain-async.md => chainAsync.md}    |    4 +-
 snippets/chunk.md                             |    4 +-
 snippets/{clean-obj.md => cleanObj.md}        |    4 +-
 snippets/collatz.md                           |    4 +-
 snippets/compact.md                           |    4 +-
 snippets/compose.md                           |    4 +-
 ...unt-occurrences.md => countOccurrences.md} |    4 +-
 snippets/current-URL.md                       |    6 +-
 snippets/curry.md                             |    4 +-
 snippets/{deep-flatten.md => deepFlatten.md}  |    4 +-
 snippets/difference.md                        |    4 +-
 snippets/{digitalize.md => digitize.md}       |    6 +-
 snippets/distance.md                          |    4 +-
 ...s-of-array.md => distinctValuesOfArray.md} |    6 +-
 .../{drop-elements.md => dropElements.md}     |    6 +-
 ...wport.md => elementIsVisibleInViewport.md} |    4 +-
 .../{escape-reg-exp.md => escapeRegExp.md}    |    4 +-
 snippets/{every-nth.md => everyNth.md}        |    4 +-
 snippets/{extend-hex.md => extendHex.md}      |    6 +-
 snippets/factorial.md                         |    4 +-
 snippets/fibonacci.md                         |    4 +-
 ...ilter-non-unique.md => filterNonUnique.md} |    4 +-
 snippets/flatten.md                           |    4 +-
 .../{flatten-depth.md => flattenDepth.md}     |    4 +-
 .../{from-camel-case.md => fromCamelCase.md}  |    8 +-
 .../{function-name.md => functionName.md}     |    4 +-
 .../{greatest-common-divisor.md => gcd.md}    |    6 +-
 ...en-dates.md => getDaysDiffBetweenDates.md} |    4 +-
 ...croll-position.md => getScrollPosition.md} |    4 +-
 snippets/{get-type.md => getType.md}          |    4 +-
 ...-url-parameters.md => getURLParameters.md} |    6 +-
 snippets/{group-by.md => groupBy.md}          |    4 +-
 ...hamming-distance.md => hammingDistance.md} |    4 +-
 snippets/head.md                              |    4 +-
 snippets/{hex-to-rgb.md => hexToRGB.md}       |    6 +-
 snippets/initial.md                           |    4 +-
 ...y-range.md => initializeArrayWithRange.md} |    6 +-
 ...-array.md => initializeArrayWithValues.md} |    6 +-
 snippets/intersection.md                      |    4 +-
 snippets/{is-array.md => isArray.md}          |    4 +-
 snippets/{is-boolean.md => isBoolean.md}      |    4 +-
 snippets/{is-divisible.md => isDivisible.md}  |    4 +-
 snippets/{is-even.md => isEven.md}            |    4 +-
 snippets/{is-function.md => isFunction.md}    |    4 +-
 snippets/{is-number.md => isNumber.md}        |    4 +-
 snippets/{is-string.md => isString.md}        |    4 +-
 snippets/{is-symbol.md => isSymbol.md}        |    4 +-
 snippets/{last-of-list.md => last.md}         |    6 +-
 ...{least-common-multiple-(LCM).md => lcm.md} |    6 +-
 snippets/{median-array.md => median.md}       |    4 +-
 snippets/{nth-element.md => nthElement.md}    |    4 +-
 ...bject-from-pairs.md => objectFromPairs.md} |    4 +-
 .../{object-to-pairs.md => objectToPairs.md}  |    4 +-
 snippets/palindrome.md                        |    4 +-
 snippets/percentile.md                        |    9 +-
 snippets/pick.md                              |    7 +-
 snippets/{pipe-functions.md => pipe.md}       |    4 +-
 snippets/powerset.md                          |    4 +-
 snippets/promisify.md                         |    8 +-
 snippets/pull.md                              |    6 +-
 ...er-in-range.md => randomIntegerInRange.md} |    4 +-
 ...ber-in-range.md => randomNumberInRange.md} |    4 +-
 ...read-file-to-array.md => readFileLines.md} |    6 +-
 snippets/{redirect-to-URL.md => redirect.md}  |    4 +-
 snippets/remove.md                            |    4 +-
 .../{reverse-string.md => reverseString.md}   |    4 +-
 snippets/{round-number.md => round.md}        |    4 +-
 ...es-in-series.md => runPromisesInSeries.md} |    6 +-
 snippets/sample.md                            |    4 +-
 snippets/{scroll-to-top.md => scrollToTop.md} |    4 +-
 .../{shallow-clone.md => shallowClone.md}     |    4 +-
 snippets/{shuffle-array.md => shuffle.md}     |    6 +-
 snippets/similarity.md                        |    4 +-
 snippets/sleep.md                             |    4 +-
 ...abetical).md => sortCharactersInString.md} |    4 +-
 ...s-(experimental).md => speechSynthesis.md} |    4 +-
 ...dard-deviation.md => standardDeviation.md} |    4 +-
 ...c-difference.md => symmetricDifference.md} |    4 +-
 snippets/{tail-of-list.md => tail.md}         |    6 +-
 snippets/take.md                              |    4 +-
 snippets/{take-right.md => takeRight.md}      |    4 +-
 snippets/{time-taken.md => timeTaken.md}      |   10 +-
 snippets/{to-camel-case.md => toCamelCase.md} |    6 +-
 .../{to-english-date.md => toEnglishDate.md}  |    4 +-
 ...o-ordinal-suffix.md => toOrdinalSuffix.md} |    4 +-
 .../{truncate-string.md => truncateString.md} |    4 +-
 snippets/union.md                             |    4 +-
 .../{validate-email.md => validateEmail.md}   |    4 +-
 .../{validate-number.md => validateNumber.md} |    4 +-
 snippets/without.md                           |    5 +-
 snippets/zip.md                               |    4 +-
 tag_database                                  |  186 +-
 108 files changed, 1317 insertions(+), 914 deletions(-)
 rename snippets/{json-to-date.md => JSONToDate.md} (78%)
 rename snippets/{json-to-file.md => JSONToFile.md} (71%)
 rename snippets/{RGB-to-hexadecimal.md => RGBToHex.md} (64%)
 rename snippets/{UUID-generator.md => UUIDGenerator.md} (83%)
 rename snippets/{average.md => arrayAverage.md} (53%)
 rename snippets/{get-max.md => arrayMax.md} (77%)
 rename snippets/{get-min.md => arrayMin.md} (77%)
 rename snippets/{sum-array-numbers.md => arraySum.md} (51%)
 rename snippets/{bottom-visible.md => bottomVisible.md} (77%)
 rename snippets/{capitalize-every-word.md => capitalizeEveryWord.md} (75%)
 rename snippets/{chain-async.md => chainAsync.md} (89%)
 rename snippets/{clean-obj.md => cleanObj.md} (88%)
 rename snippets/{count-occurrences.md => countOccurrences.md} (78%)
 rename snippets/{deep-flatten.md => deepFlatten.md} (88%)
 rename snippets/{digitalize.md => digitize.md} (79%)
 rename snippets/{unique-values-of-array.md => distinctValuesOfArray.md} (50%)
 rename snippets/{drop-elements.md => dropElements.md} (69%)
 rename snippets/{element-is-visible-in-viewport.md => elementIsVisibleInViewport.md} (88%)
 rename snippets/{escape-reg-exp.md => escapeRegExp.md} (71%)
 rename snippets/{every-nth.md => everyNth.md} (80%)
 rename snippets/{extend-hex.md => extendHex.md} (68%)
 rename snippets/{filter-non-unique.md => filterNonUnique.md} (75%)
 rename snippets/{flatten-depth.md => flattenDepth.md} (89%)
 rename snippets/{from-camel-case.md => fromCamelCase.md} (75%)
 rename snippets/{function-name.md => functionName.md} (85%)
 rename snippets/{greatest-common-divisor.md => gcd.md} (61%)
 rename snippets/{get-days-diff-between-dates.md => getDaysDiffBetweenDates.md} (76%)
 rename snippets/{get-scroll-position.md => getScrollPosition.md} (84%)
 rename snippets/{get-type.md => getType.md} (84%)
 rename snippets/{get-url-parameters.md => getURLParameters.md} (79%)
 rename snippets/{group-by.md => groupBy.md} (87%)
 rename snippets/{hamming-distance.md => hammingDistance.md} (81%)
 rename snippets/{hex-to-rgb.md => hexToRGB.md} (80%)
 rename snippets/{initialize-array-range.md => initializeArrayWithRange.md} (65%)
 rename snippets/{initialize-array.md => initializeArrayWithValues.md} (55%)
 rename snippets/{is-array.md => isArray.md} (76%)
 rename snippets/{is-boolean.md => isBoolean.md} (72%)
 rename snippets/{is-divisible.md => isDivisible.md} (67%)
 rename snippets/{is-even.md => isEven.md} (73%)
 rename snippets/{is-function.md => isFunction.md} (77%)
 rename snippets/{is-number.md => isNumber.md} (76%)
 rename snippets/{is-string.md => isString.md} (76%)
 rename snippets/{is-symbol.md => isSymbol.md} (77%)
 rename snippets/{last-of-list.md => last.md} (59%)
 rename snippets/{least-common-multiple-(LCM).md => lcm.md} (75%)
 rename snippets/{median-array.md => median.md} (88%)
 rename snippets/{nth-element.md => nthElement.md} (86%)
 rename snippets/{object-from-pairs.md => objectFromPairs.md} (74%)
 rename snippets/{object-to-pairs.md => objectToPairs.md} (76%)
 rename snippets/{pipe-functions.md => pipe.md} (88%)
 rename snippets/{random-integer-in-range.md => randomIntegerInRange.md} (78%)
 rename snippets/{random-number-in-range.md => randomNumberInRange.md} (76%)
 rename snippets/{read-file-to-array.md => readFileLines.md} (74%)
 rename snippets/{redirect-to-URL.md => redirect.md} (88%)
 rename snippets/{reverse-string.md => reverseString.md} (87%)
 rename snippets/{round-number.md => round.md} (82%)
 rename snippets/{run-promises-in-series.md => runPromisesInSeries.md} (62%)
 rename snippets/{scroll-to-top.md => scrollToTop.md} (88%)
 rename snippets/{shallow-clone.md => shallowClone.md} (80%)
 rename snippets/{shuffle-array.md => shuffle.md} (51%)
 rename snippets/{sort-characters-in-string-(alphabetical).md => sortCharactersInString.md} (77%)
 rename snippets/{speech-synthesis-(experimental).md => speechSynthesis.md} (89%)
 rename snippets/{standard-deviation.md => standardDeviation.md} (90%)
 rename snippets/{symmetric-difference.md => symmetricDifference.md} (81%)
 rename snippets/{tail-of-list.md => tail.md} (55%)
 rename snippets/{take-right.md => takeRight.md} (77%)
 rename snippets/{time-taken.md => timeTaken.md} (64%)
 rename snippets/{to-camel-case.md => toCamelCase.md} (88%)
 rename snippets/{to-english-date.md => toEnglishDate.md} (82%)
 rename snippets/{to-ordinal-suffix.md => toOrdinalSuffix.md} (90%)
 rename snippets/{truncate-string.md => truncateString.md} (83%)
 rename snippets/{validate-email.md => validateEmail.md} (79%)
 rename snippets/{validate-number.md => validateNumber.md} (78%)

diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 15aab603c..4b1164232 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -13,15 +13,14 @@ Here's what you can do to help:
 ### Snippet submission and Pull request guidelines
 
 - **DO NOT MODIFY THE README.md FILE!** Make changes to individual snippet files. You can optionally run `npm run build-list` to update the README.md file automatically, based on the changes you have made.
-- **Snippet filenames** must correspond to the title of the snippet. For example, if your snippet is titled `### Awesome snippet` the filename should be `awesome-snippet.md`.
-  - Use `kebab-case`, not `snake_case`.
+- **Snippet filenames** must correspond to the title of the snippet. For example, if your snippet is titled `### awesomeSnippet` the filename should be `awesomeSnippet.md`.
+  - Use `camelCase`, not `kebab-case` or `snake_case`.
   - Avoid capitalization of words, except if the whole word is capitalized (e.g. `URL` should be capitalized in the filename and the snippet title).
-  - If there are parentheses in the title, add them to the filename (e.g. `awesome-snippet-(extra-awesome).md` if your snippet's title is `Awesome snippet (extra awesome)`).
-- **Snippet titles** should have only the first letter of the first word capitalized. Certain words can be in capitals (e.g. `URL`, `RGB`), but this is on a per-snippet basis.
+- **Snippet titles** should have be the same as the name of the function that is present in the snippet.
   - All snippet titles must be prefixed with `###` and be at the very first line of your snippet.
   - Snippet titles must be unique (although if you cannot find a better title, just add some placeholder at the end of the filename and title and we will figure it out).
   - Follow snippet titles with an empty line.
-- **Snippet descriptions** must be short and to the point. Try to explain *how* the snippet works and what Javascript features are used. Remember to include what functions you are using and why.
+- **Snippet descriptions** must be short and to the point. Try to explain *what* the snippet does and *how* the snippet works and what Javascript features are used. Remember to include what functions you are using and why.
   - Follow snippet descriptions with an empty line.
 - **Snippet code** must be enclosed inside ` ```js ` and ` ``` `.
   - Remember to start your snippet's code on a new line below the opening backticks.
diff --git a/README.md b/README.md
index c9dd3b8b4..9b75e40ec 100644
--- a/README.md
+++ b/README.md
@@ -10,131 +10,216 @@
 ## Table of Contents
 
 ### Array
-* [Array difference](#array-difference)
-* [Array intersection](#array-intersection)
-* [Array pull (mutates array)](#array-pull-mutates-array)
-* [Array remove](#array-remove)
-* [Array sample](#array-sample)
-* [Array symmetric difference](#array-symmetric-difference)
-* [Array union](#array-union)
-* [Array without](#array-without)
-* [Array zip](#array-zip)
-* [Average of array of numbers](#average-of-array-of-numbers)
-* [Chunk array](#chunk-array)
-* [Compact](#compact)
-* [Count occurrences of a value in array](#count-occurrences-of-a-value-in-array)
-* [Deep flatten array](#deep-flatten-array)
-* [Drop elements in array](#drop-elements-in-array)
-* [Filter out non unique values in an array](#filter-out-non-unique-values-in-an-array)
-* [Flatten array up to depth](#flatten-array-up-to-depth)
-* [Flatten array](#flatten-array)
-* [Get max value from array](#get-max-value-from-array)
-* [Get min value from array](#get-min-value-from-array)
-* [Group by](#group-by)
-* [Head of list](#head-of-list)
-* [Initial of list](#initial-of-list)
-* [Initialize array with range](#initialize-array-with-range)
-* [Initialize array with values](#initialize-array-with-values)
-* [Last of list](#last-of-list)
-* [Median of array of numbers](#median-of-array-of-numbers)
-* [Nth element of array](#nth-element-of-array)
-* [Pick](#pick)
-* [Shuffle array](#shuffle-array)
-* [Similarity between arrays](#similarity-between-arrays)
-* [Sum of array of numbers](#sum-of-array-of-numbers)
-* [Tail of list](#tail-of-list)
-* [Take every nth element](#take-every-nth-element)
-* [Take right](#take-right)
-* [Take](#take)
-* [Unique values of array](#unique-values-of-array)
+* [`arrayMax`](#arraymax)
+* [`arrayMin`](#arraymin)
+* [`chunk`](#chunk)
+* [`compact`](#compact)
+* [`countOccurrences`](#countoccurrences)
+* [`deepFlatten`](#deepflatten)
+* [`difference`](#difference)
+* [`distinctValuesOfArray`](#distinctvaluesofarray)
+* [`dropElements`](#dropelements)
+* [`everyNth`](#everynth)
+* [`filterNonUnique`](#filternonunique)
+* [`flatten`](#flatten)
+* [`flattenDepth`](#flattendepth)
+* [`groupBy`](#groupby)
+* [`head`](#head)
+* [`initial`](#initial)
+* [`initializeArrayWithRange`](#initializearraywithrange)
+* [`initializeArrayWithValues`](#initializearraywithvalues)
+* [`intersection`](#intersection)
+* [`last`](#last)
+* [`nthElement`](#nthelement)
+* [`pick`](#pick)
+* [`pull`](#pull)
+* [`remove`](#remove)
+* [`sample`](#sample)
+* [`shuffle`](#shuffle)
+* [`similarity`](#similarity)
+* [`symmetricDifference`](#symmetricdifference)
+* [`tail`](#tail)
+* [`take`](#take)
+* [`takeRight`](#takeright)
+* [`union`](#union)
+* [`without`](#without)
+* [`zip`](#zip)
 
 ### Browser
-* [Bottom visible](#bottom-visible)
-* [Current URL](#current-url)
-* [Element is visible in viewport](#element-is-visible-in-viewport)
-* [Get scroll position](#get-scroll-position)
-* [Redirect to URL](#redirect-to-url)
-* [Scroll to top](#scroll-to-top)
+* [`bottomVisible`](#bottomvisible)
+* [`current-URL`](#current-url)
+* [`elementIsVisibleInViewport`](#elementisvisibleinviewport)
+* [`getScrollPosition`](#getscrollposition)
+* [`getURLParameters`](#geturlparameters)
+* [`redirect`](#redirect)
+* [`scrollToTop`](#scrolltotop)
 
 ### Date
-* [Convert to english date](#convert-to-english-date)
-* [Get days difference between dates](#get-days-difference-between-dates)
-* [JSON to date](#json-to-date)
+* [`getDaysDiffBetweenDates`](#getdaysdiffbetweendates)
+* [`JSONToDate`](#jsontodate)
+* [`toEnglishDate`](#toenglishdate)
 
 ### Function
-* [Chain asynchronous functions](#chain-asynchronous-functions)
-* [Compose functions](#compose-functions)
-* [Curry](#curry)
-* [Log function name](#log-function-name)
-* [Pipe functions](#pipe-functions)
-* [Promisify](#promisify)
-* [Run promises in series](#run-promises-in-series)
-* [Sleep](#sleep)
+* [`chainAsync`](#chainasync)
+* [`compose`](#compose)
+* [`curry`](#curry)
+* [`functionName`](#functionname)
+* [`pipe`](#pipe)
+* [`promisify`](#promisify)
+* [`runPromisesInSeries`](#runpromisesinseries)
+* [`sleep`](#sleep)
 
 ### Math
-* [Collatz algorithm](#collatz-algorithm)
-* [Distance between two points](#distance-between-two-points)
-* [Divisible by number](#divisible-by-number)
-* [Even or odd number](#even-or-odd-number)
-* [Factorial](#factorial)
-* [Fibonacci array generator](#fibonacci-array-generator)
-* [Greatest common divisor (GCD)](#greatest-common-divisor-gcd)
-* [Hamming distance](#hamming-distance)
-* [Least common multiple (LCM)](#least-common-multiple-lcm)
-* [Percentile](#percentile)
-* [Powerset](#powerset)
-* [Random integer in range](#random-integer-in-range)
-* [Random number in range](#random-number-in-range)
-* [Round number to n digits](#round-number-to-n-digits)
-* [Standard deviation](#standard-deviation)
+* [`arrayAverage`](#arrayaverage)
+* [`arraySum`](#arraysum)
+* [`collatz`](#collatz)
+* [`digitize`](#digitize)
+* [`distance`](#distance)
+* [`factorial`](#factorial)
+* [`fibonacci`](#fibonacci)
+* [`gcd`](#gcd)
+* [`hammingDistance`](#hammingdistance)
+* [`isDivisible`](#isdivisible)
+* [`isEven`](#iseven)
+* [`lcm`](#lcm)
+* [`median`](#median)
+* [`palindrome`](#palindrome)
+* [`percentile`](#percentile)
+* [`powerset`](#powerset)
+* [`randomIntegerInRange`](#randomintegerinrange)
+* [`randomNumberInRange`](#randomnumberinrange)
+* [`round`](#round)
+* [`standardDeviation`](#standarddeviation)
 
 ### Media
-* [Speech synthesis (experimental)](#speech-synthesis-experimental)
+* [`speechSynthesis`](#speechsynthesis)
 
 ### Node
-* [Read file as array of lines](#read-file-as-array-of-lines)
-* [Write JSON to file](#write-json-to-file)
+* [`JSONToFile`](#jsontofile)
+* [`readFileLines`](#readfilelines)
 
 ### Object
-* [Clean JSON object](#clean-json-object)
-* [Object from key value pairs](#object-from-key-value-pairs)
-* [Object to key value pairs](#object-to-key-value-pairs)
-* [Shallow clone object](#shallow-clone-object)
+* [`cleanObj`](#cleanobj)
+* [`objectFromPairs`](#objectfrompairs)
+* [`objectToPairs`](#objecttopairs)
+* [`shallowClone`](#shallowclone)
 
 ### String
-* [Anagrams of string (with duplicates)](#anagrams-of-string-with-duplicates)
-* [Capitalize first letter of every word](#capitalize-first-letter-of-every-word)
-* [Capitalize first letter](#capitalize-first-letter)
-* [Check for palindrome](#check-for-palindrome)
-* [Convert string from camelcase](#convert-string-from-camelcase)
-* [Convert string to camelcase](#convert-string-to-camelcase)
-* [Reverse a string](#reverse-a-string)
-* [Sort characters in string (alphabetical)](#sort-characters-in-string-alphabetical)
-* [Truncate a string](#truncate-a-string)
+* [`anagrams`](#anagrams)
+* [`capitalize`](#capitalize)
+* [`capitalizeEveryWord`](#capitalizeeveryword)
+* [`escapeRegExp`](#escaperegexp)
+* [`fromCamelCase`](#fromcamelcase)
+* [`reverseString`](#reversestring)
+* [`sortCharactersInString`](#sortcharactersinstring)
+* [`toCamelCase`](#tocamelcase)
+* [`truncateString`](#truncatestring)
 
 ### Utility
-* [3 digit hexcode to 6 digit hexcode](#3-digit-hexcode-to-6-digit-hexcode)
-* [Escape regular expression](#escape-regular-expression)
-* [Get native type of value](#get-native-type-of-value)
-* [Hexcode to RGB](#hexcode-to-rgb)
-* [Is array](#is-array)
-* [Is boolean](#is-boolean)
-* [Is function](#is-function)
-* [Is number](#is-number)
-* [Is string](#is-string)
-* [Is symbol](#is-symbol)
-* [Measure time taken by function](#measure-time-taken-by-function)
-* [Number to array of digits](#number-to-array-of-digits)
-* [Ordinal suffix of number](#ordinal-suffix-of-number)
-* [RGB to hexadecimal](#rgb-to-hexadecimal)
-* [URL parameters](#url-parameters)
-* [UUID generator](#uuid-generator)
-* [Validate email](#validate-email)
-* [Validate number](#validate-number)
+* [`extendHex`](#extendhex)
+* [`getType`](#gettype)
+* [`hexToRGB`](#hextorgb)
+* [`isArray`](#isarray)
+* [`isBoolean`](#isboolean)
+* [`isFunction`](#isfunction)
+* [`isNumber`](#isnumber)
+* [`isString`](#isstring)
+* [`isSymbol`](#issymbol)
+* [`RGBToHex`](#rgbtohex)
+* [`timeTaken`](#timetaken)
+* [`toOrdinalSuffix`](#toordinalsuffix)
+* [`UUIDGenerator`](#uuidgenerator)
+* [`validateEmail`](#validateemail)
+* [`validateNumber`](#validatenumber)
 
 ## Array
 
-### Array difference
+### arrayMax
+
+Returns the maximum value in an array.
+
+Use `Math.max()` combined with the spread operator (`...`) to get the maximum value in the array.
+
+```js
+const arrayMax = arr => Math.max(...arr);
+// arrayMax([10, 1, 5]) -> 10
+```
+
+[⬆ back to top](#table-of-contents)
+
+### arrayMin
+
+Returns the maximum value in an array.
+
+Use `Math.min()` combined with the spread operator (`...`) to get the minimum value in the array.
+
+```js
+const arrayMin = arr => Math.min(...arr);
+// arrayMin([10, 1, 5]) -> 1
+```
+
+[⬆ back to top](#table-of-contents)
+
+### chunk
+
+Chunks an array into smaller arrays of a specified size.
+
+Use `Array.from()` to create a new array, that fits the number of chunks that will be produced.
+Use `Array.slice()` to map each element of the new array to a chunk the length of `size`.
+If the original array can't be split evenly, the final chunk will contain the remaining elements.
+
+```js
+const chunk = (arr, size) =>
+  Array.from({length: Math.ceil(arr.length / size)}, (v, i) => arr.slice(i * size, i * size + size));
+// chunk([1,2,3,4,5], 2) -> [[1,2],[3,4],[5]]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### compact
+
+Removes falsey values from an array.
+
+Use `Array.filter()` to filter out falsey values (`false`, `null`, `0`, `""`, `undefined`, and `NaN`).
+
+```js
+const compact = (arr) => arr.filter(Boolean);
+// compact([0, 1, false, 2, '', 3, 'a', 'e'*23, NaN, 's', 34]) -> [ 1, 2, 3, 'a', 's', 34 ]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### countOccurrences
+
+Counts the occurences of a value in an array.
+
+Use `Array.reduce()` to increment a counter each time you encounter the specific value inside the array.
+
+```js
+const countOccurrences = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);
+// countOccurrences([1,1,2,1,2,3], 1) -> 3
+```
+
+[⬆ back to top](#table-of-contents)
+
+### deepFlatten
+
+Deep flattens an array.
+
+Use recursion.
+Use `Array.concat()` with an empty array (`[]`) and the spread operator (`...`) to flatten an array.
+Recursively flatten each element that is an array.
+
+```js
+const deepFlatten = arr => [].concat(...arr.map(v => Array.isArray(v) ? deepFlatten(v) : v));
+// deepFlatten([1,[2],[[3],4],5]) -> [1,2,3,4,5]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### difference
+
+Returns the difference between two arrays.
 
 Create a `Set` from `b`, then use `Array.filter()` on `a` to only keep values not contained in `b`.
 
@@ -145,7 +230,168 @@ const difference = (a, b) => { const s = new Set(b); return a.filter(x => !s.has
 
 [⬆ back to top](#table-of-contents)
 
-### Array intersection
+### distinctValuesOfArray
+
+Returns all the distinct values of an array.
+
+Use ES6 `Set` and the `...rest` operator to discard all duplicated values.
+
+```js
+const distinctValuesOfArray = arr => [...new Set(arr)];
+// unique([1,2,2,3,4,4,5]) -> [1,2,3,4,5]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### dropElements
+
+Removes elements in an array until the passed function returns `true`. Returns the remaining elements in the array.
+
+Loop through the array, using `Array.shift()` to drop the first element of the array until the returned value from the function is `true`.
+Returns the remaining elements.
+
+```js
+const dropElements = (arr, func) => {
+  while (arr.length > 0 && !func(arr[0])) arr.shift();
+  return arr;
+};
+// dropElements([1, 2, 3, 4], n => n >= 3) -> [3,4]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### everyNth
+
+Returns every nth element in an array.
+
+Use `Array.filter()` to create a new array that contains every nth element of a given array.
+
+```js
+const everyNth = (arr, nth) => arr.filter((e, i) => i % nth === 0);
+// everynth([1,2,3,4,5,6], 2) -> [ 1, 3, 5 ]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### filterNonUnique
+
+Filters out the non-unique values in an array.
+
+Use `Array.filter()` for an array containing only the unique values.
+
+```js
+const filterNonUnique = arr => arr.filter(i => arr.indexOf(i) === arr.lastIndexOf(i));
+// filterNonUnique([1,2,2,3,4,4,5]) -> [1,3,5]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### flatten
+
+Flattens an array.
+
+Use `Array.reduce()` to get all elements inside the array and `concat()` to flatten them.
+
+```js
+const flatten = arr => arr.reduce((a, v) => a.concat(v), []);
+// flatten([1,[2],3,4]) -> [1,2,3,4]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### flattenDepth
+
+Flattens an array up to the specified depth.
+
+Use recursion, decrementing `depth` by 1 for each level of depth.
+Use `Array.reduce()` and `Array.concat()` to merge elements or arrays.
+Base case, for `depth` equal to `1` stops recursion.
+Omit the second element, `depth` to flatten only to a depth of `1` (single flatten).
+
+```js
+const flattenDepth = (arr, depth = 1) =>
+  depth != 1 ? arr.reduce((a, v) => a.concat(Array.isArray(v) ? flattenDepth(v, depth - 1) : v), [])
+  : arr.reduce((a, v) => a.concat(v), []);
+// flattenDepth([1,[2],[[[3],4],5]], 2) -> [1,2,[3],4,5]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### groupBy
+
+Groups the element of an array based on the given function.
+
+Use `Array.map()` to map the values of an array to a function or property name.
+Use `Array.reduce()` to create an object, where the keys are produced from the mapped results.
+
+```js
+const groupBy = (arr, func) =>
+  arr.map(typeof func === 'function' ? func : val => val[func])
+    .reduce((acc, val, i) => { acc[val] = (acc[val] || []).concat(arr[i]); return acc; }, {});
+// groupBy([6.1, 4.2, 6.3], Math.floor) -> {4: [4.2], 6: [6.1, 6.3]}
+// groupBy(['one', 'two', 'three'], 'length') -> {3: ['one', 'two'], 5: ['three']}
+```
+
+[⬆ back to top](#table-of-contents)
+
+### head
+
+Returns the head of a list.
+
+Use `arr[0]` to return the first element of the passed array.
+
+```js
+const head = arr => arr[0];
+// head([1,2,3]) -> 1
+```
+
+[⬆ back to top](#table-of-contents)
+
+### initial
+
+Returns all the elements of an array except the last one.
+
+Use `arr.slice(0,-1)`to return all but the last element of the array.
+
+```js
+const initial = arr => arr.slice(0, -1);
+// initial([1,2,3]) -> [1,2]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### initializeArrayWithRange
+
+Initialized an array containing the numbers in the specified range.
+
+Use `Array(end-start)` to create an array of the desired length, `Array.map()` to fill with the desired values in a range.
+You can omit `start` to use a default value of `0`.
+
+```js
+const initializeArrayWithRange = (end, start = 0) =>
+  Array.from({ length: end - start }).map((v, i) => i + start);
+// initializeArrayRange(5) -> [0,1,2,3,4]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### initializeArrayWithValues
+
+Initializes and fills an array with the specified values.
+
+Use `Array(n)` to create an array of the desired length, `fill(v)` to fill it with the desired values.
+You can omit `value` to use a default value of `0`.
+
+```js
+const initializeArrayWithValues = (n, value = 0) => Array(n).fill(value);
+// initializeArray(5, 2) -> [2,2,2,2,2]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### intersection
+
+Returns a list of elements that exist in both arrays.
 
 Create a `Set` from `b`, then use `Array.filter()` on `a` to only keep values contained in `b`.
 
@@ -156,9 +402,54 @@ const intersection = (a, b) => { const s = new Set(b); return a.filter(x => s.ha
 
 [⬆ back to top](#table-of-contents)
 
-### Array pull (mutates array)
+### last
 
-Use `Array.filter()` and `Array.includes()` to pull out the values that are not needed. 
+Returns the last element in an array.
+
+Use `arr.length - 1` to compute index of the last element of the given array and returning it.
+
+```js
+const last = arr => arr[arr.length - 1];
+// last([1,2,3]) -> 3
+```
+
+[⬆ back to top](#table-of-contents)
+
+### nthElement
+
+Returns the nth element of an array.
+
+Use `Array.slice()` to get an array containing the nth element at the first place.
+If the index is out of bounds, return `[]`.
+Omit the second argument, `n`, to get the first element of the array.
+
+```js
+const nthElement = (arr, n=0) => (n>0? arr.slice(n,n+1) : arr.slice(n))[0];
+// nth(['a','b','c'],1) -> 'b'
+// nth(['a','b','b']-2) -> 'a'
+```
+
+[⬆ back to top](#table-of-contents)
+
+### pick
+
+Picks the key-value pairs corresponding to the given keys from an object.
+
+Use `Array.reduce()` to convert the filtered/picked keys back to a object with the corresponding key-value pair if the key exist in the obj.
+
+```js
+const pick = (obj, arr) =>
+  arr.reduce((acc, curr) => (curr in obj && (acc[curr] = obj[curr]), acc), {});
+// pick({ 'a': 1, 'b': '2', 'c': 3 }, ['a', 'c']) -> { 'a': 1, 'c': 3 }
+```
+
+[⬆ back to top](#table-of-contents)
+
+### pull
+
+Mutates the original array to filter out the values specified.
+
+Use `Array.filter()` and `Array.includes()` to pull out the values that are not needed.
 Use `Array.length = 0` to mutate the passed in array by resetting it's length to zero and `Array.push()` to re-populate it with only the pulled values.
 
 ```js
@@ -173,7 +464,9 @@ const pull = (arr, ...args) => {
 
 [⬆ back to top](#table-of-contents)
 
-### Array remove
+### remove
+
+Removes elements from an array for which the given function returns `false`.
 
 Use `Array.filter()` to find array elements that return truthy values and `Array.reduce()` to remove elements using `Array.splice()`.
 The `func` is invoked with three arguments (`value, index, array`).
@@ -189,7 +482,9 @@ const remove = (arr, func) =>
 
 [⬆ back to top](#table-of-contents)
 
-### Array sample
+### sample
+
+Returns a random element from an array.
 
 Use `Math.random()` to generate a random number, multiply it with `length` and round it of to the nearest whole number using `Math.floor()`.
 This method also works with strings.
@@ -201,7 +496,35 @@ const sample = arr => arr[Math.floor(Math.random() * arr.length)];
 
 [⬆ back to top](#table-of-contents)
 
-### Array symmetric difference
+### shuffle
+
+Randomizes the order of the values of an array.
+
+Use `Array.sort()` to reorder elements, using `Math.random()` in the comparator.
+
+```js
+const shuffle = arr => arr.sort(() => Math.random() - 0.5);
+// shuffle([1,2,3]) -> [2,3,1]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### similarity
+
+Returns an array of elements that appear in both arrays.
+
+Use `filter()` to remove values that are not part of `values`, determined using `includes()`.
+
+```js
+const similarity = (arr, values) => arr.filter(v => values.includes(v));
+// similarity([1,2,3], [1,2,4]) -> [1,2]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### symmetricDifference
+
+Returns the symmetric difference between two arrays.
 
 Create a `Set` from each array, then use `Array.filter()` on each of them to only keep values not contained in the other.
 
@@ -215,7 +538,51 @@ const symmetricDifference = (a, b) => {
 
 [⬆ back to top](#table-of-contents)
 
-### Array union
+### tail
+
+Returns all elements in an array except for the first one.
+
+Return `arr.slice(1)` if the array's `length` is more than `1`, otherwise return the whole array.
+
+```js
+const tail = arr => arr.length > 1 ? arr.slice(1) : arr;
+// tail([1,2,3]) -> [2,3]
+// tail([1]) -> [1]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### take
+
+Returns an array with n elements removed from the beggining.
+
+Use `Array.slice()` to create a slice of the array with `n` elements taken from the beginning.
+
+```js
+const take = (arr, n = 1) => arr.slice(0, n);
+// take([1, 2, 3], 5) -> [1, 2, 3]
+// take([1, 2, 3], 0) -> []
+```
+
+[⬆ back to top](#table-of-contents)
+
+### takeRight
+
+Returns an array with n elements removed from the end.
+
+Use `Array.slice()` to create a slice of the array with `n` elements taken from the end.
+
+```js
+const takeRight = (arr, n = 1) => arr.slice(arr.length - n, arr.length);
+// takeRight([1, 2, 3], 2) -> [ 2, 3 ]
+// takeRight([1, 2, 3]) -> [3]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### union
+
+Returns every element that exists in any of the two arrays once.
 
 Create a `Set` with all values of `a` and `b` and convert to an array.
 
@@ -226,19 +593,22 @@ const union = (a, b) => Array.from(new Set([...a, ...b]));
 
 [⬆ back to top](#table-of-contents)
 
-### Array without
+### without
+
+Filters out the elements of an array, that have one of the specified values.
 
 Use `Array.filter()` to create an array excluding(using `!Array.includes()`) all given values.
 
 ```js
 const without = (arr, ...args) => arr.filter(v => !args.includes(v));
 // without([2, 1, 2, 3], 1, 2) -> [3]
-// without([2, 1, 2, 3, 4, 5, 5, 5, 3, 2, 7, 7], 3, 1, 5, 2) -> [ 4, 7, 7 ]
 ```
 
 [⬆ back to top](#table-of-contents)
 
-### Array zip
+### zip
+
+Creates an array of elements, grouped based on the position in the original arrays.
 
 Use `Math.max.apply()` to get the longest array in the arguments.
 Creates an array with that length as return value and use `Array.from()` with a map-function to create an array of grouped elements.
@@ -255,352 +625,12 @@ const zip = (...arrays) => {
 //zip(['a'], [1, 2], [true, false]); -> [['a', 1, true], [undefined, 2, false]]
 ```
 
-[⬆ back to top](#table-of-contents)
-
-### Average of array of numbers
-
-Use `Array.reduce()` to add each value to an accumulator, initialized with a value of `0`, divide by the `length` of the array.
-
-```js
-const average = arr => arr.reduce((acc, val) => acc + val, 0) / arr.length;
-// average([1,2,3]) -> 2
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Chunk array
-
-Use `Array.from()` to create a new array, that fits the number of chunks that will be produced.
-Use `Array.slice()` to map each element of the new array to a chunk the length of `size`.
-If the original array can't be split evenly, the final chunk will contain the remaining elements.
-
-```js
-const chunk = (arr, size) =>
-  Array.from({length: Math.ceil(arr.length / size)}, (v, i) => arr.slice(i * size, i * size + size));
-// chunk([1,2,3,4,5], 2) -> [[1,2],[3,4],[5]]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Compact
-
-Use `Array.filter()` to filter out falsey values (`false`, `null`, `0`, `""`, `undefined`, and `NaN`).
-
-```js
-const compact = (arr) => arr.filter(Boolean);
-// compact([0, 1, false, 2, '', 3, 'a', 'e'*23, NaN, 's', 34]) -> [ 1, 2, 3, 'a', 's', 34 ]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Count occurrences of a value in array
-
-Use `Array.reduce()` to increment a counter each time you encounter the specific value inside the array.
-
-```js
-const countOccurrences = (arr, value) => arr.reduce((a, v) => v === value ? a + 1 : a + 0, 0);
-// countOccurrences([1,1,2,1,2,3], 1) -> 3
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Deep flatten array
-
-Use recursion.
-Use `Array.concat()` with an empty array (`[]`) and the spread operator (`...`) to flatten an array.
-Recursively flatten each element that is an array.
-
-```js
-const deepFlatten = arr => [].concat(...arr.map(v => Array.isArray(v) ? deepFlatten(v) : v));
-// deepFlatten([1,[2],[[3],4],5]) -> [1,2,3,4,5]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Drop elements in array
-
-Loop through the array, using `Array.shift()` to drop the first element of the array until the returned value from the function is `true`. 
-Returns the remaining elements.
-
-```js
-const dropElements = (arr, func) => {
-  while (arr.length > 0 && !func(arr[0])) arr.shift();
-  return arr;
-};
-// dropElements([1, 2, 3, 4], n => n >= 3) -> [3,4]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Filter out non-unique values in an array
-
-Use `Array.filter()` for an array containing only the unique values.
-
-```js
-const filterNonUnique = arr => arr.filter(i => arr.indexOf(i) === arr.lastIndexOf(i));
-// filterNonUnique([1,2,2,3,4,4,5]) -> [1,3,5]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Flatten array up to depth
-
-Use recursion, decrementing `depth` by 1 for each level of depth.
-Use `Array.reduce()` and `Array.concat()` to merge elements or arrays.
-Base case, for `depth` equal to `1` stops recursion.
-Omit the second element, `depth` to flatten only to a depth of `1` (single flatten).
-
-```js
-const flattenDepth = (arr, depth = 1) =>
-  depth != 1 ? arr.reduce((a, v) => a.concat(Array.isArray(v) ? flattenDepth(v, depth - 1) : v), [])
-  : arr.reduce((a, v) => a.concat(v), []);
-// flattenDepth([1,[2],[[[3],4],5]], 2) -> [1,2,[3],4,5]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Flatten array
-
-Use `Array.reduce()` to get all elements inside the array and `concat()` to flatten them.
-
-```js
-const flatten = arr => arr.reduce((a, v) => a.concat(v), []);
-// flatten([1,[2],3,4]) -> [1,2,3,4]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Get max value from array
-
-Use `Math.max()` combined with the spread operator (`...`) to get the maximum value in the array.
-
-```js
-const arrayMax = arr => Math.max(...arr);
-// arrayMax([10, 1, 5]) -> 10
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Get min value from array
-
-Use `Math.min()` combined with the spread operator (`...`) to get the minimum value in the array.
-
-```js
-const arrayMin = arr => Math.min(...arr);
-// arrayMin([10, 1, 5]) -> 1
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Group by
-
-Use `Array.map()` to map the values of an array to a function or property name.
-Use `Array.reduce()` to create an object, where the keys are produced from the mapped results.
-
-```js
-const groupBy = (arr, func) =>
-  arr.map(typeof func === 'function' ? func : val => val[func])
-    .reduce((acc, val, i) => { acc[val] = (acc[val] || []).concat(arr[i]); return acc; }, {});
-// groupBy([6.1, 4.2, 6.3], Math.floor) -> {4: [4.2], 6: [6.1, 6.3]}
-// groupBy(['one', 'two', 'three'], 'length') -> {3: ['one', 'two'], 5: ['three']}
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Head of list
-
-Use `arr[0]` to return the first element of the passed array.
-
-```js
-const head = arr => arr[0];
-// head([1,2,3]) -> 1
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Initial of list
-
-Use `arr.slice(0,-1)`to return all but the last element of the array.
-
-```js
-const initial = arr => arr.slice(0, -1);
-// initial([1,2,3]) -> [1,2]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Initialize array with range
-
-Use `Array(end-start)` to create an array of the desired length, `Array.map()` to fill with the desired values in a range.
-You can omit `start` to use a default value of `0`.
-
-```js
-const initializeArrayRange = (end, start = 0) =>
-  Array.from({ length: end - start }).map((v, i) => i + start);
-// initializeArrayRange(5) -> [0,1,2,3,4]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Initialize array with values
-
-Use `Array(n)` to create an array of the desired length, `fill(v)` to fill it with the desired values.
-You can omit `value` to use a default value of `0`.
-
-```js
-const initializeArray = (n, value = 0) => Array(n).fill(value);
-// initializeArray(5, 2) -> [2,2,2,2,2]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Last of list
-
-Use `arr.length - 1` to compute index of the last element of the given array and returning it.
-
-```js
-const last = arr => arr[arr.length - 1];
-// last([1,2,3]) -> 3
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Median of array of numbers
-
-Find the middle of the array, use `Array.sort()` to sort the values.
-Return the number at the midpoint if `length` is odd, otherwise the average of the two middle numbers.
-
-```js
-const median = arr => {
-  const mid = Math.floor(arr.length / 2), nums = arr.sort((a, b) => a - b);
-  return arr.length % 2 !== 0 ? nums[mid] : (nums[mid - 1] + nums[mid]) / 2;
-};
-// median([5,6,50,1,-5]) -> 5
-// median([0,10,-2,7]) -> 3.5
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Nth element of array
-
-Use `Array.slice()` to get an array containing the nth element at the first place. 
-If the index is out of bounds, return `[]`.
-Omit the second argument, `n`, to get the first element of the array.
-
-```js
-const nth = (arr, n=0) => (n>0? arr.slice(n,n+1) : arr.slice(n))[0];
-// nth(['a','b','c'],1) -> 'b'
-// nth(['a','b','b']-2) -> 'a'
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Pick
-
-Use `Array.reduce()` to convert the filtered/picked keys back to a object with the corresponding key:value pair if the key exist in the obj.
-
-```js
-const pick = (obj, arr) =>
-  arr.reduce((acc, curr) => (curr in obj && (acc[curr] = obj[curr]), acc), {});
-// pick({ 'a': 1, 'b': '2', 'c': 3 }, ['a', 'c']) -> { 'a': 1, 'c': 3 }
-// pick(object, ['a', 'c'])['a'] -> 1
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Shuffle array
-
-Use `Array.sort()` to reorder elements, using `Math.random()` in the comparator.
-
-```js
-const shuffle = arr => arr.sort(() => Math.random() - 0.5);
-// shuffle([1,2,3]) -> [2,3,1]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Similarity between arrays
-
-Use `filter()` to remove values that are not part of `values`, determined using `includes()`.
-
-```js
-const similarity = (arr, values) => arr.filter(v => values.includes(v));
-// similarity([1,2,3], [1,2,4]) -> [1,2]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Sum of array of numbers
-
-Use `Array.reduce()` to add each value to an accumulator, initialized with a value of `0`.
-
-```js
-const sum = arr => arr.reduce((acc, val) => acc + val, 0);
-// sum([1,2,3,4]) -> 10
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Tail of list
-
-Return `arr.slice(1)` if the array's `length` is more than `1`, otherwise return the whole array.
-
-```js
-const tail = arr => arr.length > 1 ? arr.slice(1) : arr;
-// tail([1,2,3]) -> [2,3]
-// tail([1]) -> [1]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Take every nth element
-
-Use `Array.filter()` to create a new array that contains every nth element of a given array.
-
-```js
-const everynth = (arr, nth) => arr.filter((e, i) => i % nth === 0);
-// everynth([1,2,3,4,5,6], 2) -> [ 1, 3, 5 ]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Take right
-
-Use `Array.slice()` to create a slice of the array with `n` elements taken from the end.
-
-```js
-const takeRight = (arr, n = 1) => arr.slice(arr.length - n, arr.length);
-// takeRight([1, 2, 3], 2) -> [ 2, 3 ]
-// takeRight([1, 2, 3]) -> [3]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Take
-
-Use `Array.slice()` to create a slice of the array with `n` elements taken from the beginning.
-
-```js
-const take = (arr, n = 1) => arr.slice(0, n);
-// take([1, 2, 3], 5) -> [1, 2, 3]
-// take([1, 2, 3], 0) -> []
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Unique values of array
-
-Use ES6 `Set` and the `...rest` operator to discard all duplicated values.
-
-```js
-const unique = arr => [...new Set(arr)];
-// unique([1,2,2,3,4,4,5]) -> [1,2,3,4,5]
-```
-
 [⬆ back to top](#table-of-contents)
 ## Browser
 
-### Bottom visible
+### bottomVisible
+
+Returns `true` if the bottom of the page is visible, `false` otherwise.
 
 Use `scrollY`, `scrollHeight` and `clientHeight` to determine if the bottom of the page is visible.
 
@@ -612,18 +642,22 @@ const bottomVisible = () =>
 
 [⬆ back to top](#table-of-contents)
 
-### Current URL
+### currentURL
+
+Returns the current URL.
 
 Use `window.location.href` to get current URL.
 
 ```js
-const currentUrl = () => window.location.href;
+const currentURL = () => window.location.href;
 // currentUrl() -> 'https://google.com'
 ```
 
 [⬆ back to top](#table-of-contents)
 
-### Element is visible in viewport
+### elementIsVisibleInViewport
+
+Returns `true` if the element specified is visible in the viewport, `false` otherwise.
 
 Use `Element.getBoundingClientRect()` and the `window.inner(Width|Height)` values
 to determine if a given element is visible in the viewport.
@@ -645,13 +679,15 @@ const elementIsVisibleInViewport = (el, partiallyVisible = false) => {
 
 [⬆ back to top](#table-of-contents)
 
-### Get scroll position
+### getScrollPosition
+
+Returns the scroll position of the current page.
 
 Use `pageXOffset` and `pageYOffset` if they are defined, otherwise `scrollLeft` and `scrollTop`.
 You can omit `el` to use a default value of `window`.
 
 ```js
-const getScrollPos = (el = window) =>
+const getScrollPosition = (el = window) =>
   ({x: (el.pageXOffset !== undefined) ? el.pageXOffset : el.scrollLeft,
     y: (el.pageYOffset !== undefined) ? el.pageYOffset : el.scrollTop});
 // getScrollPos() -> {x: 0, y: 200}
@@ -659,7 +695,26 @@ const getScrollPos = (el = window) =>
 
 [⬆ back to top](#table-of-contents)
 
-### Redirect to URL
+### getURLParameters
+
+Returns an object containing the parameters of the current URL.
+
+Use `match()` with an appropriate regular expression to get all key-value pairs, `Array.reduce()` to map and combine them into a single object.
+Pass `location.search` as the argument to apply to the current `url`.
+
+```js
+const getURLParameters = url =>
+  url.match(/([^?=&]+)(=([^&]*))/g).reduce(
+    (a, v) => (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1), a), {}
+  );
+// getUrlParameters('http://url.com/page?name=Adam&surname=Smith') -> {name: 'Adam', surname: 'Smith'}
+```
+
+[⬆ back to top](#table-of-contents)
+
+### redirect
+
+Redirects to a specified URL.
 
 Use `window.location.href` or `window.location.replace()` to redirect to `url`.
 Pass a second argument to simulate a link click (`true` - default) or an HTTP redirect (`false`).
@@ -672,7 +727,9 @@ const redirect = (url, asLink = true) =>
 
 [⬆ back to top](#table-of-contents)
 
-### Scroll to top
+### scrollToTop
+
+Smooth-scrolls to the top of the page.
 
 Get distance from top using `document.documentElement.scrollTop` or `document.body.scrollTop`.
 Scroll by a fraction of the distance from top. Use `window.requestAnimationFrame()` to animate the scrolling.
@@ -691,7 +748,38 @@ const scrollToTop = () => {
 [⬆ back to top](#table-of-contents)
 ## Date
 
-### Convert to English date
+### getDaysDiffBetweenDates
+
+Returns the difference (in days) between two dates.
+
+Calculate the difference (in days) between to `Date` objects.
+
+```js
+const getDaysDiffBetweenDates = (dateInitial, dateFinal) => (dateFinal - dateInitial) / (1000 * 3600 * 24);
+// getDaysDiffBetweenDates(new Date("2017-12-13"), new Date("2017-12-22")) -> 9
+```
+
+[⬆ back to top](#table-of-contents)
+
+### JSONToDate
+
+Converts a JSON object to a date.
+
+Use `Date()`, to convert dates in JSON format to readable format (`dd/mm/yyyy`).
+
+```js
+const JSONToDate = arr => {
+  const dt = new Date(parseInt(arr.toString().substr(6)));
+  return `${ dt.getDate() }/${ dt.getMonth() + 1 }/${ dt.getFullYear() }`
+};
+// jsonToDate(/Date(1489525200000)/) -> "14/3/2017"
+```
+
+[⬆ back to top](#table-of-contents)
+
+### toEnglishDate
+
+Converts a date from American format to English format.
 
 Use `Date.toISOString()`, `split('T')` and `replace()` to convert a date from American format to English format.
 Throws an error if the passed time cannot be converted to a date.
@@ -702,35 +790,12 @@ const toEnglishDate  = (time) =>
 // toEnglishDate('09/21/2010') -> '21/09/2010'
 ```
 
-[⬆ back to top](#table-of-contents)
-
-### Get days difference between dates
-
-Calculate the difference (in days) between to `Date` objects.
-
-```js
-const getDaysDiffBetweenDates = (dateInitial, dateFinal) => (dateFinal - dateInitial) / (1000 * 3600 * 24);
-// getDaysDiffBetweenDates(new Date("2017-12-13"), new Date("2017-12-22")) -> 9
-```
-
-[⬆ back to top](#table-of-contents)
-
-### JSON to date
-
-Use `Date()`, to convert dates in JSON format to readable format (`dd/mm/yyyy`).
-
-```js
-const jsonToDate = arr => {
-  const dt = new Date(parseInt(arr.toString().substr(6)));
-  return `${ dt.getDate() }/${ dt.getMonth() + 1 }/${ dt.getFullYear() }`
-};
-// jsonToDate(/Date(1489525200000)/) -> "14/3/2017"
-```
-
 [⬆ back to top](#table-of-contents)
 ## Function
 
-### Chain asynchronous functions
+### chainAsync
+
+Chains asynchronous functions.
 
 Loop through an array of functions containing asynchronous events, calling `next` when each asynchronous event has completed.
 
@@ -747,7 +812,9 @@ chainAsync([
 
 [⬆ back to top](#table-of-contents)
 
-### Compose functions
+### compose
+
+Performs right-to-left function composition.
 
 Use `Array.reduce()` to perform right-to-left function composition.
 The last (rightmost) function can accept one or more arguments; the remaining functions must be unary.
@@ -764,7 +831,9 @@ multiplyAndAdd5(5, 2) -> 15
 
 [⬆ back to top](#table-of-contents)
 
-### Curry
+### curry
+
+Curries a function.
 
 Use recursion.
 If the number of provided arguments (`args`) is sufficient, call the passed function `f`.
@@ -782,7 +851,9 @@ const curry = (fn, arity = fn.length, ...args) =>
 
 [⬆ back to top](#table-of-contents)
 
-### Log function name
+### functionName
+
+Logs the name of a function.
 
 Use `console.debug()` and the `name` property of the passed method to log the method's name to the `debug` channel of the console.
 
@@ -793,13 +864,15 @@ const functionName = fn => (console.debug(fn.name), fn);
 
 [⬆ back to top](#table-of-contents)
 
-### Pipe functions
+### pipe
+
+Performs left-to-right function composition.
 
 Use `Array.reduce()` with the spread operator (`...`) to perform left-to-right function composition.
 The first (leftmost) function can accept one or more arguments; the remaining functions must be unary.
 
 ```js
-const pipe = (...fns) => fns.reduce((f, g) => (...args) => g(f(...args)));
+const pipeFunctions = (...fns) => fns.reduce((f, g) => (...args) => g(f(...args)));
 /*
 const add5 = x => x + 5
 const multiply = (x, y) => x * y
@@ -810,10 +883,12 @@ multiplyAndAdd5(5, 2) -> 15
 
 [⬆ back to top](#table-of-contents)
 
-### Promisify
+### promisify
 
-Use currying to return a function returning a `Promise` that calls the original function. 
-Use the `...rest` operator to pass in all the parameters. 
+Converts an asynchronous function to return a promise.
+
+Use currying to return a function returning a `Promise` that calls the original function.
+Use the `...rest` operator to pass in all the parameters.
 
 *In Node 8+, you can use [`util.promisify`](https://nodejs.org/api/util.html#util_util_promisify_original)*
 
@@ -830,19 +905,23 @@ const promisify = func =>
 
 [⬆ back to top](#table-of-contents)
 
-### Run promises in series
+### runPromisesInSeries
 
-Run an array of promises in series using `Array.reduce()` by creating a promise chain, where each promise returns the next promise when resolved.
+Runs an array of promises in series.
+
+Use `Array.reduce()` to create a promise chain, where each promise returns the next promise when resolved.
 
 ```js
-const series = ps => ps.reduce((p, next) => p.then(next), Promise.resolve());
+const runPromisesInSeries = ps => ps.reduce((p, next) => p.then(next), Promise.resolve());
 // const delay = (d) => new Promise(r => setTimeout(r, d))
 // series([() => delay(1000), () => delay(2000)]) -> executes each promise sequentially, taking a total of 3 seconds to complete
 ```
 
 [⬆ back to top](#table-of-contents)
 
-### Sleep
+### sleep
+
+Delays the execution of an asynchronous function.
 
 Delay executing part of an `async` function, by putting it to sleep, returning a `Promise`.
 
@@ -860,7 +939,35 @@ async function sleepyWork() {
 [⬆ back to top](#table-of-contents)
 ## Math
 
-### Collatz algorithm
+### arrayAverage
+
+Returns the average of an array of numbers.
+
+Use `Array.reduce()` to add each value to an accumulator, initialized with a value of `0`, divide by the `length` of the array.
+
+```js
+const arrayAverage = arr => arr.reduce((acc, val) => acc + val, 0) / arr.length;
+// average([1,2,3]) -> 2
+```
+
+[⬆ back to top](#table-of-contents)
+
+### arraySum
+
+Returns the sum of an array of numbers.
+
+Use `Array.reduce()` to add each value to an accumulator, initialized with a value of `0`.
+
+```js
+const arraySum = arr => arr.reduce((acc, val) => acc + val, 0);
+// sum([1,2,3,4]) -> 10
+```
+
+[⬆ back to top](#table-of-contents)
+
+### collatz
+
+Applies the Collatz algorithm.
 
 If `n` is even, return `n/2`. Otherwise  return `3n+1`.
 
@@ -872,7 +979,23 @@ const collatz = n => (n % 2 == 0) ? (n / 2) : (3 * n + 1);
 
 [⬆ back to top](#table-of-contents)
 
-### Distance between two points
+### digitize
+
+Converts a number to an array of digits.
+
+Convert the number to a string, using spread operators in ES6(`[...string]`) build an array.
+Use `Array.map()` and `parseInt()` to transform each value to an integer.
+
+```js
+const digitize = n => [...''+n].map(i => parseInt(i));
+// digitize(2334) -> [2, 3, 3, 4]
+```
+
+[⬆ back to top](#table-of-contents)
+
+### distance
+
+Returns the distance between two points.
 
 Use `Math.hypot()` to calculate the Euclidean distance between two points.
 
@@ -883,30 +1006,9 @@ const distance = (x0, y0, x1, y1) => Math.hypot(x1 - x0, y1 - y0);
 
 [⬆ back to top](#table-of-contents)
 
-### Divisible by number
+### factorial
 
-Use the modulo operator (`%`) to check if the remainder is equal to `0`.
-
-```js
-const isDivisible = (dividend, divisor) => dividend % divisor === 0;
-// isDivisible(6,3) -> true
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Even or odd number
-
-Checks whether a number is odd or even using the modulo (`%`) operator.
-Returns `true` if the number is even, `false` if the number is odd.
-
-```js
-const isEven = num => num % 2 === 0;
-// isEven(3) -> false
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Factorial
+Calculates the factorial of a number.
 
 Use recursion.
 If `n` is less than or equal to `1`, return `1`.
@@ -922,7 +1024,9 @@ const factorial = n =>
 
 [⬆ back to top](#table-of-contents)
 
-### Fibonacci array generator
+### fibonacci
+
+Generates an array, containing the Fibonacci sequence, up until the nth term.
 
 Create an empty array of the specific length, initializing the first two values (`0` and `1`).
 Use `Array.reduce()` to add values into the array, using the sum of the last two values, except for the first two.
@@ -935,7 +1039,9 @@ const fibonacci = n =>
 
 [⬆ back to top](#table-of-contents)
 
-### Greatest common divisor (GCD)
+### gcd
+
+Calculates the greatest common divisor between two numbers.
 
 Use recursion.
 Base case is when `y` equals `0`. In this case, return `x`.
@@ -948,7 +1054,9 @@ const gcd = (x, y) => !y ? x : gcd(y, x % y);
 
 [⬆ back to top](#table-of-contents)
 
-### Hamming distance
+### hammingDistance
+
+Calculates the Hamming distance between two values.
 
 Use XOR operator (`^`) to find the bit difference between the two numbers, convert to binary string using `toString(2)`.
 Count and return the number of `1`s in the string, using `match(/1/g)`.
@@ -961,7 +1069,36 @@ const hammingDistance = (num1, num2) =>
 
 [⬆ back to top](#table-of-contents)
 
-### Least common multiple (LCM)
+### isDivisible
+
+Checks if the first numeric argument is divisible by the second one.
+
+Use the modulo operator (`%`) to check if the remainder is equal to `0`.
+
+```js
+const isDivisible = (dividend, divisor) => dividend % divisor === 0;
+// isDivisible(6,3) -> true
+```
+
+[⬆ back to top](#table-of-contents)
+
+### isEven
+
+Returns `true` if the given number is even, `false` otherwise.
+
+Checks whether a number is odd or even using the modulo (`%`) operator.
+Returns `true` if the number is even, `false` if the number is odd.
+
+```js
+const isEven = num => num % 2 === 0;
+// isEven(3) -> false
+```
+
+[⬆ back to top](#table-of-contents)
+
+### lcm
+
+Returns the least common multiple of two numbers.
 
 Use the greatest common divisor (GCD) formula and `Math.abs()` to determine the least common multiple.
 The GCD formula uses recursion.
@@ -976,20 +1113,58 @@ const lcm = (x,y) => {
 
 [⬆ back to top](#table-of-contents)
 
-### Percentile
+### median
 
-Use `Array.reduce()` to calculate how many numbers are below the value and how many are the same value and
-apply the percentile formula.
+Returns the median of an array of numbers.
+
+Find the middle of the array, use `Array.sort()` to sort the values.
+Return the number at the midpoint if `length` is odd, otherwise the average of the two middle numbers.
 
 ```js
-const percentile = (arr, val) => 
+const median = arr => {
+  const mid = Math.floor(arr.length / 2), nums = arr.sort((a, b) => a - b);
+  return arr.length % 2 !== 0 ? nums[mid] : (nums[mid - 1] + nums[mid]) / 2;
+};
+// median([5,6,50,1,-5]) -> 5
+// median([0,10,-2,7]) -> 3.5
+```
+
+[⬆ back to top](#table-of-contents)
+
+### palindrome
+
+Returns `true` if the given string is a palindrome, `false` otherwise.
+
+Convert string `toLowerCase()` and use `replace()` to remove non-alphanumeric characters from it.
+Then, `split('')` into individual characters, `reverse()`, `join('')` and compare to the original, unreversed string, after converting it `tolowerCase()`.
+
+```js
+const palindrome = str => {
+  const s = str.toLowerCase().replace(/[\W_]/g,'');
+  return s === s.split('').reverse().join('');
+}
+// palindrome('taco cat') -> true
+ ```
+
+[⬆ back to top](#table-of-contents)
+
+### percentile
+
+Uses the percentile formula to calculate how many numbers in the given array are less or equal to the given value.
+
+Use `Array.reduce()` to calculate how many numbers are below the value and how many are the same value and apply the percentile formula.
+
+```js
+const percentile = (arr, val) =>
   100 * arr.reduce((acc,v) => acc + (v < val ? 1 : 0) + (v === val ? 0.5 : 0), 0) / arr.length;
 // percentile([1,2,3,4,5,6,7,8,9,10], 6) -> 55
  ```
 
 [⬆ back to top](#table-of-contents)
 
-### Powerset
+### powerset
+
+Returns the powerset of a given array of numbers.
 
 Use `Array.reduce()` combined with `Array.map()` to iterate over elements and combine into an array containing all combinations.
 
@@ -1001,7 +1176,9 @@ const powerset = arr =>
 
 [⬆ back to top](#table-of-contents)
 
-### Random integer in range
+### randomIntegerInRange
+
+Returns a random integer in the specified range.
 
 Use `Math.random()` to generate a random number and map it to the desired range, using `Math.floor()` to make it an integer.
 
@@ -1012,18 +1189,22 @@ const randomIntegerInRange = (min, max) => Math.floor(Math.random() * (max - min
 
 [⬆ back to top](#table-of-contents)
 
-### Random number in range
+### randomNumberInRange
+
+Returns a random number in the specified range.
 
 Use `Math.random()` to generate a random value, map it to the desired range using multiplication.
 
 ```js
-const randomInRange = (min, max) => Math.random() * (max - min) + min;
+const randomNumberInRange = (min, max) => Math.random() * (max - min) + min;
 // randomInRange(2,10) -> 6.0211363285087005
 ```
 
 [⬆ back to top](#table-of-contents)
 
-### Round number to n digits
+### round
+
+Rounds a number to a specified amount of digits.
 
 Use `Math.round()` and template literals to round the number to the specified number of digits.
 Omit the second argument, `decimals` to round to an integer.
@@ -1035,7 +1216,9 @@ const round = (n, decimals=0) => Number(`${Math.round(`${n}e${decimals}`)}e-${de
 
 [⬆ back to top](#table-of-contents)
 
-### Standard deviation
+### standardDeviation
+
+Returns the standard deviation of an array of numbers.
 
 Use `Array.reduce()` to calculate the mean, variance and the sum of the variance of the values, the variance of the values, then
 determine the standard deviation.
@@ -1056,7 +1239,9 @@ const standardDeviation = (arr, usePopulation = false) => {
 [⬆ back to top](#table-of-contents)
 ## Media
 
-### Speech synthesis (experimental)
+### speechSynthesis
+
+Performs speech synthesis (experimental).
 
 Use `SpeechSynthesisUtterance.voice` and `window.speechSynthesis.getVoices()` to convert a message to speech.
 Use `window.speechSynthesis.speak()` to play the message.
@@ -1064,7 +1249,7 @@ Use `window.speechSynthesis.speak()` to play the message.
 Learn more about the [SpeechSynthesisUtterance interface of the Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance).
 
 ```js
-const speak = message => {
+const speechSynthesis = message => {
   const msg = new SpeechSynthesisUtterance(message);
   msg.voice = window.speechSynthesis.getVoices()[0];
   window.speechSynthesis.speak(msg);
@@ -1075,7 +1260,23 @@ const speak = message => {
 [⬆ back to top](#table-of-contents)
 ## Node
 
-### Read file as array of lines
+### JSONToFile
+
+Writes a JSON object to a file.
+
+Use `fs.writeFile()`, template literals and `JSON.stringify()` to write a `json` object to a `.json` file.
+
+```js
+const fs = require('fs');
+const JSONToFile = (obj, filename) => fs.writeFile(`${filename}.json`, JSON.stringify(obj, null, 2))
+// jsonToFile({test: "is passed"}, 'testJsonFile') -> writes the object to 'testJsonFile.json'
+```
+
+[⬆ back to top](#table-of-contents)
+
+### readFileLines
+
+Returns an array of lines from the specified file.
 
 Use `readFileSync` function in `fs` node package to create a `Buffer` from a file.
 convert buffer to string using `toString(encoding)` function.
@@ -1083,7 +1284,7 @@ creating an array from contents of file by `split`ing file content line by line(
 
   ```js
 const fs = require('fs');
-const readFileToArray = filename => fs.readFileSync(filename).toString('UTF8').split('\n');
+const readFileLines = filename => fs.readFileSync(filename).toString('UTF8').split('\n');
 /*
   contents of test.txt :
     line1
@@ -1095,22 +1296,12 @@ const readFileToArray = filename => fs.readFileSync(filename).toString('UTF8').s
  */
 ```
 
-[⬆ back to top](#table-of-contents)
-
-### Write JSON to file
-
-Use `fs.writeFile()`, template literals and `JSON.stringify()` to write a `json` object to a `.json` file.
-
-```js
-const fs = require('fs');
-const jsonToFile = (obj, filename) => fs.writeFile(`${filename}.json`, JSON.stringify(obj, null, 2))
-// jsonToFile({test: "is passed"}, 'testJsonFile') -> writes the object to 'testJsonFile.json'
-```
-
 [⬆ back to top](#table-of-contents)
 ## Object
 
-### Clean JSON object
+### cleanObj
+
+Removes any properties except the ones specified from a JSON object.
 
 Use `Object.keys()` method to loop over given json object and deleting keys that are not `include`d in given array.
 also if you give it a special key(`childIndicator`) it will search deeply inside it to apply function to inner objects too.
@@ -1134,7 +1325,9 @@ const cleanObj = (obj, keysToKeep = [], childIndicator) => {
 
 [⬆ back to top](#table-of-contents)
 
-### Object from key-value pairs
+### objectFromPairs
+
+Creates an object from the given key-value pairs.
 
 Use `Array.reduce()` to create and combine key-value pairs.
 
@@ -1145,7 +1338,9 @@ const objectFromPairs = arr => arr.reduce((a, v) => (a[v[0]] = v[1], a), {});
 
 [⬆ back to top](#table-of-contents)
 
-### Object to key-value pairs
+### objectToPairs
+
+Creates an array of key-value pair arrays from an object.
 
 Use `Object.keys()` and `Array.map()` to iterate over the object's keys and produce an array with key-value pairs.
 
@@ -1156,7 +1351,9 @@ const objectToPairs = obj => Object.keys(obj).map(k => [k, obj[k]]);
 
 [⬆ back to top](#table-of-contents)
 
-### Shallow clone object
+### shallowClone
+
+Creates a shallow clone of an object.
 
 Use `Object.assign()` and an empty object (`{}`) to create a shallow clone of the original.
 
@@ -1172,7 +1369,9 @@ a === b -> false
 [⬆ back to top](#table-of-contents)
 ## String
 
-### Anagrams of string (with duplicates)
+### anagrams
+
+Generates all anagrams of a string (contains duplicates).
 
 Use recursion.
 For each letter in the given string, create all the partial anagrams for the rest of its letters.
@@ -1190,18 +1389,9 @@ const anagrams = str => {
 
 [⬆ back to top](#table-of-contents)
 
-### Capitalize first letter of every word
+### Capitalize
 
-Use `replace()` to match the first character of each word and `toUpperCase()` to capitalize it.
-
-```js
-const capitalizeEveryWord = str => str.replace(/\b[a-z]/g, char => char.toUpperCase());
-// capitalizeEveryWord('hello world!') -> 'Hello World!'
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Capitalize first letter
+Capitalizes the first letter of a string.
 
 Use destructuring and `toUpperCase()` to capitalize first letter, `...rest` to get array of characters after first letter and then `Array.join('')` to make it a string again.
 Omit the `lowerRest` parameter to keep the rest of the string intact, or set it to `true` to convert to lower case.
@@ -1215,28 +1405,41 @@ const capitalize = ([first,...rest], lowerRest = false) =>
 
 [⬆ back to top](#table-of-contents)
 
-### Check for palindrome
+### capitalizeEveryWord
 
-Convert string `toLowerCase()` and use `replace()` to remove non-alphanumeric characters from it.
-Then, `split('')` into individual characters, `reverse()`, `join('')` and compare to the original, unreversed string, after converting it `tolowerCase()`.
+Capitalizes the first letter of every word in a string.
+
+Use `replace()` to match the first character of each word and `toUpperCase()` to capitalize it.
 
 ```js
-const palindrome = str => {
-  const s = str.toLowerCase().replace(/[\W_]/g,'');
-  return s === s.split('').reverse().join('');
-}
-// palindrome('taco cat') -> true
- ```
+const capitalizeEveryWord = str => str.replace(/\b[a-z]/g, char => char.toUpperCase());
+// capitalizeEveryWord('hello world!') -> 'Hello World!'
+```
 
 [⬆ back to top](#table-of-contents)
 
-### Convert string from camelcase
+### escapeRegExp
 
-Use `replace()` to remove underscores, hyphens and spaces and convert words to camelcase.
-Omit the scond argument to use a default separator of '_'.
+Escapes a string to use in a regular expression.
+
+Use `replace()` to escape special characters.
 
 ```js
-const fromCamelCase = (str, separator = '_') => 
+const escapeRegExp = str => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
+// escapeRegExp('(test)') -> \\(test\\)
+```
+
+[⬆ back to top](#table-of-contents)
+
+### fromCamelCase
+
+Converts a string from camelcase.
+
+Use `replace()` to remove underscores, hyphens and spaces and convert words to camelcase.
+Omit the scond argument to use a default separator of `_`.
+
+```js
+const fromCamelCase = (str, separator = '_') =>
   str.replace(/([a-z\d])([A-Z])/g, '$1' + separator + '$2')
     .replace(/([A-Z]+)([A-Z][a-z\d]+)/g, '$1' + separator + '$2').toLowerCase();
 // fromCamelCase('someDatabaseFieldName', ' ') -> 'some database field name'
@@ -1246,22 +1449,9 @@ const fromCamelCase = (str, separator = '_') =>
 
 [⬆ back to top](#table-of-contents)
 
-### Convert string to camelcase
+### reverseString
 
-Use `replace()` to remove underscores, hyphens and spaces and convert words to camelcase.
-
-```js
-const toCamelCase = str => 
-  str.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2, offset) =>  p2 ? p2.toUpperCase() : p1.toLowerCase());
-// toCamelCase("some_database_field_name") -> 'someDatabaseFieldName'
-// toCamelCase("Some label that needs to be camelized") -> 'someLabelThatNeedsToBeCamelized'
-// toCamelCase("some-javascript-property") -> 'someJavascriptProperty'
-// toCamelCase("some-mixed_string with spaces_underscores-and-hyphens") -> 'someMixedStringWithSpacesUnderscoresAndHyphens'
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Reverse a string
+Reverses a string.
 
 Use array destructuring and `Array.reverse()` to reverse the order of the characters in the string.
 Combine characters to get a string using `join('')`.
@@ -1273,7 +1463,9 @@ const reverseString = str => [...str].reverse().join('');
 
 [⬆ back to top](#table-of-contents)
 
-### Sort characters in string (alphabetical)
+### sortCharactersInString
+
+Alphabetically sorts the characters in a string.
 
 Split the string using `split('')`, `Array.sort()` utilizing `localeCompare()`, recombine using `join('')`.
 
@@ -1285,13 +1477,32 @@ const sortCharactersInString = str =>
 
 [⬆ back to top](#table-of-contents)
 
-### Truncate a String
+### toCamelCase
+
+Converts a string to camelcase.
+
+Use `replace()` to remove underscores, hyphens and spaces and convert words to camelcase.
+
+```js
+const toCamelCase = str =>
+  str.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2, offset) =>  p2 ? p2.toUpperCase() : p1.toLowerCase());
+// toCamelCase("some_database_field_name") -> 'someDatabaseFieldName'
+// toCamelCase("Some label that needs to be camelized") -> 'someLabelThatNeedsToBeCamelized'
+// toCamelCase("some-javascript-property") -> 'someJavascriptProperty'
+// toCamelCase("some-mixed_string with spaces_underscores-and-hyphens") -> 'someMixedStringWithSpacesUnderscoresAndHyphens'
+```
+
+[⬆ back to top](#table-of-contents)
+
+### truncateString
+
+Truncates a string up to a specified length.
 
 Determine if the string's `length` is greater than `num`.
 Return the string truncated to the desired length, with `...` appended to the end or the original string.
 
 ```js
-const truncate = (str, num) =>
+const truncateString = (str, num) =>
   str.length > num ? str.slice(0, num > 3 ? num - 3 : num) + '...' : str;
 // truncate('boomerang', 7) -> 'boom...'
 ```
@@ -1299,12 +1510,14 @@ const truncate = (str, num) =>
 [⬆ back to top](#table-of-contents)
 ## Utility
 
-### 3-digit hexcode to 6-digit hexcode
+### extendHex
 
-Use `Array.map()`, `split()` and `Array.join()` to join the mapped array for converting a three-digit RGB notated hexadecimal color-code to the six-digit form.
+Extends a 3-digit color code to a 6-digit color code.
+
+Use `Array.map()`, `split()` and `Array.join()` to join the mapped array for converting a 3-digit RGB notated hexadecimal color-code to the 6-digit form.
 `Array.slice()` is used to remove `#` from string start since it's added once.
 ```js
-const convertHex = shortHex =>
+const extendHex = shortHex =>
   '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split().map(x => x+x).join()
 // convertHex('#03f') -> '#0033ff'
 // convertHex('05a') -> '#0055aa'
@@ -1312,18 +1525,9 @@ const convertHex = shortHex =>
 
 [⬆ back to top](#table-of-contents)
 
-### Escape regular expression
+### getType
 
-Use `replace()` to escape special characters.
-
-```js
-const escapeRegExp = str => str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&');
-// escapeRegExp('(test)') -> \\(test\\)
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Get native type of value
+Returns the native type of a value.
 
 Returns lower-cased constructor name of value, "undefined" or "null" if value is undefined or null
 
@@ -1335,12 +1539,14 @@ const getType = v =>
 
 [⬆ back to top](#table-of-contents)
 
-### Hexcode to RGB
+### hexToRGB
+
+Converts a colorcode to a `rgb()` string.
 
 Use bitwise right-shift operator and mask bits with `&` (and) operator to convert a hexadecimal color code (prefixed with `#`) to a string with the RGB values.
 
 ```js
-const hexToRgb = hex => {
+const hexToRGB = hex => {
   const h = parseInt(hex.slice(1), 16);
   return `rgb(${h >> 16}, ${(h & 0x00ff00) >> 8}, ${h & 0x0000ff})`;
 }
@@ -1349,7 +1555,9 @@ const hexToRgb = hex => {
 
 [⬆ back to top](#table-of-contents)
 
-### Is array
+### isArray
+
+Checks if the given argument is an array.
 
 Use `Array.isArray()` to check if a value is classified as an array.
 
@@ -1361,7 +1569,9 @@ const isArray = val => !!val && Array.isArray(val);
 
 [⬆ back to top](#table-of-contents)
 
-### Is boolean
+### isBoolean
+
+Checks if the given argument is a native boolean element.
 
 Use `typeof` to check if a value is classified as a boolean primitive.
 
@@ -1373,7 +1583,9 @@ const isBoolean = val => typeof val === 'boolean';
 
 [⬆ back to top](#table-of-contents)
 
-### Is function
+### isFunction
+
+Checks if the given argument is a function.
 
 Use `typeof` to check if a value is classified as a function primitive.
 
@@ -1385,7 +1597,9 @@ const isFunction = val => val && typeof val === 'function';
 
 [⬆ back to top](#table-of-contents)
 
-### Is number
+### isNumber
+
+Checks if the given argument is a number.
 
 Use `typeof` to check if a value is classified as a number primitive.
 
@@ -1397,7 +1611,9 @@ const isNumber = val => typeof val === 'number';
 
 [⬆ back to top](#table-of-contents)
 
-### Is string
+### isString
+
+Checks if the given argument is a string.
 
 Use `typeof` to check if a value is classified as a string primitive.
 
@@ -1409,7 +1625,9 @@ const isString = val => typeof val === 'string';
 
 [⬆ back to top](#table-of-contents)
 
-### Is symbol
+### isSymbol
+
+Checks if the given argument is a symbol.
 
 Use `typeof` to check if a value is classified as a symbol primitive.
 
@@ -1421,16 +1639,29 @@ const isSymbol = val => typeof val === 'symbol';
 
 [⬆ back to top](#table-of-contents)
 
-### Measure time taken by function
+### RGBToHex
+
+Converts the values of RGB components to a colorcode.
+
+Convert given RGB parameters to hexadecimal string using bitwise left-shift operator (`<<`) and `toString(16)`, then `padStart(6,'0')` to get a 6-digit hexadecimal value.
+
+```js
+const RGBToHex = (r, g, b) => ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');
+// rgbToHex(255, 165, 1) -> 'ffa501'
+```
+
+[⬆ back to top](#table-of-contents)
+
+### timeTaken
+
+Measures the time taken by a function to execute.
 
 Use `console.time()` and `console.timeEnd()` to measure the difference between the start and end times to determine how long the callback took to execute.
 
 ```js
 const timeTaken = callback => {
-  console.time('timeTaken');
-  const r = callback();
-  console.timeEnd('timeTaken');
-  return r;
+  console.time('timeTaken');  const r = callback();
+  console.timeEnd('timeTaken');  return r;
 };
 // timeTaken(() => Math.pow(2, 10)) -> 1024
 // (logged): timeTaken: 0.02099609375ms
@@ -1438,19 +1669,9 @@ const timeTaken = callback => {
 
 [⬆ back to top](#table-of-contents)
 
-### Number to array of digits
+### toOrdinalSuffix
 
-Convert the number to a string, using spread operators in ES6(`[...string]`) build an array.
-Use `Array.map()` and `parseInt()` to transform each value to an integer. 
-
-```js
-const digitize = n => [...''+n].map(i => parseInt(i));
-// digitize(2334) -> [2, 3, 3, 4]
-```
-
-[⬆ back to top](#table-of-contents)
-
-### Ordinal suffix of number
+Adds an ordinal suffix to a number.
 
 Use the modulo operator (`%`) to find values of single and tens digits.
 Find which ordinal pattern digits match.
@@ -1468,38 +1689,14 @@ const toOrdinalSuffix = num => {
 
 [⬆ back to top](#table-of-contents)
 
-### RGB to hexadecimal
+### UUIDGenerator
 
-Convert given RGB parameters to hexadecimal string using bitwise left-shift operator (`<<`) and `toString(16)`, then `padStart(6,'0')` to get a 6-digit hexadecimal value.
-
-```js
-const rgbToHex = (r, g, b) => ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');
-// rgbToHex(255, 165, 1) -> 'ffa501'
-```
-
-[⬆ back to top](#table-of-contents)
-
-### URL parameters
-
-Use `match()` with an appropriate regular expression to get all key-value pairs, `Array.reduce()` to map and combine them into a single object.
-Pass `location.search` as the argument to apply to the current `url`.
-
-```js
-const getUrlParameters = url =>
-  url.match(/([^?=&]+)(=([^&]*))/g).reduce(
-    (a, v) => (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1), a), {}
-  );
-// getUrlParameters('http://url.com/page?name=Adam&surname=Smith') -> {name: 'Adam', surname: 'Smith'}
-```
-
-[⬆ back to top](#table-of-contents)
-
-### UUID generator
+Generates a UUID.
 
 Use `crypto` API to generate a UUID, compliant with [RFC4122](https://www.ietf.org/rfc/rfc4122.txt) version 4.
 
 ```js
-const uuid = () =>
+const UUIDGenerator = () =>
   ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
     (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
   );
@@ -1508,7 +1705,9 @@ const uuid = () =>
 
 [⬆ back to top](#table-of-contents)
 
-### Validate email
+### validateEmail
+
+Returns `true` if the given string is a valid  email, `false` otherwise.
 
 Use a regular expression to check if the email is valid.
 Returns `true` if email is valid, `false` if not.
@@ -1521,7 +1720,9 @@ const validateEmail = str =>
 
 [⬆ back to top](#table-of-contents)
 
-### Validate number
+### validateNumber
+
+Returns `true` if the given value is a number, `false` otherwise.
 
 Use `!isNaN` in combination with `parseFloat()` to check if the argument is a number.
 Use `isFinite()` to check if the number is finite.
diff --git a/scripts/build-script.js b/scripts/build-script.js
index 05514ae78..95275492a 100644
--- a/scripts/build-script.js
+++ b/scripts/build-script.js
@@ -55,7 +55,7 @@ try {
   for(let tag of [...new Set(Object.entries(tagDbData).map(t => t[1]))].filter(v => v).sort((a,b) => a.localeCompare(b))){
     output +=`### ${capitalize(tag, true)}\n`;
     for(let taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag))
-      output += `* [${taggedSnippet[0][0].toUpperCase() + taggedSnippet[0].replace(/-/g,' ').slice(1)}](#${taggedSnippet[0].replace(/\(/g,'').replace(/\)/g,'').toLowerCase()})\n`
+      output += `* [\`${taggedSnippet[0]}\`](#${taggedSnippet[0].toLowerCase()})\n`
     output += '\n';
   }
   // Loop over tags and snippets to create the list of snippets
diff --git a/snippet-template.md b/snippet-template.md
index 83e820965..63d6665d8 100644
--- a/snippet-template.md
+++ b/snippet-template.md
@@ -1,4 +1,6 @@
-### Snippet title
+### functionName
+
+Explain briefly what the snippet does.
 
 Explain briefly how the snippet works.
 
diff --git a/snippets/json-to-date.md b/snippets/JSONToDate.md
similarity index 78%
rename from snippets/json-to-date.md
rename to snippets/JSONToDate.md
index c1a260927..ce3ceebdb 100644
--- a/snippets/json-to-date.md
+++ b/snippets/JSONToDate.md
@@ -1,9 +1,11 @@
-### JSON to date
+### JSONToDate
+
+Converts a JSON object to a date.
 
 Use `Date()`, to convert dates in JSON format to readable format (`dd/mm/yyyy`).
 
 ```js
-const jsonToDate = arr => {
+const JSONToDate = arr => {
   const dt = new Date(parseInt(arr.toString().substr(6)));
   return `${ dt.getDate() }/${ dt.getMonth() + 1 }/${ dt.getFullYear() }`
 };
diff --git a/snippets/json-to-file.md b/snippets/JSONToFile.md
similarity index 71%
rename from snippets/json-to-file.md
rename to snippets/JSONToFile.md
index 587e5f0f1..f7f0990a1 100644
--- a/snippets/json-to-file.md
+++ b/snippets/JSONToFile.md
@@ -1,9 +1,11 @@
-### Write JSON to file
+### JSONToFile
+
+Writes a JSON object to a file.
 
 Use `fs.writeFile()`, template literals and `JSON.stringify()` to write a `json` object to a `.json` file.
 
 ```js
 const fs = require('fs');
-const jsonToFile = (obj, filename) => fs.writeFile(`${filename}.json`, JSON.stringify(obj, null, 2))
+const JSONToFile = (obj, filename) => fs.writeFile(`${filename}.json`, JSON.stringify(obj, null, 2))
 // jsonToFile({test: "is passed"}, 'testJsonFile') -> writes the object to 'testJsonFile.json'
 ```
diff --git a/snippets/RGB-to-hexadecimal.md b/snippets/RGBToHex.md
similarity index 64%
rename from snippets/RGB-to-hexadecimal.md
rename to snippets/RGBToHex.md
index 2b29c9d2a..23dce9ec4 100644
--- a/snippets/RGB-to-hexadecimal.md
+++ b/snippets/RGBToHex.md
@@ -1,8 +1,10 @@
-### RGB to hexadecimal
+### RGBToHex
+
+Converts the values of RGB components to a colorcode.
 
 Convert given RGB parameters to hexadecimal string using bitwise left-shift operator (`<<`) and `toString(16)`, then `padStart(6,'0')` to get a 6-digit hexadecimal value.
 
 ```js
-const rgbToHex = (r, g, b) => ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');
+const RGBToHex = (r, g, b) => ((r << 16) + (g << 8) + b).toString(16).padStart(6, '0');
 // rgbToHex(255, 165, 1) -> 'ffa501'
 ```
diff --git a/snippets/UUID-generator.md b/snippets/UUIDGenerator.md
similarity index 83%
rename from snippets/UUID-generator.md
rename to snippets/UUIDGenerator.md
index 90dd9c78a..9fe3343f2 100644
--- a/snippets/UUID-generator.md
+++ b/snippets/UUIDGenerator.md
@@ -1,9 +1,11 @@
-### UUID generator
+### UUIDGenerator
+
+Generates a UUID.
 
 Use `crypto` API to generate a UUID, compliant with [RFC4122](https://www.ietf.org/rfc/rfc4122.txt) version 4.
 
 ```js
-const uuidGenerator = () =>
+const UUIDGenerator = () =>
   ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =>
     (c ^ crypto.getRandomValues(new Uint8Array(1))[0] & 15 >> c / 4).toString(16)
   );
diff --git a/snippets/anagrams.md b/snippets/anagrams.md
index bbc2e3dfb..b89194564 100644
--- a/snippets/anagrams.md
+++ b/snippets/anagrams.md
@@ -1,4 +1,6 @@
-### Anagrams of string (with duplicates)
+### anagrams
+
+Generates all anagrams of a string (contains duplicates).
 
 Use recursion.
 For each letter in the given string, create all the partial anagrams for the rest of its letters.
diff --git a/snippets/average.md b/snippets/arrayAverage.md
similarity index 53%
rename from snippets/average.md
rename to snippets/arrayAverage.md
index 73ae7bc39..8fe610f2d 100644
--- a/snippets/average.md
+++ b/snippets/arrayAverage.md
@@ -1,8 +1,10 @@
-### Average of array of numbers
+### arrayAverage
+
+Returns the average of an array of numbers.
 
 Use `Array.reduce()` to add each value to an accumulator, initialized with a value of `0`, divide by the `length` of the array.
 
 ```js
-const average = arr => arr.reduce((acc, val) => acc + val, 0) / arr.length;
+const arrayAverage = arr => arr.reduce((acc, val) => acc + val, 0) / arr.length;
 // average([1,2,3]) -> 2
 ```
diff --git a/snippets/get-max.md b/snippets/arrayMax.md
similarity index 77%
rename from snippets/get-max.md
rename to snippets/arrayMax.md
index 2e724a3e2..0c0022996 100644
--- a/snippets/get-max.md
+++ b/snippets/arrayMax.md
@@ -1,4 +1,6 @@
-### Get max value from array
+### arrayMax
+
+Returns the maximum value in an array.
 
 Use `Math.max()` combined with the spread operator (`...`) to get the maximum value in the array.
 
diff --git a/snippets/get-min.md b/snippets/arrayMin.md
similarity index 77%
rename from snippets/get-min.md
rename to snippets/arrayMin.md
index 8775b6b72..d2a1f3009 100644
--- a/snippets/get-min.md
+++ b/snippets/arrayMin.md
@@ -1,4 +1,6 @@
-### Get min value from array
+### arrayMin
+
+Returns the maximum value in an array.
 
 Use `Math.min()` combined with the spread operator (`...`) to get the minimum value in the array.
 
diff --git a/snippets/sum-array-numbers.md b/snippets/arraySum.md
similarity index 51%
rename from snippets/sum-array-numbers.md
rename to snippets/arraySum.md
index a6187b3dc..9c07695db 100644
--- a/snippets/sum-array-numbers.md
+++ b/snippets/arraySum.md
@@ -1,8 +1,10 @@
-### Sum of array of numbers
+### arraySum
+
+Returns the sum of an array of numbers.
 
 Use `Array.reduce()` to add each value to an accumulator, initialized with a value of `0`.
 
 ```js
-const sumArrayNumbers = arr => arr.reduce((acc, val) => acc + val, 0);
+const arraySum = arr => arr.reduce((acc, val) => acc + val, 0);
 // sum([1,2,3,4]) -> 10
 ```
diff --git a/snippets/bottom-visible.md b/snippets/bottomVisible.md
similarity index 77%
rename from snippets/bottom-visible.md
rename to snippets/bottomVisible.md
index 797b0eb00..8e655db45 100644
--- a/snippets/bottom-visible.md
+++ b/snippets/bottomVisible.md
@@ -1,4 +1,6 @@
-### Bottom visible
+### bottomVisible
+
+Returns `true` if the bottom of the page is visible, `false` otherwise.
 
 Use `scrollY`, `scrollHeight` and `clientHeight` to determine if the bottom of the page is visible.
 
diff --git a/snippets/capitalize.md b/snippets/capitalize.md
index edbb04b02..f29c933d2 100644
--- a/snippets/capitalize.md
+++ b/snippets/capitalize.md
@@ -1,4 +1,6 @@
-### Capitalize first letter
+### Capitalize
+
+Capitalizes the first letter of a string.
 
 Use destructuring and `toUpperCase()` to capitalize first letter, `...rest` to get array of characters after first letter and then `Array.join('')` to make it a string again.
 Omit the `lowerRest` parameter to keep the rest of the string intact, or set it to `true` to convert to lower case.
diff --git a/snippets/capitalize-every-word.md b/snippets/capitalizeEveryWord.md
similarity index 75%
rename from snippets/capitalize-every-word.md
rename to snippets/capitalizeEveryWord.md
index 4a1f5c1ab..bfaaf00b6 100644
--- a/snippets/capitalize-every-word.md
+++ b/snippets/capitalizeEveryWord.md
@@ -1,4 +1,6 @@
-### Capitalize first letter of every word
+### capitalizeEveryWord
+
+Capitalizes the first letter of every word in a string.
 
 Use `replace()` to match the first character of each word and `toUpperCase()` to capitalize it.
 
diff --git a/snippets/chain-async.md b/snippets/chainAsync.md
similarity index 89%
rename from snippets/chain-async.md
rename to snippets/chainAsync.md
index 8aec5d186..66fb8a6ab 100644
--- a/snippets/chain-async.md
+++ b/snippets/chainAsync.md
@@ -1,4 +1,6 @@
-### Chain asynchronous functions
+### chainAsync
+
+Chains asynchronous functions.
 
 Loop through an array of functions containing asynchronous events, calling `next` when each asynchronous event has completed.
 
diff --git a/snippets/chunk.md b/snippets/chunk.md
index ba3e5e42e..8ad2c3ced 100644
--- a/snippets/chunk.md
+++ b/snippets/chunk.md
@@ -1,4 +1,6 @@
-### Chunk array
+### chunk
+
+Chunks an array into smaller arrays of a specified size.
 
 Use `Array.from()` to create a new array, that fits the number of chunks that will be produced.
 Use `Array.slice()` to map each element of the new array to a chunk the length of `size`.
diff --git a/snippets/clean-obj.md b/snippets/cleanObj.md
similarity index 88%
rename from snippets/clean-obj.md
rename to snippets/cleanObj.md
index 241f6ce09..34e443a41 100644
--- a/snippets/clean-obj.md
+++ b/snippets/cleanObj.md
@@ -1,4 +1,6 @@
-### Clean JSON object
+### cleanObj
+
+Removes any properties except the ones specified from a JSON object.
 
 Use `Object.keys()` method to loop over given json object and deleting keys that are not `include`d in given array.
 also if you give it a special key(`childIndicator`) it will search deeply inside it to apply function to inner objects too.
diff --git a/snippets/collatz.md b/snippets/collatz.md
index 61614e5e0..b3d277658 100644
--- a/snippets/collatz.md
+++ b/snippets/collatz.md
@@ -1,4 +1,6 @@
-### Collatz algorithm
+### collatz
+
+Applies the Collatz algorithm.
 
 If `n` is even, return `n/2`. Otherwise  return `3n+1`.
 
diff --git a/snippets/compact.md b/snippets/compact.md
index 121d79bae..c63796719 100644
--- a/snippets/compact.md
+++ b/snippets/compact.md
@@ -1,4 +1,6 @@
-### Compact
+### compact
+
+Removes falsey values from an array.
 
 Use `Array.filter()` to filter out falsey values (`false`, `null`, `0`, `""`, `undefined`, and `NaN`).
 
diff --git a/snippets/compose.md b/snippets/compose.md
index 4c7248930..f6b1ce2ea 100644
--- a/snippets/compose.md
+++ b/snippets/compose.md
@@ -1,4 +1,6 @@
-### Compose functions
+### compose
+
+Performs right-to-left function composition.
 
 Use `Array.reduce()` to perform right-to-left function composition.
 The last (rightmost) function can accept one or more arguments; the remaining functions must be unary.
diff --git a/snippets/count-occurrences.md b/snippets/countOccurrences.md
similarity index 78%
rename from snippets/count-occurrences.md
rename to snippets/countOccurrences.md
index f4a0dc210..be28947f0 100644
--- a/snippets/count-occurrences.md
+++ b/snippets/countOccurrences.md
@@ -1,4 +1,6 @@
-### Count occurrences of a value in array
+### countOccurrences
+
+Counts the occurences of a value in an array.
 
 Use `Array.reduce()` to increment a counter each time you encounter the specific value inside the array.
 
diff --git a/snippets/current-URL.md b/snippets/current-URL.md
index 3a549d219..a6482a689 100644
--- a/snippets/current-URL.md
+++ b/snippets/current-URL.md
@@ -1,8 +1,10 @@
-### Current URL
+### currentURL
+
+Returns the current URL.
 
 Use `window.location.href` to get current URL.
 
 ```js
-const currentUrl = () => window.location.href;
+const currentURL = () => window.location.href;
 // currentUrl() -> 'https://google.com'
 ```
diff --git a/snippets/curry.md b/snippets/curry.md
index bbee4086c..50473509e 100644
--- a/snippets/curry.md
+++ b/snippets/curry.md
@@ -1,4 +1,6 @@
-### Curry
+### curry
+
+Curries a function.
 
 Use recursion.
 If the number of provided arguments (`args`) is sufficient, call the passed function `f`.
diff --git a/snippets/deep-flatten.md b/snippets/deepFlatten.md
similarity index 88%
rename from snippets/deep-flatten.md
rename to snippets/deepFlatten.md
index 8e9497d33..c6f29fb9b 100644
--- a/snippets/deep-flatten.md
+++ b/snippets/deepFlatten.md
@@ -1,4 +1,6 @@
-### Deep flatten array
+### deepFlatten
+
+Deep flattens an array.
 
 Use recursion.
 Use `Array.concat()` with an empty array (`[]`) and the spread operator (`...`) to flatten an array.
diff --git a/snippets/difference.md b/snippets/difference.md
index defd82d6f..e78a73340 100644
--- a/snippets/difference.md
+++ b/snippets/difference.md
@@ -1,4 +1,6 @@
-### Array difference
+### difference
+
+Returns the difference between two arrays.
 
 Create a `Set` from `b`, then use `Array.filter()` on `a` to only keep values not contained in `b`.
 
diff --git a/snippets/digitalize.md b/snippets/digitize.md
similarity index 79%
rename from snippets/digitalize.md
rename to snippets/digitize.md
index 3d8a3c0e0..f856c8369 100644
--- a/snippets/digitalize.md
+++ b/snippets/digitize.md
@@ -1,7 +1,9 @@
-### Number to array of digits
+### digitize
+
+Converts a number to an array of digits.
 
 Convert the number to a string, using spread operators in ES6(`[...string]`) build an array.
-Use `Array.map()` and `parseInt()` to transform each value to an integer. 
+Use `Array.map()` and `parseInt()` to transform each value to an integer.
 
 ```js
 const digitize = n => [...''+n].map(i => parseInt(i));
diff --git a/snippets/distance.md b/snippets/distance.md
index 33eea1615..5595ef188 100644
--- a/snippets/distance.md
+++ b/snippets/distance.md
@@ -1,4 +1,6 @@
-### Distance between two points
+### distance
+
+Returns the distance between two points.
 
 Use `Math.hypot()` to calculate the Euclidean distance between two points.
 
diff --git a/snippets/unique-values-of-array.md b/snippets/distinctValuesOfArray.md
similarity index 50%
rename from snippets/unique-values-of-array.md
rename to snippets/distinctValuesOfArray.md
index 0383731bc..5b5b8e5e0 100644
--- a/snippets/unique-values-of-array.md
+++ b/snippets/distinctValuesOfArray.md
@@ -1,8 +1,10 @@
-### Unique values of array
+### distinctValuesOfArray
+
+Returns all the distinct values of an array.
 
 Use ES6 `Set` and the `...rest` operator to discard all duplicated values.
 
 ```js
-const uniqueValuesOfArray = arr => [...new Set(arr)];
+const distinctValuesOfArray = arr => [...new Set(arr)];
 // unique([1,2,2,3,4,4,5]) -> [1,2,3,4,5]
 ```
diff --git a/snippets/drop-elements.md b/snippets/dropElements.md
similarity index 69%
rename from snippets/drop-elements.md
rename to snippets/dropElements.md
index 236c5ab56..34138eb93 100644
--- a/snippets/drop-elements.md
+++ b/snippets/dropElements.md
@@ -1,6 +1,8 @@
-### Drop elements in array
+### dropElements
 
-Loop through the array, using `Array.shift()` to drop the first element of the array until the returned value from the function is `true`. 
+Removes elements in an array until the passed function returns `true`. Returns the remaining elements in the array.
+
+Loop through the array, using `Array.shift()` to drop the first element of the array until the returned value from the function is `true`.
 Returns the remaining elements.
 
 ```js
diff --git a/snippets/element-is-visible-in-viewport.md b/snippets/elementIsVisibleInViewport.md
similarity index 88%
rename from snippets/element-is-visible-in-viewport.md
rename to snippets/elementIsVisibleInViewport.md
index 514aea5e6..4f52d6ad7 100644
--- a/snippets/element-is-visible-in-viewport.md
+++ b/snippets/elementIsVisibleInViewport.md
@@ -1,4 +1,6 @@
-### Element is visible in viewport
+### elementIsVisibleInViewport
+
+Returns `true` if the element specified is visible in the viewport, `false` otherwise.
 
 Use `Element.getBoundingClientRect()` and the `window.inner(Width|Height)` values
 to determine if a given element is visible in the viewport.
diff --git a/snippets/escape-reg-exp.md b/snippets/escapeRegExp.md
similarity index 71%
rename from snippets/escape-reg-exp.md
rename to snippets/escapeRegExp.md
index fb204a451..caed74069 100644
--- a/snippets/escape-reg-exp.md
+++ b/snippets/escapeRegExp.md
@@ -1,4 +1,6 @@
-### Escape regular expression
+### escapeRegExp
+
+Escapes a string to use in a regular expression.
 
 Use `replace()` to escape special characters.
 
diff --git a/snippets/every-nth.md b/snippets/everyNth.md
similarity index 80%
rename from snippets/every-nth.md
rename to snippets/everyNth.md
index 8fa385b7c..616052b80 100644
--- a/snippets/every-nth.md
+++ b/snippets/everyNth.md
@@ -1,4 +1,6 @@
-### Take every nth element
+### everyNth
+
+Returns every nth element in an array.
 
 Use `Array.filter()` to create a new array that contains every nth element of a given array.
 
diff --git a/snippets/extend-hex.md b/snippets/extendHex.md
similarity index 68%
rename from snippets/extend-hex.md
rename to snippets/extendHex.md
index 21f882963..54879b1e4 100644
--- a/snippets/extend-hex.md
+++ b/snippets/extendHex.md
@@ -1,6 +1,8 @@
-### 3-digit hexcode to 6-digit hexcode
+### extendHex
 
-Use `Array.map()`, `split()` and `Array.join()` to join the mapped array for converting a three-digit RGB notated hexadecimal color-code to the six-digit form.
+Extends a 3-digit color code to a 6-digit color code.
+
+Use `Array.map()`, `split()` and `Array.join()` to join the mapped array for converting a 3-digit RGB notated hexadecimal color-code to the 6-digit form.
 `Array.slice()` is used to remove `#` from string start since it's added once.
 ```js
 const extendHex = shortHex =>
diff --git a/snippets/factorial.md b/snippets/factorial.md
index d881fe941..aaedd7520 100644
--- a/snippets/factorial.md
+++ b/snippets/factorial.md
@@ -1,4 +1,6 @@
-### Factorial
+### factorial
+
+Calculates the factorial of a number.
 
 Use recursion.
 If `n` is less than or equal to `1`, return `1`.
diff --git a/snippets/fibonacci.md b/snippets/fibonacci.md
index 7f0d4c7d2..a669c344d 100644
--- a/snippets/fibonacci.md
+++ b/snippets/fibonacci.md
@@ -1,4 +1,6 @@
-### Fibonacci array generator
+### fibonacci
+
+Generates an array, containing the Fibonacci sequence, up until the nth term.
 
 Create an empty array of the specific length, initializing the first two values (`0` and `1`).
 Use `Array.reduce()` to add values into the array, using the sum of the last two values, except for the first two.
diff --git a/snippets/filter-non-unique.md b/snippets/filterNonUnique.md
similarity index 75%
rename from snippets/filter-non-unique.md
rename to snippets/filterNonUnique.md
index 86562feb4..059d79aa5 100644
--- a/snippets/filter-non-unique.md
+++ b/snippets/filterNonUnique.md
@@ -1,4 +1,6 @@
-### Filter out non-unique values in an array
+### filterNonUnique
+
+Filters out the non-unique values in an array.
 
 Use `Array.filter()` for an array containing only the unique values.
 
diff --git a/snippets/flatten.md b/snippets/flatten.md
index d23f24611..69a492572 100644
--- a/snippets/flatten.md
+++ b/snippets/flatten.md
@@ -1,4 +1,6 @@
-### Flatten array
+### flatten
+
+Flattens an array.
 
 Use `Array.reduce()` to get all elements inside the array and `concat()` to flatten them.
 
diff --git a/snippets/flatten-depth.md b/snippets/flattenDepth.md
similarity index 89%
rename from snippets/flatten-depth.md
rename to snippets/flattenDepth.md
index b6e3805b6..c07b837ff 100644
--- a/snippets/flatten-depth.md
+++ b/snippets/flattenDepth.md
@@ -1,4 +1,6 @@
-### Flatten array up to depth
+### flattenDepth
+
+Flattens an array up to the specified depth.
 
 Use recursion, decrementing `depth` by 1 for each level of depth.
 Use `Array.reduce()` and `Array.concat()` to merge elements or arrays.
diff --git a/snippets/from-camel-case.md b/snippets/fromCamelCase.md
similarity index 75%
rename from snippets/from-camel-case.md
rename to snippets/fromCamelCase.md
index d9f2bacd6..e9c61f1ba 100644
--- a/snippets/from-camel-case.md
+++ b/snippets/fromCamelCase.md
@@ -1,10 +1,12 @@
-### Convert string from camelcase
+### fromCamelCase
+
+Converts a string from camelcase.
 
 Use `replace()` to remove underscores, hyphens and spaces and convert words to camelcase.
-Omit the scond argument to use a default separator of '_'.
+Omit the scond argument to use a default separator of `_`.
 
 ```js
-const fromCamelCase = (str, separator = '_') => 
+const fromCamelCase = (str, separator = '_') =>
   str.replace(/([a-z\d])([A-Z])/g, '$1' + separator + '$2')
     .replace(/([A-Z]+)([A-Z][a-z\d]+)/g, '$1' + separator + '$2').toLowerCase();
 // fromCamelCase('someDatabaseFieldName', ' ') -> 'some database field name'
diff --git a/snippets/function-name.md b/snippets/functionName.md
similarity index 85%
rename from snippets/function-name.md
rename to snippets/functionName.md
index b449331f8..54603d39c 100644
--- a/snippets/function-name.md
+++ b/snippets/functionName.md
@@ -1,4 +1,6 @@
-### Log function name
+### functionName
+
+Logs the name of a function.
 
 Use `console.debug()` and the `name` property of the passed method to log the method's name to the `debug` channel of the console.
 
diff --git a/snippets/greatest-common-divisor.md b/snippets/gcd.md
similarity index 61%
rename from snippets/greatest-common-divisor.md
rename to snippets/gcd.md
index d4b2688ed..34fb21833 100644
--- a/snippets/greatest-common-divisor.md
+++ b/snippets/gcd.md
@@ -1,10 +1,12 @@
-### Greatest common divisor (GCD)
+### gcd
+
+Calculates the greatest common divisor between two numbers.
 
 Use recursion.
 Base case is when `y` equals `0`. In this case, return `x`.
 Otherwise, return the GCD of `y` and the remainder of the division `x/y`.
 
 ```js
-const greatestCommonDivisor = (x, y) => !y ? x : gcd(y, x % y);
+const gcd = (x, y) => !y ? x : gcd(y, x % y);
 // gcd (8, 36) -> 4
 ```
diff --git a/snippets/get-days-diff-between-dates.md b/snippets/getDaysDiffBetweenDates.md
similarity index 76%
rename from snippets/get-days-diff-between-dates.md
rename to snippets/getDaysDiffBetweenDates.md
index ae93ce79d..d69dea9a3 100644
--- a/snippets/get-days-diff-between-dates.md
+++ b/snippets/getDaysDiffBetweenDates.md
@@ -1,4 +1,6 @@
-### Get days difference between dates
+### getDaysDiffBetweenDates
+
+Returns the difference (in days) between two dates.
 
 Calculate the difference (in days) between to `Date` objects.
 
diff --git a/snippets/get-scroll-position.md b/snippets/getScrollPosition.md
similarity index 84%
rename from snippets/get-scroll-position.md
rename to snippets/getScrollPosition.md
index 0f99bc757..dee0da298 100644
--- a/snippets/get-scroll-position.md
+++ b/snippets/getScrollPosition.md
@@ -1,4 +1,6 @@
-### Get scroll position
+### getScrollPosition
+
+Returns the scroll position of the current page.
 
 Use `pageXOffset` and `pageYOffset` if they are defined, otherwise `scrollLeft` and `scrollTop`.
 You can omit `el` to use a default value of `window`.
diff --git a/snippets/get-type.md b/snippets/getType.md
similarity index 84%
rename from snippets/get-type.md
rename to snippets/getType.md
index 9e043a83e..3110871fb 100644
--- a/snippets/get-type.md
+++ b/snippets/getType.md
@@ -1,4 +1,6 @@
-### Get native type of value
+### getType
+
+Returns the native type of a value.
 
 Returns lower-cased constructor name of value, "undefined" or "null" if value is undefined or null
 
diff --git a/snippets/get-url-parameters.md b/snippets/getURLParameters.md
similarity index 79%
rename from snippets/get-url-parameters.md
rename to snippets/getURLParameters.md
index f78c774d8..c7b432d8a 100644
--- a/snippets/get-url-parameters.md
+++ b/snippets/getURLParameters.md
@@ -1,10 +1,12 @@
-### URL parameters
+### getURLParameters
+
+Returns an object containing the parameters of the current URL.
 
 Use `match()` with an appropriate regular expression to get all key-value pairs, `Array.reduce()` to map and combine them into a single object.
 Pass `location.search` as the argument to apply to the current `url`.
 
 ```js
-const getUrlParameters = url =>
+const getURLParameters = url =>
   url.match(/([^?=&]+)(=([^&]*))/g).reduce(
     (a, v) => (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1), a), {}
   );
diff --git a/snippets/group-by.md b/snippets/groupBy.md
similarity index 87%
rename from snippets/group-by.md
rename to snippets/groupBy.md
index ec8074ea2..d5b019498 100644
--- a/snippets/group-by.md
+++ b/snippets/groupBy.md
@@ -1,4 +1,6 @@
-### Group by
+### groupBy
+
+Groups the element of an array based on the given function.
 
 Use `Array.map()` to map the values of an array to a function or property name.
 Use `Array.reduce()` to create an object, where the keys are produced from the mapped results.
diff --git a/snippets/hamming-distance.md b/snippets/hammingDistance.md
similarity index 81%
rename from snippets/hamming-distance.md
rename to snippets/hammingDistance.md
index e524408a8..bdf3c575b 100644
--- a/snippets/hamming-distance.md
+++ b/snippets/hammingDistance.md
@@ -1,4 +1,6 @@
-### Hamming distance
+### hammingDistance
+
+Calculates the Hamming distance between two values.
 
 Use XOR operator (`^`) to find the bit difference between the two numbers, convert to binary string using `toString(2)`.
 Count and return the number of `1`s in the string, using `match(/1/g)`.
diff --git a/snippets/head.md b/snippets/head.md
index c2e0d5a3a..ece926a50 100644
--- a/snippets/head.md
+++ b/snippets/head.md
@@ -1,4 +1,6 @@
-### Head of list
+### head
+
+Returns the head of a list.
 
 Use `arr[0]` to return the first element of the passed array.
 
diff --git a/snippets/hex-to-rgb.md b/snippets/hexToRGB.md
similarity index 80%
rename from snippets/hex-to-rgb.md
rename to snippets/hexToRGB.md
index 2bb33480f..a74703d02 100644
--- a/snippets/hex-to-rgb.md
+++ b/snippets/hexToRGB.md
@@ -1,9 +1,11 @@
-### Hexcode to RGB
+### hexToRGB
+
+Converts a colorcode to a `rgb()` string.
 
 Use bitwise right-shift operator and mask bits with `&` (and) operator to convert a hexadecimal color code (prefixed with `#`) to a string with the RGB values.
 
 ```js
-const hexToRgb = hex => {
+const hexToRGB = hex => {
   const h = parseInt(hex.slice(1), 16);
   return `rgb(${h >> 16}, ${(h & 0x00ff00) >> 8}, ${h & 0x0000ff})`;
 }
diff --git a/snippets/initial.md b/snippets/initial.md
index 1f967f804..ad358b593 100644
--- a/snippets/initial.md
+++ b/snippets/initial.md
@@ -1,4 +1,6 @@
-### Initial of list
+### initial
+
+Returns all the elements of an array except the last one.
 
 Use `arr.slice(0,-1)`to return all but the last element of the array.
 
diff --git a/snippets/initialize-array-range.md b/snippets/initializeArrayWithRange.md
similarity index 65%
rename from snippets/initialize-array-range.md
rename to snippets/initializeArrayWithRange.md
index 082325699..0210314f3 100644
--- a/snippets/initialize-array-range.md
+++ b/snippets/initializeArrayWithRange.md
@@ -1,10 +1,12 @@
-### Initialize array with range
+### initializeArrayWithRange
+
+Initialized an array containing the numbers in the specified range.
 
 Use `Array(end-start)` to create an array of the desired length, `Array.map()` to fill with the desired values in a range.
 You can omit `start` to use a default value of `0`.
 
 ```js
-const initializeArrayRange = (end, start = 0) =>
+const initializeArrayWithRange = (end, start = 0) =>
   Array.from({ length: end - start }).map((v, i) => i + start);
 // initializeArrayRange(5) -> [0,1,2,3,4]
 ```
diff --git a/snippets/initialize-array.md b/snippets/initializeArrayWithValues.md
similarity index 55%
rename from snippets/initialize-array.md
rename to snippets/initializeArrayWithValues.md
index d8a18110f..6c48d74a7 100644
--- a/snippets/initialize-array.md
+++ b/snippets/initializeArrayWithValues.md
@@ -1,9 +1,11 @@
-### Initialize array with values
+### initializeArrayWithValues
+
+Initializes and fills an array with the specified values.
 
 Use `Array(n)` to create an array of the desired length, `fill(v)` to fill it with the desired values.
 You can omit `value` to use a default value of `0`.
 
 ```js
-const initializeArray = (n, value = 0) => Array(n).fill(value);
+const initializeArrayWithValues = (n, value = 0) => Array(n).fill(value);
 // initializeArray(5, 2) -> [2,2,2,2,2]
 ```
diff --git a/snippets/intersection.md b/snippets/intersection.md
index 780ab1d85..1c367cd92 100644
--- a/snippets/intersection.md
+++ b/snippets/intersection.md
@@ -1,4 +1,6 @@
-### Array intersection
+### intersection
+
+Returns a list of elements that exist in both arrays.
 
 Create a `Set` from `b`, then use `Array.filter()` on `a` to only keep values contained in `b`.
 
diff --git a/snippets/is-array.md b/snippets/isArray.md
similarity index 76%
rename from snippets/is-array.md
rename to snippets/isArray.md
index 939cb086d..f6e410719 100644
--- a/snippets/is-array.md
+++ b/snippets/isArray.md
@@ -1,4 +1,6 @@
-### Is array
+### isArray
+
+Checks if the given argument is an array.
 
 Use `Array.isArray()` to check if a value is classified as an array.
 
diff --git a/snippets/is-boolean.md b/snippets/isBoolean.md
similarity index 72%
rename from snippets/is-boolean.md
rename to snippets/isBoolean.md
index 8625add35..ae402c5e4 100644
--- a/snippets/is-boolean.md
+++ b/snippets/isBoolean.md
@@ -1,4 +1,6 @@
-### Is boolean
+### isBoolean
+
+Checks if the given argument is a native boolean element.
 
 Use `typeof` to check if a value is classified as a boolean primitive.
 
diff --git a/snippets/is-divisible.md b/snippets/isDivisible.md
similarity index 67%
rename from snippets/is-divisible.md
rename to snippets/isDivisible.md
index 8bc182fed..5adad9453 100644
--- a/snippets/is-divisible.md
+++ b/snippets/isDivisible.md
@@ -1,4 +1,6 @@
-### Divisible by number
+### isDivisible
+
+Checks if the first numeric argument is divisible by the second one.
 
 Use the modulo operator (`%`) to check if the remainder is equal to `0`.
 
diff --git a/snippets/is-even.md b/snippets/isEven.md
similarity index 73%
rename from snippets/is-even.md
rename to snippets/isEven.md
index 24eb312e6..5dfcb414f 100644
--- a/snippets/is-even.md
+++ b/snippets/isEven.md
@@ -1,4 +1,6 @@
-### Even or odd number
+### isEven
+
+Returns `true` if the given number is even, `false` otherwise.
 
 Checks whether a number is odd or even using the modulo (`%`) operator.
 Returns `true` if the number is even, `false` if the number is odd.
diff --git a/snippets/is-function.md b/snippets/isFunction.md
similarity index 77%
rename from snippets/is-function.md
rename to snippets/isFunction.md
index d4247a512..af5960e00 100644
--- a/snippets/is-function.md
+++ b/snippets/isFunction.md
@@ -1,4 +1,6 @@
-### Is function
+### isFunction
+
+Checks if the given argument is a function.
 
 Use `typeof` to check if a value is classified as a function primitive.
 
diff --git a/snippets/is-number.md b/snippets/isNumber.md
similarity index 76%
rename from snippets/is-number.md
rename to snippets/isNumber.md
index a647b39ed..83b33bc11 100644
--- a/snippets/is-number.md
+++ b/snippets/isNumber.md
@@ -1,4 +1,6 @@
-### Is number
+### isNumber
+
+Checks if the given argument is a number.
 
 Use `typeof` to check if a value is classified as a number primitive.
 
diff --git a/snippets/is-string.md b/snippets/isString.md
similarity index 76%
rename from snippets/is-string.md
rename to snippets/isString.md
index 6721c59c6..775e050a4 100644
--- a/snippets/is-string.md
+++ b/snippets/isString.md
@@ -1,4 +1,6 @@
-### Is string
+### isString
+
+Checks if the given argument is a string.
 
 Use `typeof` to check if a value is classified as a string primitive.
 
diff --git a/snippets/is-symbol.md b/snippets/isSymbol.md
similarity index 77%
rename from snippets/is-symbol.md
rename to snippets/isSymbol.md
index 53d4ce67c..a4ec67dc8 100644
--- a/snippets/is-symbol.md
+++ b/snippets/isSymbol.md
@@ -1,4 +1,6 @@
-### Is symbol
+### isSymbol
+
+Checks if the given argument is a symbol.
 
 Use `typeof` to check if a value is classified as a symbol primitive.
 
diff --git a/snippets/last-of-list.md b/snippets/last.md
similarity index 59%
rename from snippets/last-of-list.md
rename to snippets/last.md
index 103c5872b..c72ef4a00 100644
--- a/snippets/last-of-list.md
+++ b/snippets/last.md
@@ -1,8 +1,10 @@
-### Last of list
+### last
+
+Returns the last element in an array.
 
 Use `arr.length - 1` to compute index of the last element of the given array and returning it.
 
 ```js
-const lastOfArray = arr => arr[arr.length - 1];
+const last = arr => arr[arr.length - 1];
 // last([1,2,3]) -> 3
 ```
diff --git a/snippets/least-common-multiple-(LCM).md b/snippets/lcm.md
similarity index 75%
rename from snippets/least-common-multiple-(LCM).md
rename to snippets/lcm.md
index f44dd59b0..73b9c43c8 100644
--- a/snippets/least-common-multiple-(LCM).md
+++ b/snippets/lcm.md
@@ -1,10 +1,12 @@
-### Least common multiple (LCM)
+### lcm
+
+Returns the least common multiple of two numbers.
 
 Use the greatest common divisor (GCD) formula and `Math.abs()` to determine the least common multiple.
 The GCD formula uses recursion.
 
 ```js
-const leastCommonMultiple = (x,y) => {
+const lcm = (x,y) => {
   const gcd = (x, y) => !y ? x : gcd(y, x % y);
   return Math.abs(x*y)/(gcd(x,y));
 };
diff --git a/snippets/median-array.md b/snippets/median.md
similarity index 88%
rename from snippets/median-array.md
rename to snippets/median.md
index 8113d51c6..fd8ca3d7c 100644
--- a/snippets/median-array.md
+++ b/snippets/median.md
@@ -1,4 +1,6 @@
-### Median of array of numbers
+### median
+
+Returns the median of an array of numbers.
 
 Find the middle of the array, use `Array.sort()` to sort the values.
 Return the number at the midpoint if `length` is odd, otherwise the average of the two middle numbers.
diff --git a/snippets/nth-element.md b/snippets/nthElement.md
similarity index 86%
rename from snippets/nth-element.md
rename to snippets/nthElement.md
index bb3d131f5..7e1799d24 100644
--- a/snippets/nth-element.md
+++ b/snippets/nthElement.md
@@ -1,4 +1,6 @@
-### Nth element of array
+### nthElement
+
+Returns the nth element of an array.
 
 Use `Array.slice()` to get an array containing the nth element at the first place.
 If the index is out of bounds, return `[]`.
diff --git a/snippets/object-from-pairs.md b/snippets/objectFromPairs.md
similarity index 74%
rename from snippets/object-from-pairs.md
rename to snippets/objectFromPairs.md
index cbb545c06..ebdacb92c 100644
--- a/snippets/object-from-pairs.md
+++ b/snippets/objectFromPairs.md
@@ -1,4 +1,6 @@
-### Object from key-value pairs
+### objectFromPairs
+
+Creates an object from the given key-value pairs.
 
 Use `Array.reduce()` to create and combine key-value pairs.
 
diff --git a/snippets/object-to-pairs.md b/snippets/objectToPairs.md
similarity index 76%
rename from snippets/object-to-pairs.md
rename to snippets/objectToPairs.md
index fb639e432..7a6079650 100644
--- a/snippets/object-to-pairs.md
+++ b/snippets/objectToPairs.md
@@ -1,4 +1,6 @@
-### Object to key-value pairs
+### objectToPairs
+
+Creates an array of key-value pair arrays from an object.
 
 Use `Object.keys()` and `Array.map()` to iterate over the object's keys and produce an array with key-value pairs.
 
diff --git a/snippets/palindrome.md b/snippets/palindrome.md
index a22007688..cca1bb729 100644
--- a/snippets/palindrome.md
+++ b/snippets/palindrome.md
@@ -1,4 +1,6 @@
-### Check for palindrome
+### palindrome
+
+Returns `true` if the given string is a palindrome, `false` otherwise.
 
 Convert string `toLowerCase()` and use `replace()` to remove non-alphanumeric characters from it.
 Then, `split('')` into individual characters, `reverse()`, `join('')` and compare to the original, unreversed string, after converting it `tolowerCase()`.
diff --git a/snippets/percentile.md b/snippets/percentile.md
index eb72b711c..7485494e2 100644
--- a/snippets/percentile.md
+++ b/snippets/percentile.md
@@ -1,10 +1,11 @@
-### Percentile
+### percentile
 
-Use `Array.reduce()` to calculate how many numbers are below the value and how many are the same value and
-apply the percentile formula.
+Uses the percentile formula to calculate how many numbers in the given array are less or equal to the given value.
+
+Use `Array.reduce()` to calculate how many numbers are below the value and how many are the same value and apply the percentile formula.
 
 ```js
-const percentile = (arr, val) => 
+const percentile = (arr, val) =>
   100 * arr.reduce((acc,v) => acc + (v < val ? 1 : 0) + (v === val ? 0.5 : 0), 0) / arr.length;
 // percentile([1,2,3,4,5,6,7,8,9,10], 6) -> 55
  ```
diff --git a/snippets/pick.md b/snippets/pick.md
index 3689e4a28..b5f5101ea 100644
--- a/snippets/pick.md
+++ b/snippets/pick.md
@@ -1,10 +1,11 @@
-### Pick
+### pick
 
-Use `Array.reduce()` to convert the filtered/picked keys back to a object with the corresponding key:value pair if the key exist in the obj.
+Picks the key-value pairs corresponding to the given keys from an object.
+
+Use `Array.reduce()` to convert the filtered/picked keys back to a object with the corresponding key-value pair if the key exist in the obj.
 
 ```js
 const pick = (obj, arr) =>
   arr.reduce((acc, curr) => (curr in obj && (acc[curr] = obj[curr]), acc), {});
 // pick({ 'a': 1, 'b': '2', 'c': 3 }, ['a', 'c']) -> { 'a': 1, 'c': 3 }
-// pick(object, ['a', 'c'])['a'] -> 1
 ```
diff --git a/snippets/pipe-functions.md b/snippets/pipe.md
similarity index 88%
rename from snippets/pipe-functions.md
rename to snippets/pipe.md
index 8ec3b1bd1..b01d5137e 100644
--- a/snippets/pipe-functions.md
+++ b/snippets/pipe.md
@@ -1,4 +1,6 @@
-### Pipe functions
+### pipe
+
+Performs left-to-right function composition.
 
 Use `Array.reduce()` with the spread operator (`...`) to perform left-to-right function composition.
 The first (leftmost) function can accept one or more arguments; the remaining functions must be unary.
diff --git a/snippets/powerset.md b/snippets/powerset.md
index 73b71b645..09b233212 100644
--- a/snippets/powerset.md
+++ b/snippets/powerset.md
@@ -1,4 +1,6 @@
-### Powerset
+### powerset
+
+Returns the powerset of a given array of numbers.
 
 Use `Array.reduce()` combined with `Array.map()` to iterate over elements and combine into an array containing all combinations.
 
diff --git a/snippets/promisify.md b/snippets/promisify.md
index bdedec054..80a7d48d0 100644
--- a/snippets/promisify.md
+++ b/snippets/promisify.md
@@ -1,7 +1,9 @@
-### Promisify
+### promisify
 
-Use currying to return a function returning a `Promise` that calls the original function. 
-Use the `...rest` operator to pass in all the parameters. 
+Converts an asynchronous function to return a promise.
+
+Use currying to return a function returning a `Promise` that calls the original function.
+Use the `...rest` operator to pass in all the parameters.
 
 *In Node 8+, you can use [`util.promisify`](https://nodejs.org/api/util.html#util_util_promisify_original)*
 
diff --git a/snippets/pull.md b/snippets/pull.md
index d20e21c5e..4913c5082 100644
--- a/snippets/pull.md
+++ b/snippets/pull.md
@@ -1,6 +1,8 @@
-### Array pull (mutates array)
+### pull
 
-Use `Array.filter()` and `Array.includes()` to pull out the values that are not needed. 
+Mutates the original array to filter out the values specified.
+
+Use `Array.filter()` and `Array.includes()` to pull out the values that are not needed.
 Use `Array.length = 0` to mutate the passed in array by resetting it's length to zero and `Array.push()` to re-populate it with only the pulled values.
 
 ```js
diff --git a/snippets/random-integer-in-range.md b/snippets/randomIntegerInRange.md
similarity index 78%
rename from snippets/random-integer-in-range.md
rename to snippets/randomIntegerInRange.md
index 78bb85ab0..2d35fd279 100644
--- a/snippets/random-integer-in-range.md
+++ b/snippets/randomIntegerInRange.md
@@ -1,4 +1,6 @@
-### Random integer in range
+### randomIntegerInRange
+
+Returns a random integer in the specified range.
 
 Use `Math.random()` to generate a random number and map it to the desired range, using `Math.floor()` to make it an integer.
 
diff --git a/snippets/random-number-in-range.md b/snippets/randomNumberInRange.md
similarity index 76%
rename from snippets/random-number-in-range.md
rename to snippets/randomNumberInRange.md
index 2ff50d332..e0e329cce 100644
--- a/snippets/random-number-in-range.md
+++ b/snippets/randomNumberInRange.md
@@ -1,4 +1,6 @@
-### Random number in range
+### randomNumberInRange
+
+Returns a random number in the specified range.
 
 Use `Math.random()` to generate a random value, map it to the desired range using multiplication.
 
diff --git a/snippets/read-file-to-array.md b/snippets/readFileLines.md
similarity index 74%
rename from snippets/read-file-to-array.md
rename to snippets/readFileLines.md
index c64b61c6f..f46735aed 100644
--- a/snippets/read-file-to-array.md
+++ b/snippets/readFileLines.md
@@ -1,4 +1,6 @@
-### Read file as array of lines
+### readFileLines
+
+Returns an array of lines from the specified file.
 
 Use `readFileSync` function in `fs` node package to create a `Buffer` from a file.
 convert buffer to string using `toString(encoding)` function.
@@ -6,7 +8,7 @@ creating an array from contents of file by `split`ing file content line by line(
 
   ```js
 const fs = require('fs');
-const readFileToArray = filename => fs.readFileSync(filename).toString('UTF8').split('\n');
+const readFileLines = filename => fs.readFileSync(filename).toString('UTF8').split('\n');
 /*
   contents of test.txt :
     line1
diff --git a/snippets/redirect-to-URL.md b/snippets/redirect.md
similarity index 88%
rename from snippets/redirect-to-URL.md
rename to snippets/redirect.md
index dab1f775b..d98e2caf2 100644
--- a/snippets/redirect-to-URL.md
+++ b/snippets/redirect.md
@@ -1,4 +1,6 @@
-### Redirect to URL
+### redirect
+
+Redirects to a specified URL.
 
 Use `window.location.href` or `window.location.replace()` to redirect to `url`.
 Pass a second argument to simulate a link click (`true` - default) or an HTTP redirect (`false`).
diff --git a/snippets/remove.md b/snippets/remove.md
index df2a83867..34b10aa24 100644
--- a/snippets/remove.md
+++ b/snippets/remove.md
@@ -1,4 +1,6 @@
-### Array remove
+### remove
+
+Removes elements from an array for which the given function returns `false`.
 
 Use `Array.filter()` to find array elements that return truthy values and `Array.reduce()` to remove elements using `Array.splice()`.
 The `func` is invoked with three arguments (`value, index, array`).
diff --git a/snippets/reverse-string.md b/snippets/reverseString.md
similarity index 87%
rename from snippets/reverse-string.md
rename to snippets/reverseString.md
index 172eab6b6..a76c506db 100644
--- a/snippets/reverse-string.md
+++ b/snippets/reverseString.md
@@ -1,4 +1,6 @@
-### Reverse a string
+### reverseString
+
+Reverses a string.
 
 Use array destructuring and `Array.reverse()` to reverse the order of the characters in the string.
 Combine characters to get a string using `join('')`.
diff --git a/snippets/round-number.md b/snippets/round.md
similarity index 82%
rename from snippets/round-number.md
rename to snippets/round.md
index a35308ce0..7675c734f 100644
--- a/snippets/round-number.md
+++ b/snippets/round.md
@@ -1,4 +1,6 @@
-### Round number to n digits
+### round
+
+Rounds a number to a specified amount of digits.
 
 Use `Math.round()` and template literals to round the number to the specified number of digits.
 Omit the second argument, `decimals` to round to an integer.
diff --git a/snippets/run-promises-in-series.md b/snippets/runPromisesInSeries.md
similarity index 62%
rename from snippets/run-promises-in-series.md
rename to snippets/runPromisesInSeries.md
index c078dff8d..affbae9fe 100644
--- a/snippets/run-promises-in-series.md
+++ b/snippets/runPromisesInSeries.md
@@ -1,6 +1,8 @@
-### Run promises in series
+### runPromisesInSeries
 
-Run an array of promises in series using `Array.reduce()` by creating a promise chain, where each promise returns the next promise when resolved.
+Runs an array of promises in series.
+
+Use `Array.reduce()` to create a promise chain, where each promise returns the next promise when resolved.
 
 ```js
 const runPromisesInSeries = ps => ps.reduce((p, next) => p.then(next), Promise.resolve());
diff --git a/snippets/sample.md b/snippets/sample.md
index 9de5c5ae0..241c43167 100644
--- a/snippets/sample.md
+++ b/snippets/sample.md
@@ -1,4 +1,6 @@
-### Array sample
+### sample
+
+Returns a random element from an array.
 
 Use `Math.random()` to generate a random number, multiply it with `length` and round it of to the nearest whole number using `Math.floor()`.
 This method also works with strings.
diff --git a/snippets/scroll-to-top.md b/snippets/scrollToTop.md
similarity index 88%
rename from snippets/scroll-to-top.md
rename to snippets/scrollToTop.md
index 19064a5d5..dc172f3ee 100644
--- a/snippets/scroll-to-top.md
+++ b/snippets/scrollToTop.md
@@ -1,4 +1,6 @@
-### Scroll to top
+### scrollToTop
+
+Smooth-scrolls to the top of the page.
 
 Get distance from top using `document.documentElement.scrollTop` or `document.body.scrollTop`.
 Scroll by a fraction of the distance from top. Use `window.requestAnimationFrame()` to animate the scrolling.
diff --git a/snippets/shallow-clone.md b/snippets/shallowClone.md
similarity index 80%
rename from snippets/shallow-clone.md
rename to snippets/shallowClone.md
index 456f38462..0a6c25d82 100644
--- a/snippets/shallow-clone.md
+++ b/snippets/shallowClone.md
@@ -1,4 +1,6 @@
-### Shallow clone object
+### shallowClone
+
+Creates a shallow clone of an object.
 
 Use `Object.assign()` and an empty object (`{}`) to create a shallow clone of the original.
 
diff --git a/snippets/shuffle-array.md b/snippets/shuffle.md
similarity index 51%
rename from snippets/shuffle-array.md
rename to snippets/shuffle.md
index 85065b40a..27d7fd783 100644
--- a/snippets/shuffle-array.md
+++ b/snippets/shuffle.md
@@ -1,8 +1,10 @@
-### Shuffle array
+### shuffle
+
+Randomizes the order of the values of an array.
 
 Use `Array.sort()` to reorder elements, using `Math.random()` in the comparator.
 
 ```js
-const shuffleArray = arr => arr.sort(() => Math.random() - 0.5);
+const shuffle = arr => arr.sort(() => Math.random() - 0.5);
 // shuffle([1,2,3]) -> [2,3,1]
 ```
diff --git a/snippets/similarity.md b/snippets/similarity.md
index 44f19b7bb..1a2cc7ccb 100644
--- a/snippets/similarity.md
+++ b/snippets/similarity.md
@@ -1,4 +1,6 @@
-### Similarity between arrays
+### similarity
+
+Returns an array of elements that appear in both arrays.
 
 Use `filter()` to remove values that are not part of `values`, determined using `includes()`.
 
diff --git a/snippets/sleep.md b/snippets/sleep.md
index e2a58d0bd..66a45d2ff 100644
--- a/snippets/sleep.md
+++ b/snippets/sleep.md
@@ -1,4 +1,6 @@
-### Sleep
+### sleep
+
+Delays the execution of an asynchronous function.
 
 Delay executing part of an `async` function, by putting it to sleep, returning a `Promise`.
 
diff --git a/snippets/sort-characters-in-string-(alphabetical).md b/snippets/sortCharactersInString.md
similarity index 77%
rename from snippets/sort-characters-in-string-(alphabetical).md
rename to snippets/sortCharactersInString.md
index 9cf37ad77..79c7acc0f 100644
--- a/snippets/sort-characters-in-string-(alphabetical).md
+++ b/snippets/sortCharactersInString.md
@@ -1,4 +1,6 @@
-### Sort characters in string (alphabetical)
+### sortCharactersInString
+
+Alphabetically sorts the characters in a string.
 
 Split the string using `split('')`, `Array.sort()` utilizing `localeCompare()`, recombine using `join('')`.
 
diff --git a/snippets/speech-synthesis-(experimental).md b/snippets/speechSynthesis.md
similarity index 89%
rename from snippets/speech-synthesis-(experimental).md
rename to snippets/speechSynthesis.md
index 2bfbc9c75..954d41d35 100644
--- a/snippets/speech-synthesis-(experimental).md
+++ b/snippets/speechSynthesis.md
@@ -1,4 +1,6 @@
-### Speech synthesis (experimental)
+### speechSynthesis
+
+Performs speech synthesis (experimental).
 
 Use `SpeechSynthesisUtterance.voice` and `window.speechSynthesis.getVoices()` to convert a message to speech.
 Use `window.speechSynthesis.speak()` to play the message.
diff --git a/snippets/standard-deviation.md b/snippets/standardDeviation.md
similarity index 90%
rename from snippets/standard-deviation.md
rename to snippets/standardDeviation.md
index 5819579ad..51cf4a0dd 100644
--- a/snippets/standard-deviation.md
+++ b/snippets/standardDeviation.md
@@ -1,4 +1,6 @@
-### Standard deviation
+### standardDeviation
+
+Returns the standard deviation of an array of numbers.
 
 Use `Array.reduce()` to calculate the mean, variance and the sum of the variance of the values, the variance of the values, then
 determine the standard deviation.
diff --git a/snippets/symmetric-difference.md b/snippets/symmetricDifference.md
similarity index 81%
rename from snippets/symmetric-difference.md
rename to snippets/symmetricDifference.md
index 7d178cd15..a25bb52ef 100644
--- a/snippets/symmetric-difference.md
+++ b/snippets/symmetricDifference.md
@@ -1,4 +1,6 @@
-### Array symmetric difference
+### symmetricDifference
+
+Returns the symmetric difference between two arrays.
 
 Create a `Set` from each array, then use `Array.filter()` on each of them to only keep values not contained in the other.
 
diff --git a/snippets/tail-of-list.md b/snippets/tail.md
similarity index 55%
rename from snippets/tail-of-list.md
rename to snippets/tail.md
index f41e63982..781cd2c33 100644
--- a/snippets/tail-of-list.md
+++ b/snippets/tail.md
@@ -1,9 +1,11 @@
-### Tail of list
+### tail
+
+Returns all elements in an array except for the first one.
 
 Return `arr.slice(1)` if the array's `length` is more than `1`, otherwise return the whole array.
 
 ```js
-const tailOfList = arr => arr.length > 1 ? arr.slice(1) : arr;
+const tail = arr => arr.length > 1 ? arr.slice(1) : arr;
 // tail([1,2,3]) -> [2,3]
 // tail([1]) -> [1]
 ```
diff --git a/snippets/take.md b/snippets/take.md
index 44d6ff0bc..85802f6a8 100644
--- a/snippets/take.md
+++ b/snippets/take.md
@@ -1,4 +1,6 @@
-### Take
+### take
+
+Returns an array with n elements removed from the beggining.
 
 Use `Array.slice()` to create a slice of the array with `n` elements taken from the beginning.
 
diff --git a/snippets/take-right.md b/snippets/takeRight.md
similarity index 77%
rename from snippets/take-right.md
rename to snippets/takeRight.md
index 1e7c55766..a8fc0e114 100644
--- a/snippets/take-right.md
+++ b/snippets/takeRight.md
@@ -1,4 +1,6 @@
-### Take right
+### takeRight
+
+Returns an array with n elements removed from the end.
 
 Use `Array.slice()` to create a slice of the array with `n` elements taken from the end.
 
diff --git a/snippets/time-taken.md b/snippets/timeTaken.md
similarity index 64%
rename from snippets/time-taken.md
rename to snippets/timeTaken.md
index ca476ac71..2c7bc181f 100644
--- a/snippets/time-taken.md
+++ b/snippets/timeTaken.md
@@ -1,13 +1,13 @@
-### Measure time taken by function
+### timeTaken
+
+Measures the time taken by a function to execute.
 
 Use `console.time()` and `console.timeEnd()` to measure the difference between the start and end times to determine how long the callback took to execute.
 
 ```js
 const timeTaken = callback => {
-  console.time('timeTaken');
-  const r = callback();
-  console.timeEnd('timeTaken');
-  return r;
+  console.time('timeTaken');  const r = callback();
+  console.timeEnd('timeTaken');  return r;
 };
 // timeTaken(() => Math.pow(2, 10)) -> 1024
 // (logged): timeTaken: 0.02099609375ms
diff --git a/snippets/to-camel-case.md b/snippets/toCamelCase.md
similarity index 88%
rename from snippets/to-camel-case.md
rename to snippets/toCamelCase.md
index f59d213ae..47a984629 100644
--- a/snippets/to-camel-case.md
+++ b/snippets/toCamelCase.md
@@ -1,9 +1,11 @@
-### Convert string to camelcase
+### toCamelCase
+
+Converts a string to camelcase.
 
 Use `replace()` to remove underscores, hyphens and spaces and convert words to camelcase.
 
 ```js
-const toCamelCase = str => 
+const toCamelCase = str =>
   str.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2, offset) =>  p2 ? p2.toUpperCase() : p1.toLowerCase());
 // toCamelCase("some_database_field_name") -> 'someDatabaseFieldName'
 // toCamelCase("Some label that needs to be camelized") -> 'someLabelThatNeedsToBeCamelized'
diff --git a/snippets/to-english-date.md b/snippets/toEnglishDate.md
similarity index 82%
rename from snippets/to-english-date.md
rename to snippets/toEnglishDate.md
index 01a93cdf5..5e3038b9d 100644
--- a/snippets/to-english-date.md
+++ b/snippets/toEnglishDate.md
@@ -1,4 +1,6 @@
-### Convert to English date
+### toEnglishDate
+
+Converts a date from American format to English format.
 
 Use `Date.toISOString()`, `split('T')` and `replace()` to convert a date from American format to English format.
 Throws an error if the passed time cannot be converted to a date.
diff --git a/snippets/to-ordinal-suffix.md b/snippets/toOrdinalSuffix.md
similarity index 90%
rename from snippets/to-ordinal-suffix.md
rename to snippets/toOrdinalSuffix.md
index d3166928b..482286056 100644
--- a/snippets/to-ordinal-suffix.md
+++ b/snippets/toOrdinalSuffix.md
@@ -1,4 +1,6 @@
-### Ordinal suffix of number
+### toOrdinalSuffix
+
+Adds an ordinal suffix to a number.
 
 Use the modulo operator (`%`) to find values of single and tens digits.
 Find which ordinal pattern digits match.
diff --git a/snippets/truncate-string.md b/snippets/truncateString.md
similarity index 83%
rename from snippets/truncate-string.md
rename to snippets/truncateString.md
index 4fb103895..ea5c00237 100644
--- a/snippets/truncate-string.md
+++ b/snippets/truncateString.md
@@ -1,4 +1,6 @@
-### Truncate a String
+### truncateString
+
+Truncates a string up to a specified length.
 
 Determine if the string's `length` is greater than `num`.
 Return the string truncated to the desired length, with `...` appended to the end or the original string.
diff --git a/snippets/union.md b/snippets/union.md
index 6224227d1..27427a9aa 100644
--- a/snippets/union.md
+++ b/snippets/union.md
@@ -1,4 +1,6 @@
-### Array union
+### union
+
+Returns every element that exists in any of the two arrays once.
 
 Create a `Set` with all values of `a` and `b` and convert to an array.
 
diff --git a/snippets/validate-email.md b/snippets/validateEmail.md
similarity index 79%
rename from snippets/validate-email.md
rename to snippets/validateEmail.md
index e168ac22b..cb5588474 100644
--- a/snippets/validate-email.md
+++ b/snippets/validateEmail.md
@@ -1,4 +1,6 @@
-### Validate email
+### validateEmail
+
+Returns `true` if the given string is a valid  email, `false` otherwise.
 
 Use a regular expression to check if the email is valid.
 Returns `true` if email is valid, `false` if not.
diff --git a/snippets/validate-number.md b/snippets/validateNumber.md
similarity index 78%
rename from snippets/validate-number.md
rename to snippets/validateNumber.md
index 60a037e3e..8874cfce2 100644
--- a/snippets/validate-number.md
+++ b/snippets/validateNumber.md
@@ -1,4 +1,6 @@
-### Validate number
+### validateNumber
+
+Returns `true` if the given value is a number, `false` otherwise.
 
 Use `!isNaN` in combination with `parseFloat()` to check if the argument is a number.
 Use `isFinite()` to check if the number is finite.
diff --git a/snippets/without.md b/snippets/without.md
index b5b41aee8..70f2a20aa 100644
--- a/snippets/without.md
+++ b/snippets/without.md
@@ -1,9 +1,10 @@
-### Array without
+### without
+
+Filters out the elements of an array, that have one of the specified values.
 
 Use `Array.filter()` to create an array excluding(using `!Array.includes()`) all given values.
 
 ```js
 const without = (arr, ...args) => arr.filter(v => !args.includes(v));
 // without([2, 1, 2, 3], 1, 2) -> [3]
-// without([2, 1, 2, 3, 4, 5, 5, 5, 3, 2, 7, 7], 3, 1, 5, 2) -> [ 4, 7, 7 ]
 ```
diff --git a/snippets/zip.md b/snippets/zip.md
index 5c3193605..c9a720e8e 100644
--- a/snippets/zip.md
+++ b/snippets/zip.md
@@ -1,4 +1,6 @@
-### Array zip
+### zip
+
+Creates an array of elements, grouped based on the position in the original arrays.
 
 Use `Math.max.apply()` to get the longest array in the arguments.
 Creates an array with that length as return value and use `Array.from()` with a map-function to create an array of grouped elements.
diff --git a/tag_database b/tag_database
index 56a50f864..3d17b3376 100644
--- a/tag_database
+++ b/tag_database
@@ -1,103 +1,103 @@
-3-digit-hexcode-to-6-digit-hexcode:utility
-anagrams-of-string-(with-duplicates):string
-array-difference:array
-array-intersection:array
-array-pull-(mutates-array):array
-array-remove:array
-array-sample:array
-array-symmetric-difference:array
-array-union:array
-array-without:array
-array-zip:array
-average-of-array-of-numbers:array
-bottom-visible:browser
-capitalize-first-letter-of-every-word:string
-capitalize-first-letter:string
-chain-asynchronous-functions:function
-check-for-palindrome:string
-chunk-array:array
-clean-JSON-object:object
-collatz-algorithm:math
+anagrams:string
+arrayAverage:math
+arrayMax:array
+arrayMin:array
+arraySum:math
+bottomVisible:browser
+capitalize:string
+capitalizeEveryWord:string
+chainAsync:function
+chunk:array
+cleanObj:object
+collatz:math
 compact:array
-compose-functions:function
-convert-string-from-camelcase:string
-convert-string-to-camelcase:string
-convert-to-english-date:date
-count-occurrences-of-a-value-in-array:array
+compose:function
+countOccurrences:array
 current-URL:browser
 curry:function
-deep-flatten-array:array
-distance-between-two-points:math
-divisible-by-number:math
-drop-elements-in-array:array
-element-is-visible-in-viewport:browser
-escape-regular-expression:utility
-even-or-odd-number:math
+deepFlatten:array
+difference:array
+digitize:math
+distance:math
+distinctValuesOfArray:array
+dropElements:array
+elementIsVisibleInViewport:browser
+escapeRegExp:string
+everyNth:array
+extendHex:utility
 factorial:math
-fibonacci-array-generator:math
-filter-out-non-unique-values-in-an-array:array
-flatten-array-up-to-depth:array
-flatten-array:array
-get-days-difference-between-dates:date
-get-max-value-from-array:array
-get-min-value-from-array:array
-get-native-type-of-value:utility
-get-scroll-position:browser
-greatest-common-divisor-(GCD):math
-group-by:array
-hamming-distance:math
-head-of-list:array
-hexcode-to-RGB:utility
-initial-of-list:array
-initialize-array-with-range:array
-initialize-array-with-values:array
-is-array:utility
-is-boolean:utility
-is-function:utility
-is-number:utility
-is-string:utility
-is-symbol:utility
-JSON-to-date:date
-last-of-list:array
-least-common-multiple-(LCM):math
-log-function-name:function
-measure-time-taken-by-function:utility
-median-of-array-of-numbers:array
-nth-element-of-array:array
-number-to-array-of-digits:utility
-object-from-key-value-pairs:object
-object-to-key-value-pairs:object
-ordinal-suffix-of-number:utility
+fibonacci:math
+filterNonUnique:array
+flatten:array
+flattenDepth:array
+fromCamelCase:string
+functionName:function
+gcd:math
+getDaysDiffBetweenDates:date
+getScrollPosition:browser
+getType:utility
+getURLParameters:browser
+groupBy:array
+hammingDistance:math
+head:array
+hexToRGB:utility
+initial:array
+initializeArrayWithRange:array
+initializeArrayWithValues:array
+intersection:array
+isArray:utility
+isBoolean:utility
+isDivisible:math
+isEven:math
+isFunction:utility
+isNumber:utility
+isString:utility
+isSymbol:utility
+JSONToDate:date
+JSONToFile:node
+last:array
+lcm:math
+median:math
+nthElement:array
+objectFromPairs:object
+objectToPairs:object
+palindrome:math
 percentile:math
 pick:array
-pipe-functions:function
+pipe:function
 powerset:math
 promisify:function
-random-integer-in-range:math
-random-number-in-range:math
-read-file-as-array-of-lines:node
-redirect-to-URL:browser
-reverse-a-string:string
-RGB-to-hexadecimal:utility
-round-number-to-n-digits:math
-run-promises-in-series:function
-scroll-to-top:browser
-shallow-clone-object:object
-shuffle-array:array
-similarity-between-arrays:array
+pull:array
+randomIntegerInRange:math
+randomNumberInRange:math
+readFileLines:node
+redirect:browser
+remove:array
+reverseString:string
+RGBToHex:utility
+round:math
+runPromisesInSeries:function
+sample:array
+scrollToTop:browser
+shallowClone:object
+shuffle:array
+similarity:array
 sleep:function
-sort-characters-in-string-(alphabetical):string
-speech-synthesis-(experimental):media
-standard-deviation:math
-sum-of-array-of-numbers:array
-tail-of-list:array
-take-every-nth-element:array
-take-right:array
+sortCharactersInString:string
+speechSynthesis:media
+standardDeviation:math
+symmetricDifference:array
+tail:array
 take:array
-truncate-a-string:string
-unique-values-of-array:array
-URL-parameters:utility
-UUID-generator:utility
-validate-email:utility
-validate-number:utility
-write-JSON-to-file:node
+takeRight:array
+timeTaken:utility
+toCamelCase:string
+toEnglishDate:date
+toOrdinalSuffix:utility
+truncateString:string
+union:array
+UUIDGenerator:utility
+validateEmail:utility
+validateNumber:utility
+without:array
+zip:array

From 4c0cd7c1934245b818d0487b7c2173afa65bae2c Mon Sep 17 00:00:00 2001
From: Blake Guilloud <blake.guilloud@gmail.com>
Date: Sun, 17 Dec 2017 12:16:39 -0500
Subject: [PATCH 02/10] Typo in Readme.md

Fixed arrayMin description to reflect it's functionality.
---
 README.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 9b75e40ec..176a24c0b 100644
--- a/README.md
+++ b/README.md
@@ -149,7 +149,7 @@ const arrayMax = arr => Math.max(...arr);
 
 ### arrayMin
 
-Returns the maximum value in an array.
+Returns the minimum value in an array.
 
 Use `Math.min()` combined with the spread operator (`...`) to get the minimum value in the array.
 

From 6af20ae297b047aafc169570ed801981eb534ca4 Mon Sep 17 00:00:00 2001
From: David Wu <david10608@gmail.com>
Date: Sun, 17 Dec 2017 18:18:50 +0100
Subject: [PATCH 03/10] Update extendHex.md

---
 snippets/extendHex.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/snippets/extendHex.md b/snippets/extendHex.md
index 54879b1e4..994d592b3 100644
--- a/snippets/extendHex.md
+++ b/snippets/extendHex.md
@@ -6,7 +6,7 @@ Use `Array.map()`, `split()` and `Array.join()` to join the mapped array for con
 `Array.slice()` is used to remove `#` from string start since it's added once.
 ```js
 const extendHex = shortHex =>
-  '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split().map(x => x+x).join()
+  '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split('').map(x => x+x).join('')
 // convertHex('#03f') -> '#0033ff'
 // convertHex('05a') -> '#0055aa'
 ```

From 412aeed737e3235e9f452e257e2a33ca33bdbaf4 Mon Sep 17 00:00:00 2001
From: David Wu <david10608@gmail.com>
Date: Sun, 17 Dec 2017 18:33:57 +0100
Subject: [PATCH 04/10] Update hexToRGB.md

---
 snippets/hexToRGB.md | 14 +++++++++-----
 1 file changed, 9 insertions(+), 5 deletions(-)

diff --git a/snippets/hexToRGB.md b/snippets/hexToRGB.md
index a74703d02..e3118ecf3 100644
--- a/snippets/hexToRGB.md
+++ b/snippets/hexToRGB.md
@@ -2,12 +2,16 @@
 
 Converts a colorcode to a `rgb()` string.
 
-Use bitwise right-shift operator and mask bits with `&` (and) operator to convert a hexadecimal color code (prefixed with `#`) to a string with the RGB values.
+Use bitwise right-shift operator and mask bits with `&` (and) operator to convert a hexadecimal color code (prefixed with `#`) to a string with the RGB values. In case it's a 3-digit-colorcode, do the same with the 6-digit-colorcode extended by the extendHex() function (ref. `extendHex` snippet)
 
 ```js
-const hexToRGB = hex => {
-  const h = parseInt(hex.slice(1), 16);
-  return `rgb(${h >> 16}, ${(h & 0x00ff00) >> 8}, ${h & 0x0000ff})`;
-}
+const hexToRgb = hex => {
+  const extendHex = shortHex => 
+    '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split('').map(x => x+x).join('');
+  return hex.slice(1).length==3 ? 
+  `rgb(${parseInt(extendHex(hex).slice(1), 16) >> 16}, ${(parseInt(extendHex(hex).slice(1), 16) & 0x00ff00) >> 8}, ${parseInt(extendHex(hex).slice(1), 16) & 0x0000ff})`:
+  `rgb(${parseInt(hex.slice(1), 16) >> 16}, ${(parseInt(hex.slice(1), 16) & 0x00ff00) >> 8}, ${parseInt(hex.slice(1), 16) & 0x0000ff})`;
+}   
 // hexToRgb('#27ae60') -> 'rgb(39, 174, 96)'
+// hexToRgb('#acd') -> 'rgb(170, 204, 221)'
 ```

From 9fc9f9ad09a301599f3c4192da3647e01c469a8e Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Sun, 17 Dec 2017 19:36:44 +0200
Subject: [PATCH 05/10] Added a simple web builder

---
 docs/favicon.png              |  Bin 0 -> 8398 bytes
 docs/index.html               | 1045 +++++++++++++++++++++++++++++++++
 docs/prism.css                |  140 +++++
 docs/prism.js                 |    5 +
 package-lock.json             |   48 ++
 package.json                  |    1 +
 scripts/web-script.js         |   81 +++
 static-parts/index-end.html   |    6 +
 static-parts/index-start.html |   33 ++
 9 files changed, 1359 insertions(+)
 create mode 100644 docs/favicon.png
 create mode 100644 docs/index.html
 create mode 100644 docs/prism.css
 create mode 100644 docs/prism.js
 create mode 100644 scripts/web-script.js
 create mode 100644 static-parts/index-end.html
 create mode 100644 static-parts/index-start.html

diff --git a/docs/favicon.png b/docs/favicon.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a50a365ceb9ebab905ccd54598a9a5ce20c8d06
GIT binary patch
literal 8398
zcmaia1ymftvi9H_+=DI}Ag~LI23g!)0|Z|jmf#xP-8Fa!E<r=k;DI2400BY>5ZomY
z^lk3D_rCu>=fCftb7s1Grt0hJs_N6#)f1zsuJ8z#1{VN;M@ova+Q>5a?~RR#eD+IN
zj3EnZ4>>~*9fXaCw}l%Vkg`Tt!WosEEo|Z1a0_eSm!oho06+uT>l%6(s;P=vA)I+E
z{?hRHIJ+Xb0YFUB$JN5h5$?fg3AeR(5eFT8=m9a>TZ@AX1k}K4t}<{tdqqDtxQ?H?
zu9csom54P+Qi4&;M-&O*4EL~L^l^4_aToOw2mJ$A6j}fKnis_Q4-yYYanOGYWvHgf
zD1&f=GYas4pIU(hA&i1h9tadH0u|wA<O4&%ybwNKu+UQoSX4kr6bxbf=LJIc=4Ndp
zsx2%3&%Tf?agd#dhpQ+rueY~1k2gOL!p)W!A|fKf3+ChH<9mvvc<S!!;$h+Q)Wx0o
zUkI{rcPlr0R}XuH3*%oz3rmEjhd2l+>3<Kw+4bMBF7E$S6H;NkJ{GRL5FYT~A^nR`
zP3?atb$0$YwY!Hl{D0*Ae*(Mf`ntk-wc+jvPd6*1;cS@ycI7H6;|90zK)C555KjNn
zqNW|f1L1CmaAlOy5#WI^8rZv7BfQ=JL9eDJs^sGCVc}v0SCSP6ArW}&?X5*+<YmE9
z5Gkk}KU4?;krR><76i)+3h{xFN|)vr;{O+~EW*mu8SdioFJ9~a;T8CgynkK6*%jHd
zEZoiB3vMm%hHz&5$B;$s|FbN7{}Jz>yw?9&7XJUp%Zn6-_pf394@3X!71DeDR{!m`
z$i}}NAMS$mb~mJ3`^wWf005n|lB|@j&*J_I9CK9zN{OaPmNYdM5ECeTalVAC1tE7!
zCgn`58`I^iT-}_hf6!BFS^45F+Q^|ckXKntwubmyniAhlr|*NfH=jy$s{>zJjQ1k@
z(dSOzG4UVbOX8O%^keUOr}I<->TrYs*8!AZW&(irC9oQe1}M-1!fQY;F&2>czkE`r
zz)@MmqZ4r}`@GWS|H0bE=K9p9(?HqV@_8nE*4SCDfTLHrMxlfxPK2~fi~>*|o{@eq
zqam4-P;Z@7tMgXf-`(B)7i(o8?vnC&-2S(ww{czBh!smq%kC#Tz-mT%*;I6N^k?HX
zmxSIsPQ5DFOu1U09aP(Njf=z+mZVmglZb&D^7&Gh0awm-Yl2SLeG^}t9SVj1oRoa1
z;h~80%zvag9<zO`y?KZEXjjI^$6K>n07Lh+EC{7iS2@X3l<tqIT8KH@tpo=L_C$fW
z$|O5yuT1H*qA<`72vnFod@7cS5?#IjeX#U%H6*OrpvgSd6~AA4snywhs;KY$YWcl;
zgWE4<5JnBKn(}a(&Iwi-tkSDq`F(smvfc?$79~ks+kH#gn-9uPPuHC=H)rJM+KX^M
zJx$M~Pa=U8Yj&RdZHTSUR_fSvSF!gEqU6i|3JW8>JXo6l)pfb@j4f?+Hlmxm5HYs;
z(I5Tgox^O!%P_?hQ#w%(v4KGpljz;KTK~I+MyuNO_4WRD@7@LYh;_gG_U=vTT&=MX
zdXGZsq!U`SENJX#_iMFxL`4|!0BqyK`}dX6#J*VzXaqAi`2EQWq+nWLU)I9H;$$<>
z%<KpL*(+sb+<eKPf<tx|7Q>0Gv0tCse!RL7vK8AKNny@nWn;@+YP1^0LiaFI_)%z(
zx`}Dp<=1kU!DX;()*bL(A_Y~iK+IRW0P5oVMtkSppr=2Qu-ZgKqFMWm|JQ1Rn<mq)
zYXismx<I-RS-<keiURN3tCKSd9ur}dOaJrjMys*Rr+2hZe3f-sTz`IKEsZv{-6ux}
z#cPrh-AeeKZ_8m3>>t5Qq`mzmjuslH@d|ou>rKVm>|2Z=lsEyu)R+)Uo8L(zAlfV&
zjVq=Bf*i2kYoD{Hg&#(JoWAj)&go1%C<J3adekN4d%A&$39r2An0#jOvE7&V!z30%
zKto0_Yyf2yA;_GzKEV;RQ>Kz|AEM-ZwK}CARPLe%S!zhkPT1wO%^K$(Jp8dSX)11#
zsV2-YuqlRZvlVdYY`=Y+=;HMI`>E6IH`wpnZoq5HLDEa`&nuXQcdI-(F&FU}E}ZCu
z#N%MG<r&PwtG&;hsB_m{BNw`3ytLPquud@fz0~_?#W*^Ta}Cg>TKBw^zR2P4nH95l
zGY;&5R;zOiRvl%*zm=Kmt7X>&l8wK!XX4INZ%xPLzNtYSV@d7#M*hv$?Anm#y)C8C
zjEGXX`-1K}c=Gxzk$w)*`2EWo?hm{EX07u#E;WUSpV}oa*X6gciTrNUwuYkD*bB*M
zYos>|nU)^C^JIPeAVS1JhO6Pi%~%+Jef24REy_-w`jQE}v(n3aNUI^c?yWB=`LHZK
zE?9}h(EYkTc+w^ZRrb4Rd*30$9jqFXfI${d2}H|nbXdMiab%U4?&lqbHrPjzsOQgg
zx;lf12?Fmf=FOlk%U5e-1%>TzpCadb;IgGps<Zg}05mrQ^zNkcUZzzy@5jJUU2J?j
zZR=(N0eYjV8+D-k_+>{KK~_%w0;IR9E96M&iif8+fPX!Kx9QvHR)%zqDFVJsd0GU%
zT^E2FeQ|V8DAJ-~YKSK)!SwH)K7g+d)B)SyKR>e8-s>V{kXY`9k7cq;-0U|!_x1IS
z@T2{lCnU*lH56aDIRfGf#7x4{7=cgi7hcnzm6nv~%gdfGoyva*Q9Zowi`@6+H@sUv
z?H%?azrCUSyfwe*?3<iw6P|=M);E?$h=1lVpFA=m8UBYWbE{XO5Z>*o-XHmh_vwp{
z^L6<Inirh=H2qP8W{nPCtB5z(a|7soNa^!iE&7w0Wb{dCe!sJW$6x`~K}02!R{_OZ
zo)ymycADFke!^2i4g)xa&pFq*AV2iQv7`OAzwnY1&>I-nIWEQX<*2r}{tSKDAC+VX
zzgdc-oDkZ5Ox$?U7Zycs=5;3(hFQx5ji20l77iIy$Dq=~65UPx@ETf0;Ptj^MSWao
zP%PSRl3#mz;&!aJ+HfdJZ7G9dliB&jAy%P+|MRkVqgt=W5X%ihq>4=A3qo`L9C;tK
zZXvRJ=2FJr{yeGgzOGsT|40@Wk}tfs=axd5K6ByS_OT`9qY}6}9;HrBx0EJ2VKcwh
zWw4u3#(d-u{gVYk;(n%j`@!c#d)@!!B;)%pH~5i6SKHe+Z~o*lCsAG38n+#OWmZUR
z?w`aYpjFJ_CBmlVOpS}eHUCQT@rqUTFtTF)>qW#)p!-qKHxZ6GHENmtv4oLZ_d(eQ
zLi#k6y|yi>CkToBdl6s-msAUZDxMJT??)xdL#JLa-woaGw4W)DE)e%W{J5@^#uk{B
zo=(<o(H|KiNA1Pa4VY)}1@4YKig(k{aQMDdI^QI`IE)su;CI{kVOYVYgLvYx;fOYs
z)LYxWJgNv1?=@<oCX;He&KFncd7P|xSkbr@B%GmsEdxbgjV3cbfh)r!Dq?mT1l09b
z+q%2EcN!ZT`#<*gds9BH+|&gcI4gNr9rCnV>K`9>?R!1ne>1G%$mo^!Bxkrk42xg#
zVzll0c`inH7yaFJ?S~B4ymKS;;GTLQxBF?xORWOU_o>*>s*lfD%1L6&*pBU*d0Pvq
z*0DAol47zNECcI)xvx>1FwT}4RtmgD3I2+AUfJKu_vw4r{%F7=9!_Z%w*l;2S7%Cr
z6D3;GnBdbjUT-kK_=QQ7jWlx!Je>In3zx~|HN$M}6U^7Yf3zeK_2XO41ZLJWuGk*0
z_Bqbgy?FfG1XzXg!U{z^Uul7V=woCnshdbPi8C@;2JNZCQ8w4#ORUV5`=nY2Z$HT?
zVi(VU;58mGXMC*1jAxq}+SgUvSnRns_vr5Tl1O3aGyvw%e>KjbFPG=hZB^@&N#$p}
zmYz9TMT~a1yaKd)iW1oj`{-Our5K*8*xr0$(OP%RhGU~<3gdD0Tt*NaDLpOJ$l>#x
z>kGqL>Pi8?4(b9z)`8-bSA0<)e8o;%X)KE@2!(Wp^|kGe3-CW(VXrnpOkD#Ms2AQZ
z67J3tg{1ffUR1ERMktPiF=Sn7HB4i(_hUyACK+X9X6|0fqXfghsO-$J*Mn?Y$Em;B
z*&Uj52=z|-9o;DixTaklisg*D`nSb|)A-UP+&M9ylYBzQHopikb4|;EJzSln;aUwR
z8XqHJMhi~psz1EQXl`}iR|ie}82~qt4||iGPl<_9vk_SxEUI;Vjcwz%KtFwLqkXlh
zgBY_lZgtvWproAdl0{==XCFSx%lV;Z)WP9bEWz$VWVX7aJMcK#QK-3)mgZ}kp~ToH
z!H=OCB2yJ-{M*k!bgz1fOQq=ilLo1<v4<4=rLtP*2*AFlW$%R#%`8#CwiEdp-PzYW
z%hT(b@!#K@v66kj%f|yO(=B>!w`e4{7rTpCz7SUjF1fHaZ>ON{32hN4h1fE1VdxR2
za7sfMUagdd4%p6xMEhToe58141Z^Eag>hy$sHy?8RH2qczC#s^L+ERB*ZnSQN2SUQ
z2M6!V-V)H~5!?_|J;6530@ELZrvY(ho#LA!-4X{}wtEnenwt74QxOQ@d*W~rWQ+Ag
zi2EeuSly*akNWkOy=j^@a848t4Icit4o|PByS%a9o$n~eg%d6q_(LKpWad--J&72G
z04)BYQHS4ROTy94P#N~KfRKmVrqOydb()m~AhAItB{6%Rq6CWdrH9!)_?us6&UO_|
zw0<8hHbb+zGufReEj9}vLoX|czAsN;ZLlhpl$9TO+S5<;(oYl(^?pwUC1-qb);Uk*
z=lT7+<3V&sA}8c}FM~rApiBY8`?`n@=Dy4oL%HZV_#E&_wPcc%p4uD&S+nCQTu2|Y
z_2*5QA|ntSMD=Ni+qRfJQ<*0b*SHPBDfecAVMmX5iv|WTPfeZd(V${CV9W$oU^Up=
z+b{HtGSJLY_D@OB6B!O!lfEe{Lw8zkZ|o^W(JY&2*9vS#tL}M>Dfa#@WlTtJF_U{T
z<ar!<a{i|&t*-5#1x4!f{l5!q*IJwF0cBsj3cRa7Svg>Y9Kqe~b*-x6XE3b3?hrbB
zgozUAyxbjM2n683T(hrQmd#G{@8A3Z!}(sKjJ9|<P(U}H-=SiFi{3s9Xd6ElbDXP5
zq!n<O#Z{PN<NVUc_`+>KqV!tPcJ=+YyG5!REt0c$QcEoD4-1Q?QYfgR>3IeAEdoOX
zXTcFofqjY|_tT^_*bJ$-oC3zM)S{4BhrUdkK_8iMbi{5yWsG0?@#-9%ICTGNoUh7f
zcec_S=k-fp^4?treXs*>3s6vI7pgq_dc805Arn*5Y|l|l%?20T<3~=cO8W}~-`<?A
z@qVc#Wm*%V=xc!zcI3NBc-u?I7JrWZf|#au+e^QmEp#)XHl*@ksV!(#kzCV*1V(+6
z!UjKmS3-ZBLZWg#SLk=;Rf$SaIIBsSsL=tn+4BI6-&^KWrn74I2{y;cukx?O)i32@
zVI@{F#RSVMv4p0dkBABkO!Y)PQ@gN?ZWknL1P=x4?01+%=UV3u&{9x%Z6!(GSFBg$
ze3U~4B0vTN&t<&)ur*p|sADDe<KktWXXXyUT0bf_1u7GNe-XR=qV#ZZ#W_(4+gc1<
zkx;}oKEI=8b(IZ8MWw$WpiSWnk>8Uk`MBE}i1}WbxxBoQlE=huqhe>*%K$|oiQfK2
zwbyIM&!UGe-Z$MuvTG#_Co*?2eRTU57UXh7G$2$Bkt9F*2uPvPCg#ilA#+$CC%upF
z@iy!c!Sbp#k;1Q0^8ip;C=typ@m4i+ruW)FOeT*b8n<aD%k}6wR<Y0#mH7j)0Crg-
z^{HHBal1Skk!ST!hVsDD5JV#Bs+j`2;?KJ)*-!z5bxX!XzR1itD@xJK&On>X_bL|&
z0vt98f&QoJcb61T@e+28QD9ENMl=aVyKaEb>4uUBx3@I2S=rWn1t(|)cH)RIJ;`+e
z<iE%x^eCRYVW?)P6=1#x0igmkk6Nx#Z!w4z1<SJ)0qFJATIQ!e9>GzEDzR834GEu!
z!UTjB?J~<!!^6Xsc_?vM2<aSFhKb%{**ig7^VPP0v$8`P+<S2ANVBx$xF0?Z81An~
zVR|~mNojNfL))r=`K~BK=qKFmE3_|RScK9h1OPIoY!-t?YW?x?3_Hu|$pgPyrhI;U
ztkf5k(`AT4DtQ{dlhzdiH{2x_PKXY#B4TOIDF5|>06@;=OcsUs;&l}Z)ZViuTe_hD
z&~A`;Wyp%wPDDr8w#0-<MG?=&@{Yv7rS0p~y52E^A*ql#>zs`Z>!=N^g|C>JmAWqa
zI4~Zyc$)F>zU(&LO~XL0)%CLm@Jpl2h(Crb@7%X0rrHo@*aQTv`Ogq=g8Z(cH~g`*
zxSDQ~4rxSBBA8RM%PiTrJ$BqkdMSV<uj<t`fv0ph{U_Jm-@lu~cttLz=`7EQr(Oux
zNBlTzLNxGg55$lb%f(SNTL;Y7y|7qpws$>R5$AjjCa<yAS@X50y$lde^Eu;T&5)%c
z?({S;vor3%2bzs)2XhjFir(hsBo=7*e@J-aK{Uj~NOZhf@cB+gTH4ixo~`oBn&KPf
zj8OerBQ1cj_+)UGwzSTbg<ruUoUoLC^<~LV)<~xH<PD_{Rl!;0_VQI!+$E-cdx^C@
zxZldXtvp>(HC0mVx=aaIR_4eK_Gxv{r?nuc`61yy9c<GYDgdGtEzF-UmZeloxS9Ig
z&e%w3s^|CU(16V4w_XCoEmB}H<ObEM-E)s(w%&|ErB&+*W0o<g9$0|Z8AD+JbLzmI
z-H(AQZeOCJ<UNjEkjbqY-c4d|t|kZBF4CHZhliO;-g;bd7E{<7K*VUD;O6i)ot#g-
z10tqakN*iBa#ApexS`WP?aWaXB>+v(YBy*e%E{rL%v6B{b|-h3{gfqb8esT4uoVMn
zb>89Q?46wC{oMJ0uTqh0`bLk&UOs_22VvPznXO|j>B!sTu|txAo>U<ft*THD;}%T#
zSou|6bA#$26}Z+2luTD`CZqe-P-<=(niHLn`pXUAFsL&rVNFi42IfY!VB!`IQTlup
zMoQL#+CMi&b<%gXaTtN<MZV|XY0}76MI1khH71Z0K7aHvI5^mr2P^pW*O(;ah@A~m
zq??<{pDza;*zJ#!5<ELgVvxj)-FNEn!$t)tWBCg6!UkXG1Hi5?(Te0NhYWz6Q`cwT
z4fwkkN2tU7a-E7CU>qKGZyZ^~KOowl`S@m=3b3-0^N{ETYXd?;IRaKVO)>de+4%hV
z<QpqVP9`5?$+;w4<#3X>kB$me<v1Y~hvHCRa?~-k=s*jii!SbDb4M%c5#13n@CB1l
z!*K$n#^(9aurawkd{UcwEMJNn8skXOVNF|v^ev(BVahs(vthJ+ReU_H0V=4*Nk`y~
z;CIc3rH;@_>UbR%Ac?BlyFpX0yO@@Q<P;1BPhB_xW#wvl1p-Hf?<-nl=kqx+qQ|~g
z6r<;MIe)pd14>k)SAwIWqJDLbb8l4u+;KjeLXIS^$WWl3_@c~P30VEKw0So+@0olx
zyBhE;_*jqQ$u`N_n%3y(D3rwn00<`VR%bc}x$`^BF<@~NPt`^C?|*lj|J^*28V4IS
z2<z=ZQ&2-KlYOli1(n)<yJ!~Yk8)^nW(=^3g$zEf1vJ6UzYCdJDQwi(#isgOjLW6C
zOe7M4)v__v;O*H?LFYwU2*b>i>6)|Z`!x?&hM*Y}G5)*jy+%|#MN45S{x~`ufPRP8
z&}UKX<s12gU7;%dTEAg9O7Lv8K|S5(T^Kv`c(r?l=?v{&pPa}TKrvVE9%w;BCZx^`
zh_OZ(0at6>$24#7Ep9dZYe=7e@H*&-T42M>!i4S3)h6jx>Bb~Bt?AY}OI8OXNUesc
zg|qRQTwPnJ;(K~7GO1P&>`hc*c6ixuU@mnjY$?K=J`o})SwZt32dg`7y@+Y9&v%+W
z7YizCnUH<&i;l(~b7OaG+mxb*G&F$NZF-BGT~pelskmHOuorHFn3-!bgS@;1iEqjY
zqR!CVv9Ygy%L9%yxkDg|_M8MukB7Otva(&Ao!8zgBF5GF2akCOfwGa2k*~-}+-!9A
zq6GET^>Z9l5kf&CF!ZPZRjq@iKgx;^hKM5JuHPUbVQX{Z47qMGHHns1@{^pqZo51)
zPbgYC@uQNEptJcrS+1?M%N0Ca_M*YCC8wk$a!}OhDaG@dsPJ&H-KDlk{j-yEUtBwe
z0#vl&vYEvIVWYN(idYIS*Rs559wwg0R>rtPs04I)zQT0NiM64N7>?*_`2`r&g1`FG
zMZO)oTv|uR>3p#yv-1I2Y}DIMnm%wr02s|PuVs*XOWd%=BiAdRzVKpVG_j%p5frNP
zL^=U$sJ!UiW1aaz_D@95)~54K^~;+tOtWw1t;{*cC+l@Xp~$4;8y6RsT@nlcACEN2
z{N}819Y1^FPj`cl%@d=pneA0AE8S=CPdLShOG*Quv0n4!*UkV`f->L$ja1%;Vnmp)
zM`%bb@)6hK1<Gqwpp2ToJV?$71@B!WbWuYxJ#xf?zF9SIT8ZBcESmsd9xMqRSD$Qt
z@B!#D*&J-?QEuPg!Ha)A!`KQO8W<QqJw4S<R|LW%^xi-7|6N0M1~Iy?7TQ8d+gpa9
z(lYegTR7*cn56@9$0l|=R*+aDL<}y=kRURfdpcDtGcQ_AM{60BL`~YoAu8%u`<%T5
z0uAydh;AUOPJ;zc_K_Z&8%q9h2h3xw#Q-xM#j@V?=g%|SB?~8oCh{bMLS;eI8Fm0;
z;Mr%P^_W8cZvnT1%T5c#Z&72GeN`xPb%vZA(blR;gae!q=E`D!8oZNmyW1eQL-Ev2
z6@Sx9eK8vibC<`*nzvW$Nq3yO6|k(4L2YiWH2&4?dIwRxC2HB3rmjEW=6XF`yEsN)
z@-2>)I~~G)$<YRG!x%?QWPIe#DV#&Qc#2Hede7IJNhVW?DL0LM4bm0O7cMR@ws@<E
z!m2Vh9Odm1<|i-+wl8CEnK%%5hP@?cL;RuSM+H=;96FVL)G6RNhtC?MH-Q<fqyH!_
zE^d$Cyf^ql`Aur%x~ulaXgh#i%jn^AEli?r@{`mbV6QbF(XVcq<X>%>-3au1q*m%q
zI^O(pJ@WqUhHwFYFgPFN-{0TgM(hdBJ_j6b%_U5{5~quqexg!zs0qCE=QC5_evm4i
z!2>_URqFKc@Qi!sqJw96duX>K;a`mBdKN4L(lw>g*@$}vJ1f$C^|WcVhqT>yDGTR2
z{kDOU71!OYoXAIye}^4>IYEd4HFFCg6CH0$g=lhU8FXI!T*E^RNybu|#BZ>FOX6Ta
zDwFk_&&d4a$AGo3EE163;G`I5cXg{joo2E>KJN)R4P1m!695s(TJDu85(lLTHTSQm
zj>ThH&vw?P2P*ciEjai4X`%<bgx_-o*9iod##^rKzGhctP#k!5i{_|~#e>)5=eh41
z0<+_AIU3*<Bm@QCl(g^H%>_K)Lo*+!sAx0{1#VOdzSzBFwz7dwb0lTA`*G?2lK!yr
z1S31CTcVD_h&IQph9$TqLI5N)cd3IP`$k8R6z_G*z_Qt&^P6bXpr9f+J$Jyv8$y$w
z+NcZ3U(dzyihGa0d%LqIFi5`AdMRih%K(gXN(I)mFu8AXm;P3^!bN?i3Mt`=-Pl6o
z6P;0}ucx_G5D4BQBxHGY7x_Rg5%x@2_-Z<qd`!V>clHlJ=DtR`gq7BEtw-D57BO{M
zjnnI`AykR6*^-?EiLB&rvKXP#v8VXS#a3n685~)s^tP`^>nD%P<qN~TdGc(t8dexe
zZIK4Hz(x)2*v0`Bu4;L{A8tJd@sy}pj|e4Zg22~b!|_E6gKzBbLVFxgmpr52%}_6R
z8$KEf8js-5!p%J6MJ6x4obSxMm6MYj48=>CV%6lV@-W-D`ED4Zu))XX{T;jXbPIbf
znGDtq%*3+X26Q=AsTkUQMbJ~!Hqc~xfb5vyPWHH2!B>A4`bIC#(HRZu_UtmI5BznZ
zJ=2-8pp;juy&-$ZRay{@eK<5OWh#R{lef+<>gbt2>YjifPwDavL#e|LEct^Aw%$!e
z782?*n`8Sxm<bE+cnm$&f<m`SgH7?%^;5}G%FXFNzCQF5biE@R3C~1Do&2xDG3#!N
zo2(CwSkVe`2nm0Xlalgd*~)~(rB0DE<g(-Yv7OU2l8p@Q-Uq~eWkB=<?o~~%mzxmw
zi(q}_j4RR?fY2FZACtnKFi4<d;HZt#{|Tq=#qmB*md;LysT3A^_$`jM%o0CrT9B#L
z{&;t1r*ivS(^g^%vjPudwqhEwx*IMCQ(9PTJ?dtb3^&}C#~04rcH3)A9*zwc`(6La
zO5C8r@k`lg4h9~Dtfb$0MSzk$|8lsdG>4nw4`&13LYI`36s?Yiqa9q3py-cdA)Q`S
zG_=CGN}Vm533sO--FFsC9ayX}CLi&x-lnIft_2~37f~UX<qF@k&CfJtZILW&Y?yD}
zzRen<xy1~Vf(a6rTNa;0zVv->Qm}^%%VLc)IQ0(aDzw&ZKIaM`bn8v;GLw=t1k+tP
zwE&LzhJdGY-&ylik;iVXQh3&#d3kxt$n;PnEgqW<Bgg8aG7>@{(F95|^8Y!F{J#z=
fw*__{Q1Jm+`r^~+vL}CkPym$V)Me|W%|rhS2(VSn

literal 0
HcmV?d00001

diff --git a/docs/index.html b/docs/index.html
new file mode 100644
index 000000000..5f633c76b
--- /dev/null
+++ b/docs/index.html
@@ -0,0 +1,1045 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0-alpha.1/mini-default.css">
+    <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Poppins:400,400i,500,700,700i&amp;subset=latin-ext" rel="stylesheet">
+    <title>30 seconds of code</title>
+    <meta charset="utf-8">
+    <meta name="description" content="Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.">
+    <meta name="keywords" content="javascript, snippets, code, programming">
+    <meta name="author" content="Angelos Chalaris (chalarangelo@gmail.com)">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta property="og:title" content="30 seconds of code">
+    <meta property="og:description" content="Curated collection of useful Javascript snippets that you can understand in 30 seconds or less." />
+    <meta property="og:type" content="website" /><meta property="og:image" content="favicon.png">
+    <link rel="icon" type="image/png" href="favicon.png">
+    <style>
+      html, * { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif; }
+      code, pre, kbd, code *, pre *, kbd * { font-family: 'Inconsolata', Menlo, Consolas, monospace; }
+      code, kbd { font-size: 1em; }
+      pre { font-size: 1rem; border: 0.0625rem solid var(--secondary-border-color); border-radius: var(--universal-border-radius);}
+    </style>
+    <link rel="stylesheet" href="prism.css">
+  </head>
+  <body>
+    <header>
+      <h1 class="logo" style="margin-top: -1rem; text-align:center;"><img src="favicon.png" style="height: 4rem;"/><span style="position:relative; top: -1rem;">&nbsp;30 seconds of code</span></h1>
+      <label for="doc-drawer-checkbox" class="button drawer-toggle" style="position: absolute; right: 0; top: 0;"></label>
+    </header>
+    <div class="row" style="height: calc(100vh - 3.5625rem);overflow: hidden;">
+      <input id="doc-drawer-checkbox" class="drawer" value="on" type="checkbox">
+        <nav class="col-md-4 col-lg-3" style="border-top: 0">
+          <label for="doc-drawer-checkbox" class="button drawer-close"></label>
+          <!-- <div><input style="width: 100%; margin: 0px;" placeholder="Search..." id="search-bar" oninput="search()" type="search"></div> -->
+
+<h3>Array
+</h3><a class="sublink-1" href="#arraymax">arrayMax</a>
+<a class="sublink-1" href="#arraymin">arrayMin</a>
+<a class="sublink-1" href="#chunk">chunk</a>
+<a class="sublink-1" href="#compact">compact</a>
+<a class="sublink-1" href="#countoccurrences">countOccurrences</a>
+<a class="sublink-1" href="#deepflatten">deepFlatten</a>
+<a class="sublink-1" href="#difference">difference</a>
+<a class="sublink-1" href="#distinctvaluesofarray">distinctValuesOfArray</a>
+<a class="sublink-1" href="#dropelements">dropElements</a>
+<a class="sublink-1" href="#everynth">everyNth</a>
+<a class="sublink-1" href="#filternonunique">filterNonUnique</a>
+<a class="sublink-1" href="#flatten">flatten</a>
+<a class="sublink-1" href="#flattendepth">flattenDepth</a>
+<a class="sublink-1" href="#groupby">groupBy</a>
+<a class="sublink-1" href="#head">head</a>
+<a class="sublink-1" href="#initial">initial</a>
+<a class="sublink-1" href="#initializearraywithrange">initializeArrayWithRange</a>
+<a class="sublink-1" href="#initializearraywithvalues">initializeArrayWithValues</a>
+<a class="sublink-1" href="#intersection">intersection</a>
+<a class="sublink-1" href="#last">last</a>
+<a class="sublink-1" href="#nthelement">nthElement</a>
+<a class="sublink-1" href="#pick">pick</a>
+<a class="sublink-1" href="#pull">pull</a>
+<a class="sublink-1" href="#remove">remove</a>
+<a class="sublink-1" href="#sample">sample</a>
+<a class="sublink-1" href="#shuffle">shuffle</a>
+<a class="sublink-1" href="#similarity">similarity</a>
+<a class="sublink-1" href="#symmetricdifference">symmetricDifference</a>
+<a class="sublink-1" href="#tail">tail</a>
+<a class="sublink-1" href="#take">take</a>
+<a class="sublink-1" href="#takeright">takeRight</a>
+<a class="sublink-1" href="#union">union</a>
+<a class="sublink-1" href="#without">without</a>
+<a class="sublink-1" href="#zip">zip</a>
+
+<h3>Browser
+</h3><a class="sublink-1" href="#bottomvisible">bottomVisible</a>
+<a class="sublink-1" href="#current-url">current-URL</a>
+<a class="sublink-1" href="#elementisvisibleinviewport">elementIsVisibleInViewport</a>
+<a class="sublink-1" href="#getscrollposition">getScrollPosition</a>
+<a class="sublink-1" href="#geturlparameters">getURLParameters</a>
+<a class="sublink-1" href="#redirect">redirect</a>
+<a class="sublink-1" href="#scrolltotop">scrollToTop</a>
+
+<h3>Date
+</h3><a class="sublink-1" href="#getdaysdiffbetweendates">getDaysDiffBetweenDates</a>
+<a class="sublink-1" href="#jsontodate">JSONToDate</a>
+<a class="sublink-1" href="#toenglishdate">toEnglishDate</a>
+
+<h3>Function
+</h3><a class="sublink-1" href="#chainasync">chainAsync</a>
+<a class="sublink-1" href="#compose">compose</a>
+<a class="sublink-1" href="#curry">curry</a>
+<a class="sublink-1" href="#functionname">functionName</a>
+<a class="sublink-1" href="#pipe">pipe</a>
+<a class="sublink-1" href="#promisify">promisify</a>
+<a class="sublink-1" href="#runpromisesinseries">runPromisesInSeries</a>
+<a class="sublink-1" href="#sleep">sleep</a>
+
+<h3>Math
+</h3><a class="sublink-1" href="#arrayaverage">arrayAverage</a>
+<a class="sublink-1" href="#arraysum">arraySum</a>
+<a class="sublink-1" href="#collatz">collatz</a>
+<a class="sublink-1" href="#digitize">digitize</a>
+<a class="sublink-1" href="#distance">distance</a>
+<a class="sublink-1" href="#factorial">factorial</a>
+<a class="sublink-1" href="#fibonacci">fibonacci</a>
+<a class="sublink-1" href="#gcd">gcd</a>
+<a class="sublink-1" href="#hammingdistance">hammingDistance</a>
+<a class="sublink-1" href="#isdivisible">isDivisible</a>
+<a class="sublink-1" href="#iseven">isEven</a>
+<a class="sublink-1" href="#lcm">lcm</a>
+<a class="sublink-1" href="#median">median</a>
+<a class="sublink-1" href="#palindrome">palindrome</a>
+<a class="sublink-1" href="#percentile">percentile</a>
+<a class="sublink-1" href="#powerset">powerset</a>
+<a class="sublink-1" href="#randomintegerinrange">randomIntegerInRange</a>
+<a class="sublink-1" href="#randomnumberinrange">randomNumberInRange</a>
+<a class="sublink-1" href="#round">round</a>
+<a class="sublink-1" href="#standarddeviation">standardDeviation</a>
+
+<h3>Media
+</h3><a class="sublink-1" href="#speechsynthesis">speechSynthesis</a>
+
+<h3>Node
+</h3><a class="sublink-1" href="#jsontofile">JSONToFile</a>
+<a class="sublink-1" href="#readfilelines">readFileLines</a>
+
+<h3>Object
+</h3><a class="sublink-1" href="#cleanobj">cleanObj</a>
+<a class="sublink-1" href="#objectfrompairs">objectFromPairs</a>
+<a class="sublink-1" href="#objecttopairs">objectToPairs</a>
+<a class="sublink-1" href="#shallowclone">shallowClone</a>
+
+<h3>String
+</h3><a class="sublink-1" href="#anagrams">anagrams</a>
+<a class="sublink-1" href="#capitalize">capitalize</a>
+<a class="sublink-1" href="#capitalizeeveryword">capitalizeEveryWord</a>
+<a class="sublink-1" href="#escaperegexp">escapeRegExp</a>
+<a class="sublink-1" href="#fromcamelcase">fromCamelCase</a>
+<a class="sublink-1" href="#reversestring">reverseString</a>
+<a class="sublink-1" href="#sortcharactersinstring">sortCharactersInString</a>
+<a class="sublink-1" href="#tocamelcase">toCamelCase</a>
+<a class="sublink-1" href="#truncatestring">truncateString</a>
+
+<h3>Utility
+</h3><a class="sublink-1" href="#extendhex">extendHex</a>
+<a class="sublink-1" href="#gettype">getType</a>
+<a class="sublink-1" href="#hextorgb">hexToRGB</a>
+<a class="sublink-1" href="#isarray">isArray</a>
+<a class="sublink-1" href="#isboolean">isBoolean</a>
+<a class="sublink-1" href="#isfunction">isFunction</a>
+<a class="sublink-1" href="#isnumber">isNumber</a>
+<a class="sublink-1" href="#isstring">isString</a>
+<a class="sublink-1" href="#issymbol">isSymbol</a>
+<a class="sublink-1" href="#rgbtohex">RGBToHex</a>
+<a class="sublink-1" href="#timetaken">timeTaken</a>
+<a class="sublink-1" href="#toordinalsuffix">toOrdinalSuffix</a>
+<a class="sublink-1" href="#uuidgenerator">UUIDGenerator</a>
+<a class="sublink-1" href="#validateemail">validateEmail</a>
+<a class="sublink-1" href="#validatenumber">validateNumber</a>
+
+</nav><main class="col-sm-12 col-md-8 col-lg-9" style="height: 100%;overflow-y: auto; background: #eee;"><h2 style="text-align:center;">Array</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="arraymax">arrayMax</h3></div><div class="section double-padded">
+<p>Returns the maximum value in an array.</p>
+<p>Use <code>Math.max()</code> combined with the spread operator (<code>...</code>) to get the maximum value in the array.</p>
+<pre><code class="language-js">const arrayMax = arr =&gt; Math.max(...arr);
+// arrayMax([10, 1, 5]) -&gt; 10
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="arraymin">arrayMin</h3></div><div class="section double-padded">
+<p>Returns the maximum value in an array.</p>
+<p>Use <code>Math.min()</code> combined with the spread operator (<code>...</code>) to get the minimum value in the array.</p>
+<pre><code class="language-js">const arrayMin = arr =&gt; Math.min(...arr);
+// arrayMin([10, 1, 5]) -&gt; 1
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="chunk">chunk</h3></div><div class="section double-padded">
+<p>Chunks an array into smaller arrays of a specified size.</p>
+<p>Use <code>Array.from()</code> to create a new array, that fits the number of chunks that will be produced.
+Use <code>Array.slice()</code> to map each element of the new array to a chunk the length of <code>size</code>.
+If the original array can't be split evenly, the final chunk will contain the remaining elements.</p>
+<pre><code class="language-js">const chunk = (arr, size) =&gt;
+  Array.from({length: Math.ceil(arr.length / size)}, (v, i) =&gt; arr.slice(i * size, i * size + size));
+// chunk([1,2,3,4,5], 2) -&gt; [[1,2],[3,4],[5]]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="compact">compact</h3></div><div class="section double-padded">
+<p>Removes falsey values from an array.</p>
+<p>Use <code>Array.filter()</code> to filter out falsey values (<code>false</code>, <code>null</code>, <code>0</code>, <code>&quot;&quot;</code>, <code>undefined</code>, and <code>NaN</code>).</p>
+<pre><code class="language-js">const compact = (arr) =&gt; arr.filter(Boolean);
+// compact([0, 1, false, 2, '', 3, 'a', 'e'*23, NaN, 's', 34]) -&gt; [ 1, 2, 3, 'a', 's', 34 ]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="countoccurrences">countOccurrences</h3></div><div class="section double-padded">
+<p>Counts the occurences of a value in an array.</p>
+<p>Use <code>Array.reduce()</code> to increment a counter each time you encounter the specific value inside the array.</p>
+<pre><code class="language-js">const countOccurrences = (arr, value) =&gt; arr.reduce((a, v) =&gt; v === value ? a + 1 : a + 0, 0);
+// countOccurrences([1,1,2,1,2,3], 1) -&gt; 3
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="deepflatten">deepFlatten</h3></div><div class="section double-padded">
+<p>Deep flattens an array.</p>
+<p>Use recursion.
+Use <code>Array.concat()</code> with an empty array (<code>[]</code>) and the spread operator (<code>...</code>) to flatten an array.
+Recursively flatten each element that is an array.</p>
+<pre><code class="language-js">const deepFlatten = arr =&gt; [].concat(...arr.map(v =&gt; Array.isArray(v) ? deepFlatten(v) : v));
+// deepFlatten([1,[2],[[3],4],5]) -&gt; [1,2,3,4,5]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="difference">difference</h3></div><div class="section double-padded">
+<p>Returns the difference between two arrays.</p>
+<p>Create a <code>Set</code> from <code>b</code>, then use <code>Array.filter()</code> on <code>a</code> to only keep values not contained in <code>b</code>.</p>
+<pre><code class="language-js">const difference = (a, b) =&gt; { const s = new Set(b); return a.filter(x =&gt; !s.has(x)); };
+// difference([1,2,3], [1,2,4]) -&gt; [3]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="distinctvaluesofarray">distinctValuesOfArray</h3></div><div class="section double-padded">
+<p>Returns all the distinct values of an array.</p>
+<p>Use ES6 <code>Set</code> and the <code>...rest</code> operator to discard all duplicated values.</p>
+<pre><code class="language-js">const distinctValuesOfArray = arr =&gt; [...new Set(arr)];
+// unique([1,2,2,3,4,4,5]) -&gt; [1,2,3,4,5]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="dropelements">dropElements</h3></div><div class="section double-padded">
+<p>Removes elements in an array until the passed function returns <code>true</code>. Returns the remaining elements in the array.</p>
+<p>Loop through the array, using <code>Array.shift()</code> to drop the first element of the array until the returned value from the function is <code>true</code>.
+Returns the remaining elements.</p>
+<pre><code class="language-js">const dropElements = (arr, func) =&gt; {
+  while (arr.length &gt; 0 &amp;&amp; !func(arr[0])) arr.shift();
+  return arr;
+};
+// dropElements([1, 2, 3, 4], n =&gt; n &gt;= 3) -&gt; [3,4]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="everynth">everyNth</h3></div><div class="section double-padded">
+<p>Returns every nth element in an array.</p>
+<p>Use <code>Array.filter()</code> to create a new array that contains every nth element of a given array.</p>
+<pre><code class="language-js">const everyNth = (arr, nth) =&gt; arr.filter((e, i) =&gt; i % nth === 0);
+// everynth([1,2,3,4,5,6], 2) -&gt; [ 1, 3, 5 ]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="filternonunique">filterNonUnique</h3></div><div class="section double-padded">
+<p>Filters out the non-unique values in an array.</p>
+<p>Use <code>Array.filter()</code> for an array containing only the unique values.</p>
+<pre><code class="language-js">const filterNonUnique = arr =&gt; arr.filter(i =&gt; arr.indexOf(i) === arr.lastIndexOf(i));
+// filterNonUnique([1,2,2,3,4,4,5]) -&gt; [1,3,5]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="flatten">flatten</h3></div><div class="section double-padded">
+<p>Flattens an array.</p>
+<p>Use <code>Array.reduce()</code> to get all elements inside the array and <code>concat()</code> to flatten them.</p>
+<pre><code class="language-js">const flatten = arr =&gt; arr.reduce((a, v) =&gt; a.concat(v), []);
+// flatten([1,[2],3,4]) -&gt; [1,2,3,4]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="flattendepth">flattenDepth</h3></div><div class="section double-padded">
+<p>Flattens an array up to the specified depth.</p>
+<p>Use recursion, decrementing <code>depth</code> by 1 for each level of depth.
+Use <code>Array.reduce()</code> and <code>Array.concat()</code> to merge elements or arrays.
+Base case, for <code>depth</code> equal to <code>1</code> stops recursion.
+Omit the second element, <code>depth</code> to flatten only to a depth of <code>1</code> (single flatten).</p>
+<pre><code class="language-js">const flattenDepth = (arr, depth = 1) =&gt;
+  depth != 1 ? arr.reduce((a, v) =&gt; a.concat(Array.isArray(v) ? flattenDepth(v, depth - 1) : v), [])
+  : arr.reduce((a, v) =&gt; a.concat(v), []);
+// flattenDepth([1,[2],[[[3],4],5]], 2) -&gt; [1,2,[3],4,5]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="groupby">groupBy</h3></div><div class="section double-padded">
+<p>Groups the element of an array based on the given function.</p>
+<p>Use <code>Array.map()</code> to map the values of an array to a function or property name.
+Use <code>Array.reduce()</code> to create an object, where the keys are produced from the mapped results.</p>
+<pre><code class="language-js">const groupBy = (arr, func) =&gt;
+  arr.map(typeof func === 'function' ? func : val =&gt; val[func])
+    .reduce((acc, val, i) =&gt; { acc[val] = (acc[val] || []).concat(arr[i]); return acc; }, {});
+// groupBy([6.1, 4.2, 6.3], Math.floor) -&gt; {4: [4.2], 6: [6.1, 6.3]}
+// groupBy(['one', 'two', 'three'], 'length') -&gt; {3: ['one', 'two'], 5: ['three']}
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="head">head</h3></div><div class="section double-padded">
+<p>Returns the head of a list.</p>
+<p>Use <code>arr[0]</code> to return the first element of the passed array.</p>
+<pre><code class="language-js">const head = arr =&gt; arr[0];
+// head([1,2,3]) -&gt; 1
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="initial">initial</h3></div><div class="section double-padded">
+<p>Returns all the elements of an array except the last one.</p>
+<p>Use <code>arr.slice(0,-1)</code>to return all but the last element of the array.</p>
+<pre><code class="language-js">const initial = arr =&gt; arr.slice(0, -1);
+// initial([1,2,3]) -&gt; [1,2]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="initializearraywithrange">initializeArrayWithRange</h3></div><div class="section double-padded">
+<p>Initialized an array containing the numbers in the specified range.</p>
+<p>Use <code>Array(end-start)</code> to create an array of the desired length, <code>Array.map()</code> to fill with the desired values in a range.
+You can omit <code>start</code> to use a default value of <code>0</code>.</p>
+<pre><code class="language-js">const initializeArrayWithRange = (end, start = 0) =&gt;
+  Array.from({ length: end - start }).map((v, i) =&gt; i + start);
+// initializeArrayRange(5) -&gt; [0,1,2,3,4]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="initializearraywithvalues">initializeArrayWithValues</h3></div><div class="section double-padded">
+<p>Initializes and fills an array with the specified values.</p>
+<p>Use <code>Array(n)</code> to create an array of the desired length, <code>fill(v)</code> to fill it with the desired values.
+You can omit <code>value</code> to use a default value of <code>0</code>.</p>
+<pre><code class="language-js">const initializeArrayWithValues = (n, value = 0) =&gt; Array(n).fill(value);
+// initializeArray(5, 2) -&gt; [2,2,2,2,2]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="intersection">intersection</h3></div><div class="section double-padded">
+<p>Returns a list of elements that exist in both arrays.</p>
+<p>Create a <code>Set</code> from <code>b</code>, then use <code>Array.filter()</code> on <code>a</code> to only keep values contained in <code>b</code>.</p>
+<pre><code class="language-js">const intersection = (a, b) =&gt; { const s = new Set(b); return a.filter(x =&gt; s.has(x)); };
+// intersection([1,2,3], [4,3,2]) -&gt; [2,3]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="last">last</h3></div><div class="section double-padded">
+<p>Returns the last element in an array.</p>
+<p>Use <code>arr.length - 1</code> to compute index of the last element of the given array and returning it.</p>
+<pre><code class="language-js">const last = arr =&gt; arr[arr.length - 1];
+// last([1,2,3]) -&gt; 3
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="nthelement">nthElement</h3></div><div class="section double-padded">
+<p>Returns the nth element of an array.</p>
+<p>Use <code>Array.slice()</code> to get an array containing the nth element at the first place.
+If the index is out of bounds, return <code>[]</code>.
+Omit the second argument, <code>n</code>, to get the first element of the array.</p>
+<pre><code class="language-js">const nthElement = (arr, n=0) =&gt; (n&gt;0? arr.slice(n,n+1) : arr.slice(n))[0];
+// nth(['a','b','c'],1) -&gt; 'b'
+// nth(['a','b','b']-2) -&gt; 'a'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="pick">pick</h3></div><div class="section double-padded">
+<p>Picks the key-value pairs corresponding to the given keys from an object.</p>
+<p>Use <code>Array.reduce()</code> to convert the filtered/picked keys back to a object with the corresponding key-value pair if the key exist in the obj.</p>
+<pre><code class="language-js">const pick = (obj, arr) =&gt;
+  arr.reduce((acc, curr) =&gt; (curr in obj &amp;&amp; (acc[curr] = obj[curr]), acc), {});
+// pick({ 'a': 1, 'b': '2', 'c': 3 }, ['a', 'c']) -&gt; { 'a': 1, 'c': 3 }
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="pull">pull</h3></div><div class="section double-padded">
+<p>Mutates the original array to filter out the values specified.</p>
+<p>Use <code>Array.filter()</code> and <code>Array.includes()</code> to pull out the values that are not needed.
+Use <code>Array.length = 0</code> to mutate the passed in array by resetting it's length to zero and <code>Array.push()</code> to re-populate it with only the pulled values.</p>
+<pre><code class="language-js">const pull = (arr, ...args) =&gt; {
+  let pulled = arr.filter((v, i) =&gt; !args.includes(v));
+  arr.length = 0; pulled.forEach(v =&gt; arr.push(v));
+};
+// let myArray = ['a', 'b', 'c', 'a', 'b', 'c'];
+// pull(myArray, 'a', 'c');
+// console.log(myArray) -&gt; [ 'b', 'b' ]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="remove">remove</h3></div><div class="section double-padded">
+<p>Removes elements from an array for which the given function returns <code>false</code>.</p>
+<p>Use <code>Array.filter()</code> to find array elements that return truthy values and <code>Array.reduce()</code> to remove elements using <code>Array.splice()</code>.
+The <code>func</code> is invoked with three arguments (<code>value, index, array</code>).</p>
+<pre><code class="language-js">const remove = (arr, func) =&gt;
+  Array.isArray(arr) ? arr.filter(func).reduce((acc, val) =&gt; {
+    arr.splice(arr.indexOf(val), 1); return acc.concat(val);
+    }, [])
+  : [];
+// remove([1, 2, 3, 4], n =&gt; n % 2 == 0) -&gt; [2, 4]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="sample">sample</h3></div><div class="section double-padded">
+<p>Returns a random element from an array.</p>
+<p>Use <code>Math.random()</code> to generate a random number, multiply it with <code>length</code> and round it of to the nearest whole number using <code>Math.floor()</code>.
+This method also works with strings.</p>
+<pre><code class="language-js">const sample = arr =&gt; arr[Math.floor(Math.random() * arr.length)];
+// sample([3, 7, 9, 11]) -&gt; 9
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="shuffle">shuffle</h3></div><div class="section double-padded">
+<p>Randomizes the order of the values of an array.</p>
+<p>Use <code>Array.sort()</code> to reorder elements, using <code>Math.random()</code> in the comparator.</p>
+<pre><code class="language-js">const shuffle = arr =&gt; arr.sort(() =&gt; Math.random() - 0.5);
+// shuffle([1,2,3]) -&gt; [2,3,1]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="similarity">similarity</h3></div><div class="section double-padded">
+<p>Returns an array of elements that appear in both arrays.</p>
+<p>Use <code>filter()</code> to remove values that are not part of <code>values</code>, determined using <code>includes()</code>.</p>
+<pre><code class="language-js">const similarity = (arr, values) =&gt; arr.filter(v =&gt; values.includes(v));
+// similarity([1,2,3], [1,2,4]) -&gt; [1,2]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="symmetricdifference">symmetricDifference</h3></div><div class="section double-padded">
+<p>Returns the symmetric difference between two arrays.</p>
+<p>Create a <code>Set</code> from each array, then use <code>Array.filter()</code> on each of them to only keep values not contained in the other.</p>
+<pre><code class="language-js">const symmetricDifference = (a, b) =&gt; {
+  const sA = new Set(a), sB = new Set(b);
+  return [...a.filter(x =&gt; !sB.has(x)), ...b.filter(x =&gt; !sA.has(x))];
+}
+// symmetricDifference([1,2,3], [1,2,4]) -&gt; [3,4]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="tail">tail</h3></div><div class="section double-padded">
+<p>Returns all elements in an array except for the first one.</p>
+<p>Return <code>arr.slice(1)</code> if the array's <code>length</code> is more than <code>1</code>, otherwise return the whole array.</p>
+<pre><code class="language-js">const tail = arr =&gt; arr.length &gt; 1 ? arr.slice(1) : arr;
+// tail([1,2,3]) -&gt; [2,3]
+// tail([1]) -&gt; [1]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="take">take</h3></div><div class="section double-padded">
+<p>Returns an array with n elements removed from the beggining.</p>
+<p>Use <code>Array.slice()</code> to create a slice of the array with <code>n</code> elements taken from the beginning.</p>
+<pre><code class="language-js">const take = (arr, n = 1) =&gt; arr.slice(0, n);
+// take([1, 2, 3], 5) -&gt; [1, 2, 3]
+// take([1, 2, 3], 0) -&gt; []
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="takeright">takeRight</h3></div><div class="section double-padded">
+<p>Returns an array with n elements removed from the end.</p>
+<p>Use <code>Array.slice()</code> to create a slice of the array with <code>n</code> elements taken from the end.</p>
+<pre><code class="language-js">const takeRight = (arr, n = 1) =&gt; arr.slice(arr.length - n, arr.length);
+// takeRight([1, 2, 3], 2) -&gt; [ 2, 3 ]
+// takeRight([1, 2, 3]) -&gt; [3]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="union">union</h3></div><div class="section double-padded">
+<p>Returns every element that exists in any of the two arrays once.</p>
+<p>Create a <code>Set</code> with all values of <code>a</code> and <code>b</code> and convert to an array.</p>
+<pre><code class="language-js">const union = (a, b) =&gt; Array.from(new Set([...a, ...b]));
+// union([1,2,3], [4,3,2]) -&gt; [1,2,3,4]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="without">without</h3></div><div class="section double-padded">
+<p>Filters out the elements of an array, that have one of the specified values.</p>
+<p>Use <code>Array.filter()</code> to create an array excluding(using <code>!Array.includes()</code>) all given values.</p>
+<pre><code class="language-js">const without = (arr, ...args) =&gt; arr.filter(v =&gt; !args.includes(v));
+// without([2, 1, 2, 3], 1, 2) -&gt; [3]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="zip">zip</h3></div><div class="section double-padded">
+<p>Creates an array of elements, grouped based on the position in the original arrays.</p>
+<p>Use <code>Math.max.apply()</code> to get the longest array in the arguments.
+Creates an array with that length as return value and use <code>Array.from()</code> with a map-function to create an array of grouped elements.
+If lengths of the argument-arrays vary, <code>undefined</code> is used where no value could be found.</p>
+<pre><code class="language-js">const zip = (...arrays) =&gt; {
+  const maxLength = Math.max(...arrays.map(x =&gt; x.length));
+  return Array.from({length: maxLength}).map((_, i) =&gt; {
+   return Array.from({length: arrays.length}, (_, k) =&gt; arrays[k][i]);
+  })
+}
+//zip(['a', 'b'], [1, 2], [true, false]); -&gt; [['a', 1, true], ['b', 2, false]]
+//zip(['a'], [1, 2], [true, false]); -&gt; [['a', 1, true], [undefined, 2, false]]
+</code></pre>
+</div></div><br/><h2 style="text-align:center;">Browser</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="bottomvisible">bottomVisible</h3></div><div class="section double-padded">
+<p>Returns <code>true</code> if the bottom of the page is visible, <code>false</code> otherwise.</p>
+<p>Use <code>scrollY</code>, <code>scrollHeight</code> and <code>clientHeight</code> to determine if the bottom of the page is visible.</p>
+<pre><code class="language-js">const bottomVisible = () =&gt;
+  document.documentElement.clientHeight + window.scrollY &gt;= document.documentElement.scrollHeight || document.documentElement.clientHeight;
+// bottomVisible() -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="current-url">currentURL</h3></div><div class="section double-padded">
+<p>Returns the current URL.</p>
+<p>Use <code>window.location.href</code> to get current URL.</p>
+<pre><code class="language-js">const currentURL = () =&gt; window.location.href;
+// currentUrl() -&gt; 'https://google.com'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="elementisvisibleinviewport">elementIsVisibleInViewport</h3></div><div class="section double-padded">
+<p>Returns <code>true</code> if the element specified is visible in the viewport, <code>false</code> otherwise.</p>
+<p>Use <code>Element.getBoundingClientRect()</code> and the <code>window.inner(Width|Height)</code> values
+to determine if a given element is visible in the viewport.
+Omit the second argument to determine if the element is entirely visible, or specify <code>true</code> to determine if
+it is partially visible.</p>
+<pre><code class="language-js">const elementIsVisibleInViewport = (el, partiallyVisible = false) =&gt; {
+  const { top, left, bottom, right } = el.getBoundingClientRect();
+  return partiallyVisible
+    ? ((top &gt; 0 &amp;&amp; top &lt; innerHeight) || (bottom &gt; 0 &amp;&amp; bottom &lt; innerHeight)) &amp;&amp;
+      ((left &gt; 0 &amp;&amp; left &lt; innerWidth) || (right &gt; 0 &amp;&amp; right &lt; innerWidth))
+    : top &gt;= 0 &amp;&amp; left &gt;= 0 &amp;&amp; bottom &lt;= innerHeight &amp;&amp; right &lt;= innerWidth;
+};
+// e.g. 100x100 viewport and a 10x10px element at position {top: -1, left: 0, bottom: 9, right: 10}
+// elementIsVisibleInViewport(el) -&gt; false (not fully visible)
+// elementIsVisibleInViewport(el, true) -&gt; true (partially visible)
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="getscrollposition">getScrollPosition</h3></div><div class="section double-padded">
+<p>Returns the scroll position of the current page.</p>
+<p>Use <code>pageXOffset</code> and <code>pageYOffset</code> if they are defined, otherwise <code>scrollLeft</code> and <code>scrollTop</code>.
+You can omit <code>el</code> to use a default value of <code>window</code>.</p>
+<pre><code class="language-js">const getScrollPosition = (el = window) =&gt;
+  ({x: (el.pageXOffset !== undefined) ? el.pageXOffset : el.scrollLeft,
+    y: (el.pageYOffset !== undefined) ? el.pageYOffset : el.scrollTop});
+// getScrollPos() -&gt; {x: 0, y: 200}
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="geturlparameters">getURLParameters</h3></div><div class="section double-padded">
+<p>Returns an object containing the parameters of the current URL.</p>
+<p>Use <code>match()</code> with an appropriate regular expression to get all key-value pairs, <code>Array.reduce()</code> to map and combine them into a single object.
+Pass <code>location.search</code> as the argument to apply to the current <code>url</code>.</p>
+<pre><code class="language-js">const getURLParameters = url =&gt;
+  url.match(/([^?=&amp;]+)(=([^&amp;]*))/g).reduce(
+    (a, v) =&gt; (a[v.slice(0, v.indexOf('='))] = v.slice(v.indexOf('=') + 1), a), {}
+  );
+// getUrlParameters('http://url.com/page?name=Adam&amp;surname=Smith') -&gt; {name: 'Adam', surname: 'Smith'}
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="redirect">redirect</h3></div><div class="section double-padded">
+<p>Redirects to a specified URL.</p>
+<p>Use <code>window.location.href</code> or <code>window.location.replace()</code> to redirect to <code>url</code>.
+Pass a second argument to simulate a link click (<code>true</code> - default) or an HTTP redirect (<code>false</code>).</p>
+<pre><code class="language-js">const redirect = (url, asLink = true) =&gt;
+  asLink ? window.location.href = url : window.location.replace(url);
+// redirect('https://google.com')
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="scrolltotop">scrollToTop</h3></div><div class="section double-padded">
+<p>Smooth-scrolls to the top of the page.</p>
+<p>Get distance from top using <code>document.documentElement.scrollTop</code> or <code>document.body.scrollTop</code>.
+Scroll by a fraction of the distance from top. Use <code>window.requestAnimationFrame()</code> to animate the scrolling.</p>
+<pre><code class="language-js">const scrollToTop = () =&gt; {
+  const c = document.documentElement.scrollTop || document.body.scrollTop;
+  if (c &gt; 0) {
+    window.requestAnimationFrame(scrollToTop);
+    window.scrollTo(0, c - c / 8);
+  }
+};
+// scrollToTop()
+</code></pre>
+</div></div><br/><h2 style="text-align:center;">Date</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="getdaysdiffbetweendates">getDaysDiffBetweenDates</h3></div><div class="section double-padded">
+<p>Returns the difference (in days) between two dates.</p>
+<p>Calculate the difference (in days) between to <code>Date</code> objects.</p>
+<pre><code class="language-js">const getDaysDiffBetweenDates = (dateInitial, dateFinal) =&gt; (dateFinal - dateInitial) / (1000 * 3600 * 24);
+// getDaysDiffBetweenDates(new Date(&quot;2017-12-13&quot;), new Date(&quot;2017-12-22&quot;)) -&gt; 9
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="jsontodate">JSONToDate</h3></div><div class="section double-padded">
+<p>Converts a JSON object to a date.</p>
+<p>Use <code>Date()</code>, to convert dates in JSON format to readable format (<code>dd/mm/yyyy</code>).</p>
+<pre><code class="language-js">const JSONToDate = arr =&gt; {
+  const dt = new Date(parseInt(arr.toString().substr(6)));
+  return `${ dt.getDate() }/${ dt.getMonth() + 1 }/${ dt.getFullYear() }`
+};
+// jsonToDate(/Date(1489525200000)/) -&gt; &quot;14/3/2017&quot;
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="toenglishdate">toEnglishDate</h3></div><div class="section double-padded">
+<p>Converts a date from American format to English format.</p>
+<p>Use <code>Date.toISOString()</code>, <code>split('T')</code> and <code>replace()</code> to convert a date from American format to English format.
+Throws an error if the passed time cannot be converted to a date.</p>
+<pre><code class="language-js">const toEnglishDate  = (time) =&gt;
+  {try{return new Date(time).toISOString().split('T')[0].replace(/-/g, '/')}catch(e){return}};
+// toEnglishDate('09/21/2010') -&gt; '21/09/2010'
+</code></pre>
+</div></div><br/><h2 style="text-align:center;">Function</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="chainasync">chainAsync</h3></div><div class="section double-padded">
+<p>Chains asynchronous functions.</p>
+<p>Loop through an array of functions containing asynchronous events, calling <code>next</code> when each asynchronous event has completed.</p>
+<pre><code class="language-js">const chainAsync = fns =&gt; { let curr = 0; const next = () =&gt; fns[curr++](next); next(); };
+/*
+chainAsync([
+  next =&gt; { console.log('0 seconds'); setTimeout(next, 1000); },
+  next =&gt; { console.log('1 second');  setTimeout(next, 1000); },
+  next =&gt; { console.log('2 seconds'); }
+])
+*/
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="compose">compose</h3></div><div class="section double-padded">
+<p>Performs right-to-left function composition.</p>
+<p>Use <code>Array.reduce()</code> to perform right-to-left function composition.
+The last (rightmost) function can accept one or more arguments; the remaining functions must be unary.</p>
+<pre><code class="language-js">const compose = (...fns) =&gt; fns.reduce((f, g) =&gt; (...args) =&gt; f(g(...args)));
+/*
+const add5 = x =&gt; x + 5
+const multiply = (x, y) =&gt; x * y
+const multiplyAndAdd5 = compose(add5, multiply)
+multiplyAndAdd5(5, 2) -&gt; 15
+*/
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="curry">curry</h3></div><div class="section double-padded">
+<p>Curries a function.</p>
+<p>Use recursion.
+If the number of provided arguments (<code>args</code>) is sufficient, call the passed function <code>f</code>.
+Otherwise return a curried function <code>f</code> that expects the rest of the arguments.
+If you want to curry a function that accepts a variable number of arguments (a variadic function, e.g. <code>Math.min()</code>), you can optionally pass the number of arguments to the second parameter <code>arity</code>.</p>
+<pre><code class="language-js">const curry = (fn, arity = fn.length, ...args) =&gt;
+  arity &lt;= args.length
+    ? fn(...args)
+    : curry.bind(null, fn, arity, ...args);
+// curry(Math.pow)(2)(10) -&gt; 1024
+// curry(Math.min, 3)(10)(50)(2) -&gt; 2
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="functionname">functionName</h3></div><div class="section double-padded">
+<p>Logs the name of a function.</p>
+<p>Use <code>console.debug()</code> and the <code>name</code> property of the passed method to log the method's name to the <code>debug</code> channel of the console.</p>
+<pre><code class="language-js">const functionName = fn =&gt; (console.debug(fn.name), fn);
+// functionName(Math.max) -&gt; max (logged in debug channel of console)
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="pipe">pipe</h3></div><div class="section double-padded">
+<p>Performs left-to-right function composition.</p>
+<p>Use <code>Array.reduce()</code> with the spread operator (<code>...</code>) to perform left-to-right function composition.
+The first (leftmost) function can accept one or more arguments; the remaining functions must be unary.</p>
+<pre><code class="language-js">const pipeFunctions = (...fns) =&gt; fns.reduce((f, g) =&gt; (...args) =&gt; g(f(...args)));
+/*
+const add5 = x =&gt; x + 5
+const multiply = (x, y) =&gt; x * y
+const multiplyAndAdd5 = pipe(multiply, add5)
+multiplyAndAdd5(5, 2) -&gt; 15
+*/
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="promisify">promisify</h3></div><div class="section double-padded">
+<p>Converts an asynchronous function to return a promise.</p>
+<p>Use currying to return a function returning a <code>Promise</code> that calls the original function.
+Use the <code>...rest</code> operator to pass in all the parameters.</p>
+<p><em>In Node 8+, you can use <a href="https://nodejs.org/api/util.html#util_util_promisify_original"><code>util.promisify</code></a></em></p>
+<pre><code class="language-js">const promisify = func =&gt;
+  (...args) =&gt;
+    new Promise((resolve, reject) =&gt;
+      func(...args, (err, result) =&gt;
+        err ? reject(err) : resolve(result))
+    );
+// const delay = promisify((d, cb) =&gt; setTimeout(cb, d))
+// delay(2000).then(() =&gt; console.log('Hi!')) -&gt; Promise resolves after 2s
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="runpromisesinseries">runPromisesInSeries</h3></div><div class="section double-padded">
+<p>Runs an array of promises in series.</p>
+<p>Use <code>Array.reduce()</code> to create a promise chain, where each promise returns the next promise when resolved.</p>
+<pre><code class="language-js">const runPromisesInSeries = ps =&gt; ps.reduce((p, next) =&gt; p.then(next), Promise.resolve());
+// const delay = (d) =&gt; new Promise(r =&gt; setTimeout(r, d))
+// series([() =&gt; delay(1000), () =&gt; delay(2000)]) -&gt; executes each promise sequentially, taking a total of 3 seconds to complete
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="sleep">sleep</h3></div><div class="section double-padded">
+<p>Delays the execution of an asynchronous function.</p>
+<p>Delay executing part of an <code>async</code> function, by putting it to sleep, returning a <code>Promise</code>.</p>
+<pre><code class="language-js">const sleep = ms =&gt; new Promise(resolve =&gt; setTimeout(resolve, ms));
+/*
+async function sleepyWork() {
+  console.log('I\'m going to sleep for 1 second.');
+  await sleep(1000);
+  console.log('I woke up after 1 second.');
+}
+*/
+</code></pre>
+</div></div><br/><h2 style="text-align:center;">Math</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="arrayaverage">arrayAverage</h3></div><div class="section double-padded">
+<p>Returns the average of an array of numbers.</p>
+<p>Use <code>Array.reduce()</code> to add each value to an accumulator, initialized with a value of <code>0</code>, divide by the <code>length</code> of the array.</p>
+<pre><code class="language-js">const arrayAverage = arr =&gt; arr.reduce((acc, val) =&gt; acc + val, 0) / arr.length;
+// average([1,2,3]) -&gt; 2
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="arraysum">arraySum</h3></div><div class="section double-padded">
+<p>Returns the sum of an array of numbers.</p>
+<p>Use <code>Array.reduce()</code> to add each value to an accumulator, initialized with a value of <code>0</code>.</p>
+<pre><code class="language-js">const arraySum = arr =&gt; arr.reduce((acc, val) =&gt; acc + val, 0);
+// sum([1,2,3,4]) -&gt; 10
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="collatz">collatz</h3></div><div class="section double-padded">
+<p>Applies the Collatz algorithm.</p>
+<p>If <code>n</code> is even, return <code>n/2</code>. Otherwise  return <code>3n+1</code>.</p>
+<pre><code class="language-js">const collatz = n =&gt; (n % 2 == 0) ? (n / 2) : (3 * n + 1);
+// collatz(8) --&gt; 4
+// collatz(5) --&gt; 16
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="digitize">digitize</h3></div><div class="section double-padded">
+<p>Converts a number to an array of digits.</p>
+<p>Convert the number to a string, using spread operators in ES6(<code>[...string]</code>) build an array.
+Use <code>Array.map()</code> and <code>parseInt()</code> to transform each value to an integer.</p>
+<pre><code class="language-js">const digitize = n =&gt; [...''+n].map(i =&gt; parseInt(i));
+// digitize(2334) -&gt; [2, 3, 3, 4]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="distance">distance</h3></div><div class="section double-padded">
+<p>Returns the distance between two points.</p>
+<p>Use <code>Math.hypot()</code> to calculate the Euclidean distance between two points.</p>
+<pre><code class="language-js">const distance = (x0, y0, x1, y1) =&gt; Math.hypot(x1 - x0, y1 - y0);
+// distance(1,1, 2,3) -&gt; 2.23606797749979
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="factorial">factorial</h3></div><div class="section double-padded">
+<p>Calculates the factorial of a number.</p>
+<p>Use recursion.
+If <code>n</code> is less than or equal to <code>1</code>, return <code>1</code>.
+Otherwise, return the product of <code>n</code> and the factorial of <code>n - 1</code>.
+Throws an exception if <code>n</code> is a negative number.</p>
+<pre><code class="language-js">const factorial = n =&gt;
+  n &lt; 0 ? (() =&gt; { throw new TypeError('Negative numbers are not allowed!') })()
+  : n &lt;= 1 ? 1 : n * factorial(n - 1);
+// factorial(6) -&gt; 720
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="fibonacci">fibonacci</h3></div><div class="section double-padded">
+<p>Generates an array, containing the Fibonacci sequence, up until the nth term.</p>
+<p>Create an empty array of the specific length, initializing the first two values (<code>0</code> and <code>1</code>).
+Use <code>Array.reduce()</code> to add values into the array, using the sum of the last two values, except for the first two.</p>
+<pre><code class="language-js">const fibonacci = n =&gt;
+  Array(n).fill(0).reduce((acc, val, i) =&gt; acc.concat(i &gt; 1 ? acc[i - 1] + acc[i - 2] : i), []);
+// fibonacci(5) -&gt; [0,1,1,2,3]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="gcd">gcd</h3></div><div class="section double-padded">
+<p>Calculates the greatest common divisor between two numbers.</p>
+<p>Use recursion.
+Base case is when <code>y</code> equals <code>0</code>. In this case, return <code>x</code>.
+Otherwise, return the GCD of <code>y</code> and the remainder of the division <code>x/y</code>.</p>
+<pre><code class="language-js">const gcd = (x, y) =&gt; !y ? x : gcd(y, x % y);
+// gcd (8, 36) -&gt; 4
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="hammingdistance">hammingDistance</h3></div><div class="section double-padded">
+<p>Calculates the Hamming distance between two values.</p>
+<p>Use XOR operator (<code>^</code>) to find the bit difference between the two numbers, convert to binary string using <code>toString(2)</code>.
+Count and return the number of <code>1</code>s in the string, using <code>match(/1/g)</code>.</p>
+<pre><code class="language-js">const hammingDistance = (num1, num2) =&gt;
+  ((num1 ^ num2).toString(2).match(/1/g) || '').length;
+// hammingDistance(2,3) -&gt; 1
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="isdivisible">isDivisible</h3></div><div class="section double-padded">
+<p>Checks if the first numeric argument is divisible by the second one.</p>
+<p>Use the modulo operator (<code>%</code>) to check if the remainder is equal to <code>0</code>.</p>
+<pre><code class="language-js">const isDivisible = (dividend, divisor) =&gt; dividend % divisor === 0;
+// isDivisible(6,3) -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="iseven">isEven</h3></div><div class="section double-padded">
+<p>Returns <code>true</code> if the given number is even, <code>false</code> otherwise.</p>
+<p>Checks whether a number is odd or even using the modulo (<code>%</code>) operator.
+Returns <code>true</code> if the number is even, <code>false</code> if the number is odd.</p>
+<pre><code class="language-js">const isEven = num =&gt; num % 2 === 0;
+// isEven(3) -&gt; false
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="lcm">lcm</h3></div><div class="section double-padded">
+<p>Returns the least common multiple of two numbers.</p>
+<p>Use the greatest common divisor (GCD) formula and <code>Math.abs()</code> to determine the least common multiple.
+The GCD formula uses recursion.</p>
+<pre><code class="language-js">const lcm = (x,y) =&gt; {
+  const gcd = (x, y) =&gt; !y ? x : gcd(y, x % y);
+  return Math.abs(x*y)/(gcd(x,y));
+};
+// lcm(12,7) -&gt; 84
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="median">median</h3></div><div class="section double-padded">
+<p>Returns the median of an array of numbers.</p>
+<p>Find the middle of the array, use <code>Array.sort()</code> to sort the values.
+Return the number at the midpoint if <code>length</code> is odd, otherwise the average of the two middle numbers.</p>
+<pre><code class="language-js">const median = arr =&gt; {
+  const mid = Math.floor(arr.length / 2), nums = arr.sort((a, b) =&gt; a - b);
+  return arr.length % 2 !== 0 ? nums[mid] : (nums[mid - 1] + nums[mid]) / 2;
+};
+// median([5,6,50,1,-5]) -&gt; 5
+// median([0,10,-2,7]) -&gt; 3.5
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="palindrome">palindrome</h3></div><div class="section double-padded">
+<p>Returns <code>true</code> if the given string is a palindrome, <code>false</code> otherwise.</p>
+<p>Convert string <code>toLowerCase()</code> and use <code>replace()</code> to remove non-alphanumeric characters from it.
+Then, <code>split('')</code> into individual characters, <code>reverse()</code>, <code>join('')</code> and compare to the original, unreversed string, after converting it <code>tolowerCase()</code>.</p>
+<pre><code class="language-js">const palindrome = str =&gt; {
+  const s = str.toLowerCase().replace(/[\W_]/g,'');
+  return s === s.split('').reverse().join('');
+}
+// palindrome('taco cat') -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="percentile">percentile</h3></div><div class="section double-padded">
+<p>Uses the percentile formula to calculate how many numbers in the given array are less or equal to the given value.</p>
+<p>Use <code>Array.reduce()</code> to calculate how many numbers are below the value and how many are the same value and apply the percentile formula.</p>
+<pre><code class="language-js">const percentile = (arr, val) =&gt;
+  100 * arr.reduce((acc,v) =&gt; acc + (v &lt; val ? 1 : 0) + (v === val ? 0.5 : 0), 0) / arr.length;
+// percentile([1,2,3,4,5,6,7,8,9,10], 6) -&gt; 55
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="powerset">powerset</h3></div><div class="section double-padded">
+<p>Returns the powerset of a given array of numbers.</p>
+<p>Use <code>Array.reduce()</code> combined with <code>Array.map()</code> to iterate over elements and combine into an array containing all combinations.</p>
+<pre><code class="language-js">const powerset = arr =&gt;
+  arr.reduce((a, v) =&gt; a.concat(a.map(r =&gt; [v].concat(r))), [[]]);
+// powerset([1,2]) -&gt; [[], [1], [2], [2,1]]
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="randomintegerinrange">randomIntegerInRange</h3></div><div class="section double-padded">
+<p>Returns a random integer in the specified range.</p>
+<p>Use <code>Math.random()</code> to generate a random number and map it to the desired range, using <code>Math.floor()</code> to make it an integer.</p>
+<pre><code class="language-js">const randomIntegerInRange = (min, max) =&gt; Math.floor(Math.random() * (max - min + 1)) + min;
+// randomIntegerInRange(0, 5) -&gt; 2
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="randomnumberinrange">randomNumberInRange</h3></div><div class="section double-padded">
+<p>Returns a random number in the specified range.</p>
+<p>Use <code>Math.random()</code> to generate a random value, map it to the desired range using multiplication.</p>
+<pre><code class="language-js">const randomNumberInRange = (min, max) =&gt; Math.random() * (max - min) + min;
+// randomInRange(2,10) -&gt; 6.0211363285087005
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="round">round</h3></div><div class="section double-padded">
+<p>Rounds a number to a specified amount of digits.</p>
+<p>Use <code>Math.round()</code> and template literals to round the number to the specified number of digits.
+Omit the second argument, <code>decimals</code> to round to an integer.</p>
+<pre><code class="language-js">const round = (n, decimals=0) =&gt; Number(`${Math.round(`${n}e${decimals}`)}e-${decimals}`);
+// round(1.005, 2) -&gt; 1.01
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="standarddeviation">standardDeviation</h3></div><div class="section double-padded">
+<p>Returns the standard deviation of an array of numbers.</p>
+<p>Use <code>Array.reduce()</code> to calculate the mean, variance and the sum of the variance of the values, the variance of the values, then
+determine the standard deviation.
+You can omit the second argument to get the sample standard deviation or set it to <code>true</code> to get the population standard deviation.</p>
+<pre><code class="language-js">const standardDeviation = (arr, usePopulation = false) =&gt; {
+  const mean = arr.reduce((acc, val) =&gt; acc + val, 0) / arr.length;
+  return Math.sqrt(
+    arr.reduce((acc, val) =&gt; acc.concat(Math.pow(val - mean, 2)), [])
+       .reduce((acc, val) =&gt; acc + val, 0) / (arr.length - (usePopulation ? 0 : 1))
+  );
+};
+// standardDeviation([10,2,38,23,38,23,21]) -&gt; 13.284434142114991 (sample)
+// standardDeviation([10,2,38,23,38,23,21], true) -&gt; 12.29899614287479 (population)
+</code></pre>
+</div></div><br/><h2 style="text-align:center;">Media</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="speechsynthesis">speechSynthesis</h3></div><div class="section double-padded">
+<p>Performs speech synthesis (experimental).</p>
+<p>Use <code>SpeechSynthesisUtterance.voice</code> and <code>window.speechSynthesis.getVoices()</code> to convert a message to speech.
+Use <code>window.speechSynthesis.speak()</code> to play the message.</p>
+<p>Learn more about the <a href="https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance">SpeechSynthesisUtterance interface of the Web Speech API</a>.</p>
+<pre><code class="language-js">const speechSynthesis = message =&gt; {
+  const msg = new SpeechSynthesisUtterance(message);
+  msg.voice = window.speechSynthesis.getVoices()[0];
+  window.speechSynthesis.speak(msg);
+};
+// speak('Hello, World') -&gt; plays the message
+</code></pre>
+</div></div><br/><h2 style="text-align:center;">Node</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="jsontofile">JSONToFile</h3></div><div class="section double-padded">
+<p>Writes a JSON object to a file.</p>
+<p>Use <code>fs.writeFile()</code>, template literals and <code>JSON.stringify()</code> to write a <code>json</code> object to a <code>.json</code> file.</p>
+<pre><code class="language-js">const fs = require('fs');
+const JSONToFile = (obj, filename) =&gt; fs.writeFile(`${filename}.json`, JSON.stringify(obj, null, 2))
+// jsonToFile({test: &quot;is passed&quot;}, 'testJsonFile') -&gt; writes the object to 'testJsonFile.json'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="readfilelines">readFileLines</h3></div><div class="section double-padded">
+<p>Returns an array of lines from the specified file.</p>
+<p>Use <code>readFileSync</code> function in <code>fs</code> node package to create a <code>Buffer</code> from a file.
+convert buffer to string using <code>toString(encoding)</code> function.
+creating an array from contents of file by <code>split</code>ing file content line by line(each <code>\n</code>).</p>
+<pre><code class="language-js">const fs = require('fs');
+const readFileLines = filename =&gt; fs.readFileSync(filename).toString('UTF8').split('\n');
+/*
+contents of test.txt :
+  line1
+  line2
+  line3
+  ___________________________
+let arr = readFileToArray('test.txt')
+console.log(arr) // -&gt; ['line1', 'line2', 'line3']
+*/
+</code></pre>
+</div></div><br/><h2 style="text-align:center;">Object</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="cleanobj">cleanObj</h3></div><div class="section double-padded">
+<p>Removes any properties except the ones specified from a JSON object.</p>
+<p>Use <code>Object.keys()</code> method to loop over given json object and deleting keys that are not <code>include</code>d in given array.
+also if you give it a special key(<code>childIndicator</code>) it will search deeply inside it to apply function to inner objects too.</p>
+<pre><code class="language-js">const cleanObj = (obj, keysToKeep = [], childIndicator) =&gt; {
+  Object.keys(obj).forEach(key =&gt; {
+    if (key === childIndicator) {
+      cleanObj(obj[key], keysToKeep, childIndicator);
+    } else if (!keysToKeep.includes(key)) {
+      delete obj[key];
+    }
+  })
+}
+/*
+  testObj = {a: 1, b: 2, children: {a: 1, b: 2}}
+  cleanObj(testObj, [&quot;a&quot;],&quot;children&quot;)
+  console.log(testObj)// { a: 1, children : { a: 1}}
+*/
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="objectfrompairs">objectFromPairs</h3></div><div class="section double-padded">
+<p>Creates an object from the given key-value pairs.</p>
+<p>Use <code>Array.reduce()</code> to create and combine key-value pairs.</p>
+<pre><code class="language-js">const objectFromPairs = arr =&gt; arr.reduce((a, v) =&gt; (a[v[0]] = v[1], a), {});
+// objectFromPairs([['a',1],['b',2]]) -&gt; {a: 1, b: 2}
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="objecttopairs">objectToPairs</h3></div><div class="section double-padded">
+<p>Creates an array of key-value pair arrays from an object.</p>
+<p>Use <code>Object.keys()</code> and <code>Array.map()</code> to iterate over the object's keys and produce an array with key-value pairs.</p>
+<pre><code class="language-js">const objectToPairs = obj =&gt; Object.keys(obj).map(k =&gt; [k, obj[k]]);
+// objectToPairs({a: 1, b: 2}) -&gt; [['a',1],['b',2]])
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="shallowclone">shallowClone</h3></div><div class="section double-padded">
+<p>Creates a shallow clone of an object.</p>
+<p>Use <code>Object.assign()</code> and an empty object (<code>{}</code>) to create a shallow clone of the original.</p>
+<pre><code class="language-js">const shallowClone = obj =&gt; Object.assign({}, obj);
+/*
+const a = { x: true, y: 1 };
+const b = shallowClone(a);
+a === b -&gt; false
+*/
+</code></pre>
+</div></div><br/><h2 style="text-align:center;">String</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="anagrams">anagrams</h3></div><div class="section double-padded">
+<p>Generates all anagrams of a string (contains duplicates).</p>
+<p>Use recursion.
+For each letter in the given string, create all the partial anagrams for the rest of its letters.
+Use <code>Array.map()</code> to combine the letter with each partial anagram, then <code>Array.reduce()</code> to combine all anagrams in one array.
+Base cases are for string <code>length</code> equal to <code>2</code> or <code>1</code>.</p>
+<pre><code class="language-js">const anagrams = str =&gt; {
+  if (str.length &lt;= 2) return str.length === 2 ? [str, str[1] + str[0]] : [str];
+  return str.split('').reduce((acc, letter, i) =&gt;
+    acc.concat(anagrams(str.slice(0, i) + str.slice(i + 1)).map(val =&gt; letter + val)), []);
+};
+// anagrams('abc') -&gt; ['abc','acb','bac','bca','cab','cba']
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="capitalize">Capitalize</h3></div><div class="section double-padded">
+<p>Capitalizes the first letter of a string.</p>
+<p>Use destructuring and <code>toUpperCase()</code> to capitalize first letter, <code>...rest</code> to get array of characters after first letter and then <code>Array.join('')</code> to make it a string again.
+Omit the <code>lowerRest</code> parameter to keep the rest of the string intact, or set it to <code>true</code> to convert to lower case.</p>
+<pre><code class="language-js">const capitalize = ([first,...rest], lowerRest = false) =&gt;
+  first.toUpperCase() + (lowerRest ? rest.join('').toLowerCase() : rest.join(''));
+// capitalize('myName') -&gt; 'MyName'
+// capitalize('myName', true) -&gt; 'Myname'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="capitalizeeveryword">capitalizeEveryWord</h3></div><div class="section double-padded">
+<p>Capitalizes the first letter of every word in a string.</p>
+<p>Use <code>replace()</code> to match the first character of each word and <code>toUpperCase()</code> to capitalize it.</p>
+<pre><code class="language-js">const capitalizeEveryWord = str =&gt; str.replace(/\b[a-z]/g, char =&gt; char.toUpperCase());
+// capitalizeEveryWord('hello world!') -&gt; 'Hello World!'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="escaperegexp">escapeRegExp</h3></div><div class="section double-padded">
+<p>Escapes a string to use in a regular expression.</p>
+<p>Use <code>replace()</code> to escape special characters.</p>
+<pre><code class="language-js">const escapeRegExp = str =&gt; str.replace(/[.*+?^${}()|[\]\\]/g, '\\$&amp;');
+// escapeRegExp('(test)') -&gt; \\(test\\)
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="fromcamelcase">fromCamelCase</h3></div><div class="section double-padded">
+<p>Converts a string from camelcase.</p>
+<p>Use <code>replace()</code> to remove underscores, hyphens and spaces and convert words to camelcase.
+Omit the scond argument to use a default separator of <code>_</code>.</p>
+<pre><code class="language-js">const fromCamelCase = (str, separator = '_') =&gt;
+  str.replace(/([a-z\d])([A-Z])/g, '$1' + separator + '$2')
+    .replace(/([A-Z]+)([A-Z][a-z\d]+)/g, '$1' + separator + '$2').toLowerCase();
+// fromCamelCase('someDatabaseFieldName', ' ') -&gt; 'some database field name'
+// fromCamelCase('someLabelThatNeedsToBeCamelized', '-') -&gt; 'some-label-that-needs-to-be-camelized'
+// fromCamelCase('someJavascriptProperty', '_') -&gt; 'some_javascript_property'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="reversestring">reverseString</h3></div><div class="section double-padded">
+<p>Reverses a string.</p>
+<p>Use array destructuring and <code>Array.reverse()</code> to reverse the order of the characters in the string.
+Combine characters to get a string using <code>join('')</code>.</p>
+<pre><code class="language-js">const reverseString = str =&gt; [...str].reverse().join('');
+// reverseString('foobar') -&gt; 'raboof'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="sortcharactersinstring">sortCharactersInString</h3></div><div class="section double-padded">
+<p>Alphabetically sorts the characters in a string.</p>
+<p>Split the string using <code>split('')</code>, <code>Array.sort()</code> utilizing <code>localeCompare()</code>, recombine using <code>join('')</code>.</p>
+<pre><code class="language-js">const sortCharactersInString = str =&gt;
+  str.split('').sort((a, b) =&gt; a.localeCompare(b)).join('');
+// sortCharactersInString('cabbage') -&gt; 'aabbceg'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="tocamelcase">toCamelCase</h3></div><div class="section double-padded">
+<p>Converts a string to camelcase.</p>
+<p>Use <code>replace()</code> to remove underscores, hyphens and spaces and convert words to camelcase.</p>
+<pre><code class="language-js">const toCamelCase = str =&gt;
+  str.replace(/^([A-Z])|[\s-_]+(\w)/g, (match, p1, p2, offset) =&gt;  p2 ? p2.toUpperCase() : p1.toLowerCase());
+// toCamelCase(&quot;some_database_field_name&quot;) -&gt; 'someDatabaseFieldName'
+// toCamelCase(&quot;Some label that needs to be camelized&quot;) -&gt; 'someLabelThatNeedsToBeCamelized'
+// toCamelCase(&quot;some-javascript-property&quot;) -&gt; 'someJavascriptProperty'
+// toCamelCase(&quot;some-mixed_string with spaces_underscores-and-hyphens&quot;) -&gt; 'someMixedStringWithSpacesUnderscoresAndHyphens'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="truncatestring">truncateString</h3></div><div class="section double-padded">
+<p>Truncates a string up to a specified length.</p>
+<p>Determine if the string's <code>length</code> is greater than <code>num</code>.
+Return the string truncated to the desired length, with <code>...</code> appended to the end or the original string.</p>
+<pre><code class="language-js">const truncateString = (str, num) =&gt;
+  str.length &gt; num ? str.slice(0, num &gt; 3 ? num - 3 : num) + '...' : str;
+// truncate('boomerang', 7) -&gt; 'boom...'
+</code></pre>
+</div></div><br/><h2 style="text-align:center;">Utility</h2>
+<div class="card fluid"><div class="section double-padded"><h3 id="extendhex">extendHex</h3></div><div class="section double-padded">
+<p>Extends a 3-digit color code to a 6-digit color code.</p>
+<p>Use <code>Array.map()</code>, <code>split()</code> and <code>Array.join()</code> to join the mapped array for converting a 3-digit RGB notated hexadecimal color-code to the 6-digit form.
+<code>Array.slice()</code> is used to remove <code>#</code> from string start since it's added once.</p>
+<pre><code class="language-js">const extendHex = shortHex =&gt;
+  '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split().map(x =&gt; x+x).join()
+// convertHex('#03f') -&gt; '#0033ff'
+// convertHex('05a') -&gt; '#0055aa'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="gettype">getType</h3></div><div class="section double-padded">
+<p>Returns the native type of a value.</p>
+<p>Returns lower-cased constructor name of value, &quot;undefined&quot; or &quot;null&quot; if value is undefined or null</p>
+<pre><code class="language-js">const getType = v =&gt;
+  v === undefined ? 'undefined' : v === null ? 'null' : v.constructor.name.toLowerCase();
+// getType(new Set([1,2,3])) -&gt; &quot;set&quot;
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="hextorgb">hexToRGB</h3></div><div class="section double-padded">
+<p>Converts a colorcode to a <code>rgb()</code> string.</p>
+<p>Use bitwise right-shift operator and mask bits with <code>&amp;</code> (and) operator to convert a hexadecimal color code (prefixed with <code>#</code>) to a string with the RGB values.</p>
+<pre><code class="language-js">const hexToRGB = hex =&gt; {
+  const h = parseInt(hex.slice(1), 16);
+  return `rgb(${h &gt;&gt; 16}, ${(h &amp; 0x00ff00) &gt;&gt; 8}, ${h &amp; 0x0000ff})`;
+}
+// hexToRgb('#27ae60') -&gt; 'rgb(39, 174, 96)'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="isarray">isArray</h3></div><div class="section double-padded">
+<p>Checks if the given argument is an array.</p>
+<p>Use <code>Array.isArray()</code> to check if a value is classified as an array.</p>
+<pre><code class="language-js">const isArray = val =&gt; !!val &amp;&amp; Array.isArray(val);
+// isArray(null) -&gt; false
+// isArray([1]) -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="isboolean">isBoolean</h3></div><div class="section double-padded">
+<p>Checks if the given argument is a native boolean element.</p>
+<p>Use <code>typeof</code> to check if a value is classified as a boolean primitive.</p>
+<pre><code class="language-js">const isBoolean = val =&gt; typeof val === 'boolean';
+// isBoolean(null) -&gt; false
+// isBoolean(false) -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="isfunction">isFunction</h3></div><div class="section double-padded">
+<p>Checks if the given argument is a function.</p>
+<p>Use <code>typeof</code> to check if a value is classified as a function primitive.</p>
+<pre><code class="language-js">const isFunction = val =&gt; val &amp;&amp; typeof val === 'function';
+// isFunction('x') -&gt; false
+// isFunction(x =&gt; x) -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="isnumber">isNumber</h3></div><div class="section double-padded">
+<p>Checks if the given argument is a number.</p>
+<p>Use <code>typeof</code> to check if a value is classified as a number primitive.</p>
+<pre><code class="language-js">const isNumber = val =&gt; typeof val === 'number';
+// isNumber('1') -&gt; false
+// isNumber(1) -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="isstring">isString</h3></div><div class="section double-padded">
+<p>Checks if the given argument is a string.</p>
+<p>Use <code>typeof</code> to check if a value is classified as a string primitive.</p>
+<pre><code class="language-js">const isString = val =&gt; typeof val === 'string';
+// isString(10) -&gt; false
+// isString('10') -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="issymbol">isSymbol</h3></div><div class="section double-padded">
+<p>Checks if the given argument is a symbol.</p>
+<p>Use <code>typeof</code> to check if a value is classified as a symbol primitive.</p>
+<pre><code class="language-js">const isSymbol = val =&gt; typeof val === 'symbol';
+// isSymbol('x') -&gt; false
+// isSymbol(Symbol('x')) -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="rgbtohex">RGBToHex</h3></div><div class="section double-padded">
+<p>Converts the values of RGB components to a colorcode.</p>
+<p>Convert given RGB parameters to hexadecimal string using bitwise left-shift operator (<code>&lt;&lt;</code>) and <code>toString(16)</code>, then <code>padStart(6,'0')</code> to get a 6-digit hexadecimal value.</p>
+<pre><code class="language-js">const RGBToHex = (r, g, b) =&gt; ((r &lt;&lt; 16) + (g &lt;&lt; 8) + b).toString(16).padStart(6, '0');
+// rgbToHex(255, 165, 1) -&gt; 'ffa501'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="timetaken">timeTaken</h3></div><div class="section double-padded">
+<p>Measures the time taken by a function to execute.</p>
+<p>Use <code>console.time()</code> and <code>console.timeEnd()</code> to measure the difference between the start and end times to determine how long the callback took to execute.</p>
+<pre><code class="language-js">const timeTaken = callback =&gt; {
+  console.time('timeTaken');  const r = callback();
+  console.timeEnd('timeTaken');  return r;
+};
+// timeTaken(() =&gt; Math.pow(2, 10)) -&gt; 1024
+// (logged): timeTaken: 0.02099609375ms
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="toordinalsuffix">toOrdinalSuffix</h3></div><div class="section double-padded">
+<p>Adds an ordinal suffix to a number.</p>
+<p>Use the modulo operator (<code>%</code>) to find values of single and tens digits.
+Find which ordinal pattern digits match.
+If digit is found in teens pattern, use teens ordinal.</p>
+<pre><code class="language-js">const toOrdinalSuffix = num =&gt; {
+  const int = parseInt(num), digits = [(int % 10), (int % 100)],
+    ordinals = ['st', 'nd', 'rd', 'th'], oPattern = [1, 2, 3, 4],
+    tPattern = [11, 12, 13, 14, 15, 16, 17, 18, 19];
+  return oPattern.includes(digits[0]) &amp;&amp; !tPattern.includes(digits[1]) ? int + ordinals[digits[0] - 1] : int + ordinals[3];
+};
+// toOrdinalSuffix(&quot;123&quot;) -&gt; &quot;123rd&quot;
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="uuidgenerator">UUIDGenerator</h3></div><div class="section double-padded">
+<p>Generates a UUID.</p>
+<p>Use <code>crypto</code> API to generate a UUID, compliant with <a href="https://www.ietf.org/rfc/rfc4122.txt">RFC4122</a> version 4.</p>
+<pre><code class="language-js">const UUIDGenerator = () =&gt;
+  ([1e7] + -1e3 + -4e3 + -8e3 + -1e11).replace(/[018]/g, c =&gt;
+    (c ^ crypto.getRandomValues(new Uint8Array(1))[0] &amp; 15 &gt;&gt; c / 4).toString(16)
+  );
+// uuid() -&gt; '7982fcfe-5721-4632-bede-6000885be57d'
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="validateemail">validateEmail</h3></div><div class="section double-padded">
+<p>Returns <code>true</code> if the given string is a valid  email, <code>false</code> otherwise.</p>
+<p>Use a regular expression to check if the email is valid.
+Returns <code>true</code> if email is valid, <code>false</code> if not.</p>
+<pre><code class="language-js">const validateEmail = str =&gt;
+  /^(([^&lt;&gt;()\[\]\\.,;:\s@&quot;]+(\.[^&lt;&gt;()\[\]\\.,;:\s@&quot;]+)*)|(&quot;.+&quot;))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/.test(str);
+// validateEmail(mymail@gmail.com) -&gt; true
+</code></pre>
+</div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="validatenumber">validateNumber</h3></div><div class="section double-padded">
+<p>Returns <code>true</code> if the given value is a number, <code>false</code> otherwise.</p>
+<p>Use <code>!isNaN</code> in combination with <code>parseFloat()</code> to check if the argument is a number.
+Use <code>isFinite()</code> to check if the number is finite.
+Use <code>Number()</code> to check if the coercion holds.</p>
+<pre><code class="language-js">const validateNumber = n =&gt; !isNaN(parseFloat(n)) &amp;&amp; isFinite(n) &amp;&amp; Number(n) == n;
+// validateNumber('10') -&gt; true
+</code></pre>
+</div></div><br/>
+        <footer><p><strong>30 seconds of code</strong> is licensed under the <a href="https://github.com/Chalarangelo/30-seconds-of-code/blob/master/LICENSE">CC0-1.0</a> license.<br/>Icons made by <a href="https://www.flaticon.com/authors/smashicons">Smashicons</a> from <a href="https://www.flaticon.com/">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/">CC 3.0 BY</a>.</p></footer>
+      </main>
+    </div>    
+    <script src="prism.js"></script>
+  </body>
+</html>
+
diff --git a/docs/prism.css b/docs/prism.css
new file mode 100644
index 000000000..82bd16940
--- /dev/null
+++ b/docs/prism.css
@@ -0,0 +1,140 @@
+/* PrismJS 1.9.0
+http://prismjs.com/download.html?themes=prism&languages=clike+javascript */
+/**
+ * prism.js default theme for JavaScript, CSS and HTML
+ * Based on dabblet (http://dabblet.com)
+ * @author Lea Verou
+ */
+
+code[class*="language-"],
+pre[class*="language-"] {
+	color: black;
+	background: none;
+	text-shadow: 0 1px white;
+	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+	text-align: left;
+	white-space: pre;
+	word-spacing: normal;
+	word-break: normal;
+	word-wrap: normal;
+	line-height: 1.5;
+
+	-moz-tab-size: 4;
+	-o-tab-size: 4;
+	tab-size: 4;
+
+	-webkit-hyphens: none;
+	-moz-hyphens: none;
+	-ms-hyphens: none;
+	hyphens: none;
+}
+
+pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
+code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
+code[class*="language-"]::selection, code[class*="language-"] ::selection {
+	text-shadow: none;
+	background: #b3d4fc;
+}
+
+@media print {
+	code[class*="language-"],
+	pre[class*="language-"] {
+		text-shadow: none;
+	}
+}
+
+/* Code blocks */
+pre[class*="language-"] {
+	padding: 1em;
+	margin: .5em 0;
+	overflow: auto;
+}
+
+:not(pre) > code[class*="language-"],
+pre[class*="language-"] {
+	background: #f5f2f0;
+}
+
+/* Inline code */
+:not(pre) > code[class*="language-"] {
+	padding: .1em;
+	border-radius: .3em;
+	white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+	color: slategray;
+}
+
+.token.punctuation {
+	color: #999;
+}
+
+.namespace {
+	opacity: .7;
+}
+
+.token.property,
+.token.tag,
+.token.boolean,
+.token.number,
+.token.constant,
+.token.symbol,
+.token.deleted {
+	color: #905;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+	color: #690;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string {
+	color: #a67f59;
+	background: hsla(0, 0%, 100%, .5);
+}
+
+.token.atrule,
+.token.attr-value,
+.token.keyword {
+	color: #07a;
+}
+
+.token.function {
+	color: #DD4A68;
+}
+
+.token.regex,
+.token.important,
+.token.variable {
+	color: #e90;
+}
+
+.token.important,
+.token.bold {
+	font-weight: bold;
+}
+.token.italic {
+	font-style: italic;
+}
+
+.token.entity {
+	cursor: help;
+}
+
diff --git a/docs/prism.js b/docs/prism.js
new file mode 100644
index 000000000..7a6f93675
--- /dev/null
+++ b/docs/prism.js
@@ -0,0 +1,5 @@
+/* PrismJS 1.9.0
+http://prismjs.com/download.html?themes=prism&languages=clike+javascript */
+var _self="undefined"!=typeof window?window:"undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?self:{},Prism=function(){var e=/\blang(?:uage)?-(\w+)\b/i,t=0,n=_self.Prism={manual:_self.Prism&&_self.Prism.manual,disableWorkerMessageHandler:_self.Prism&&_self.Prism.disableWorkerMessageHandler,util:{encode:function(e){return e instanceof r?new r(e.type,n.util.encode(e.content),e.alias):"Array"===n.util.type(e)?e.map(n.util.encode):e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/\u00a0/g," ")},type:function(e){return Object.prototype.toString.call(e).match(/\[object (\w+)\]/)[1]},objId:function(e){return e.__id||Object.defineProperty(e,"__id",{value:++t}),e.__id},clone:function(e){var t=n.util.type(e);switch(t){case"Object":var r={};for(var a in e)e.hasOwnProperty(a)&&(r[a]=n.util.clone(e[a]));return r;case"Array":return e.map(function(e){return n.util.clone(e)})}return e}},languages:{extend:function(e,t){var r=n.util.clone(n.languages[e]);for(var a in t)r[a]=t[a];return r},insertBefore:function(e,t,r,a){a=a||n.languages;var l=a[e];if(2==arguments.length){r=arguments[1];for(var i in r)r.hasOwnProperty(i)&&(l[i]=r[i]);return l}var o={};for(var s in l)if(l.hasOwnProperty(s)){if(s==t)for(var i in r)r.hasOwnProperty(i)&&(o[i]=r[i]);o[s]=l[s]}return n.languages.DFS(n.languages,function(t,n){n===a[e]&&t!=e&&(this[t]=o)}),a[e]=o},DFS:function(e,t,r,a){a=a||{};for(var l in e)e.hasOwnProperty(l)&&(t.call(e,l,e[l],r||l),"Object"!==n.util.type(e[l])||a[n.util.objId(e[l])]?"Array"!==n.util.type(e[l])||a[n.util.objId(e[l])]||(a[n.util.objId(e[l])]=!0,n.languages.DFS(e[l],t,l,a)):(a[n.util.objId(e[l])]=!0,n.languages.DFS(e[l],t,null,a)))}},plugins:{},highlightAll:function(e,t){n.highlightAllUnder(document,e,t)},highlightAllUnder:function(e,t,r){var a={callback:r,selector:'code[class*="language-"], [class*="language-"] code, code[class*="lang-"], [class*="lang-"] code'};n.hooks.run("before-highlightall",a);for(var l,i=a.elements||e.querySelectorAll(a.selector),o=0;l=i[o++];)n.highlightElement(l,t===!0,a.callback)},highlightElement:function(t,r,a){for(var l,i,o=t;o&&!e.test(o.className);)o=o.parentNode;o&&(l=(o.className.match(e)||[,""])[1].toLowerCase(),i=n.languages[l]),t.className=t.className.replace(e,"").replace(/\s+/g," ")+" language-"+l,t.parentNode&&(o=t.parentNode,/pre/i.test(o.nodeName)&&(o.className=o.className.replace(e,"").replace(/\s+/g," ")+" language-"+l));var s=t.textContent,g={element:t,language:l,grammar:i,code:s};if(n.hooks.run("before-sanity-check",g),!g.code||!g.grammar)return g.code&&(n.hooks.run("before-highlight",g),g.element.textContent=g.code,n.hooks.run("after-highlight",g)),n.hooks.run("complete",g),void 0;if(n.hooks.run("before-highlight",g),r&&_self.Worker){var u=new Worker(n.filename);u.onmessage=function(e){g.highlightedCode=e.data,n.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,a&&a.call(g.element),n.hooks.run("after-highlight",g),n.hooks.run("complete",g)},u.postMessage(JSON.stringify({language:g.language,code:g.code,immediateClose:!0}))}else g.highlightedCode=n.highlight(g.code,g.grammar,g.language),n.hooks.run("before-insert",g),g.element.innerHTML=g.highlightedCode,a&&a.call(t),n.hooks.run("after-highlight",g),n.hooks.run("complete",g)},highlight:function(e,t,a){var l=n.tokenize(e,t);return r.stringify(n.util.encode(l),a)},matchGrammar:function(e,t,r,a,l,i,o){var s=n.Token;for(var g in r)if(r.hasOwnProperty(g)&&r[g]){if(g==o)return;var u=r[g];u="Array"===n.util.type(u)?u:[u];for(var c=0;c<u.length;++c){var h=u[c],f=h.inside,d=!!h.lookbehind,m=!!h.greedy,p=0,y=h.alias;if(m&&!h.pattern.global){var v=h.pattern.toString().match(/[imuy]*$/)[0];h.pattern=RegExp(h.pattern.source,v+"g")}h=h.pattern||h;for(var b=a,k=l;b<t.length;k+=t[b].length,++b){var w=t[b];if(t.length>e.length)return;if(!(w instanceof s)){h.lastIndex=0;var _=h.exec(w),P=1;if(!_&&m&&b!=t.length-1){if(h.lastIndex=k,_=h.exec(e),!_)break;for(var A=_.index+(d?_[1].length:0),j=_.index+_[0].length,x=b,O=k,N=t.length;N>x&&(j>O||!t[x].type&&!t[x-1].greedy);++x)O+=t[x].length,A>=O&&(++b,k=O);if(t[b]instanceof s||t[x-1].greedy)continue;P=x-b,w=e.slice(k,O),_.index-=k}if(_){d&&(p=_[1].length);var A=_.index+p,_=_[0].slice(p),j=A+_.length,S=w.slice(0,A),C=w.slice(j),M=[b,P];S&&(++b,k+=S.length,M.push(S));var E=new s(g,f?n.tokenize(_,f):_,y,_,m);if(M.push(E),C&&M.push(C),Array.prototype.splice.apply(t,M),1!=P&&n.matchGrammar(e,t,r,b,k,!0,g),i)break}else if(i)break}}}}},tokenize:function(e,t){var r=[e],a=t.rest;if(a){for(var l in a)t[l]=a[l];delete t.rest}return n.matchGrammar(e,r,t,0,0,!1),r},hooks:{all:{},add:function(e,t){var r=n.hooks.all;r[e]=r[e]||[],r[e].push(t)},run:function(e,t){var r=n.hooks.all[e];if(r&&r.length)for(var a,l=0;a=r[l++];)a(t)}}},r=n.Token=function(e,t,n,r,a){this.type=e,this.content=t,this.alias=n,this.length=0|(r||"").length,this.greedy=!!a};if(r.stringify=function(e,t,a){if("string"==typeof e)return e;if("Array"===n.util.type(e))return e.map(function(n){return r.stringify(n,t,e)}).join("");var l={type:e.type,content:r.stringify(e.content,t,a),tag:"span",classes:["token",e.type],attributes:{},language:t,parent:a};if(e.alias){var i="Array"===n.util.type(e.alias)?e.alias:[e.alias];Array.prototype.push.apply(l.classes,i)}n.hooks.run("wrap",l);var o=Object.keys(l.attributes).map(function(e){return e+'="'+(l.attributes[e]||"").replace(/"/g,"&quot;")+'"'}).join(" ");return"<"+l.tag+' class="'+l.classes.join(" ")+'"'+(o?" "+o:"")+">"+l.content+"</"+l.tag+">"},!_self.document)return _self.addEventListener?(n.disableWorkerMessageHandler||_self.addEventListener("message",function(e){var t=JSON.parse(e.data),r=t.language,a=t.code,l=t.immediateClose;_self.postMessage(n.highlight(a,n.languages[r],r)),l&&_self.close()},!1),_self.Prism):_self.Prism;var a=document.currentScript||[].slice.call(document.getElementsByTagName("script")).pop();return a&&(n.filename=a.src,n.manual||a.hasAttribute("data-manual")||("loading"!==document.readyState?window.requestAnimationFrame?window.requestAnimationFrame(n.highlightAll):window.setTimeout(n.highlightAll,16):document.addEventListener("DOMContentLoaded",n.highlightAll))),_self.Prism}();"undefined"!=typeof module&&module.exports&&(module.exports=Prism),"undefined"!=typeof global&&(global.Prism=Prism);
+Prism.languages.clike={comment:[{pattern:/(^|[^\\])\/\*[\s\S]*?(?:\*\/|$)/,lookbehind:!0},{pattern:/(^|[^\\:])\/\/.*/,lookbehind:!0}],string:{pattern:/(["'])(?:\\(?:\r\n|[\s\S])|(?!\1)[^\\\r\n])*\1/,greedy:!0},"class-name":{pattern:/((?:\b(?:class|interface|extends|implements|trait|instanceof|new)\s+)|(?:catch\s+\())[\w.\\]+/i,lookbehind:!0,inside:{punctuation:/[.\\]/}},keyword:/\b(?:if|else|while|do|for|return|in|instanceof|function|new|try|throw|catch|finally|null|break|continue)\b/,"boolean":/\b(?:true|false)\b/,"function":/[a-z0-9_]+(?=\()/i,number:/\b-?(?:0x[\da-f]+|\d*\.?\d+(?:e[+-]?\d+)?)\b/i,operator:/--?|\+\+?|!=?=?|<=?|>=?|==?=?|&&?|\|\|?|\?|\*|\/|~|\^|%/,punctuation:/[{}[\];(),.:]/};
+Prism.languages.javascript=Prism.languages.extend("clike",{keyword:/\b(?:as|async|await|break|case|catch|class|const|continue|debugger|default|delete|do|else|enum|export|extends|finally|for|from|function|get|if|implements|import|in|instanceof|interface|let|new|null|of|package|private|protected|public|return|set|static|super|switch|this|throw|try|typeof|var|void|while|with|yield)\b/,number:/\b-?(?:0[xX][\dA-Fa-f]+|0[bB][01]+|0[oO][0-7]+|\d*\.?\d+(?:[Ee][+-]?\d+)?|NaN|Infinity)\b/,"function":/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*\()/i,operator:/-[-=]?|\+[+=]?|!=?=?|<<?=?|>>?>?=?|=(?:==?|>)?|&[&=]?|\|[|=]?|\*\*?=?|\/=?|~|\^=?|%=?|\?|\.{3}/}),Prism.languages.insertBefore("javascript","keyword",{regex:{pattern:/(^|[^\/])\/(?!\/)(\[[^\]\r\n]+]|\\.|[^\/\\\[\r\n])+\/[gimyu]{0,5}(?=\s*($|[\r\n,.;})]))/,lookbehind:!0,greedy:!0},"function-variable":{pattern:/[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*(?=\s*=\s*(?:function\b|(?:\([^()]*\)|[_$a-z\xA0-\uFFFF][$\w\xA0-\uFFFF]*)\s*=>))/i,alias:"function"}}),Prism.languages.insertBefore("javascript","string",{"template-string":{pattern:/`(?:\\[\s\S]|[^\\`])*`/,greedy:!0,inside:{interpolation:{pattern:/\$\{[^}]+\}/,inside:{"interpolation-punctuation":{pattern:/^\$\{|\}$/,alias:"punctuation"},rest:Prism.languages.javascript}},string:/[\s\S]+/}}}),Prism.languages.markup&&Prism.languages.insertBefore("markup","tag",{script:{pattern:/(<script[\s\S]*?>)[\s\S]*?(?=<\/script>)/i,lookbehind:!0,inside:Prism.languages.javascript,alias:"language-javascript",greedy:!0}}),Prism.languages.js=Prism.languages.javascript;
diff --git a/package-lock.json b/package-lock.json
index 4344c4b9b..6f628179a 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -65,6 +65,16 @@
       "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-1.4.0.tgz",
       "integrity": "sha1-06ioOzGapneTZisT52HHkRQiMG4="
     },
+    "ansi-regex": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-0.2.1.tgz",
+      "integrity": "sha1-DY6UaWej2BQ/k+JOKYUl/BsiNfk="
+    },
+    "ansi-styles": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-1.1.0.tgz",
+      "integrity": "sha1-6uy/Zs1waIJ2Cy9GkVgrj1XXp94="
+    },
     "anymatch": {
       "version": "1.3.2",
       "resolved": "https://registry.npmjs.org/anymatch/-/anymatch-1.3.2.tgz",
@@ -450,6 +460,7 @@
       "resolved": "https://registry.npmjs.org/concurrently/-/concurrently-3.5.1.tgz",
       "integrity": "sha512-689HrwGw8Rbk1xtV9C4dY6TPJAvIYZbRbnKSAtfJ7tHqICFGoZ0PCWYjxfmerRyxBG0o3sbG3pe7N8vqPwIHuQ==",
       "requires": {
+        "chalk": "0.5.1",
         "commander": "2.6.0",
         "date-fns": "1.29.0",
         "lodash": "4.17.4",
@@ -457,6 +468,27 @@
         "spawn-command": "0.0.2-1",
         "supports-color": "3.2.3",
         "tree-kill": "1.2.0"
+      },
+      "dependencies": {
+        "chalk": {
+          "version": "0.5.1",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-0.5.1.tgz",
+          "integrity": "sha1-Zjs6ZItotV0EaQ1JFnqoN4WPIXQ=",
+          "requires": {
+            "ansi-styles": "1.1.0",
+            "escape-string-regexp": "1.0.5",
+            "has-ansi": "0.1.0",
+            "strip-ansi": "0.3.0",
+            "supports-color": "0.2.0"
+          },
+          "dependencies": {
+            "supports-color": {
+              "version": "0.2.0",
+              "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-0.2.0.tgz",
+              "integrity": "sha1-2S3iaU6z9nMjlz1649i1W0wiGQo="
+            }
+          }
+        }
       }
     },
     "configstore": {
@@ -1353,6 +1385,14 @@
         "function-bind": "1.1.1"
       }
     },
+    "has-ansi": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-0.1.0.tgz",
+      "integrity": "sha1-hPJlqujA5qiKEtcCKJS3VoiUxi4=",
+      "requires": {
+        "ansi-regex": "0.2.1"
+      }
+    },
     "has-flag": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-1.0.0.tgz",
@@ -2854,6 +2894,14 @@
         "safe-buffer": "5.1.1"
       }
     },
+    "strip-ansi": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-0.3.0.tgz",
+      "integrity": "sha1-JfSOoiynkYfzF0pNuHWTR7sSYiA=",
+      "requires": {
+        "ansi-regex": "0.2.1"
+      }
+    },
     "strip-bom": {
       "version": "3.0.0",
       "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-3.0.0.tgz",
diff --git a/package.json b/package.json
index 4c6d5f82e..ae03a1343 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
     "builder": "node ./scripts/build-script.js",
     "linter": "node ./scripts/lint-script.js",
     "tagger": "node ./scripts/tag-script.js",
+    "webber": "node ./scripts/web-script.js",
     "start": "concurrently --kill-others \"nodemon -e js,md -i README.md -x \\\"npm run build-list\\\"\" \"live-server ./build\""
   },
   "repository": {
diff --git a/scripts/web-script.js b/scripts/web-script.js
new file mode 100644
index 000000000..edc221de3
--- /dev/null
+++ b/scripts/web-script.js
@@ -0,0 +1,81 @@
+/*
+  This is the builder script that generates the README file.
+  Run using `npm run builder`.
+*/
+// Load modules
+const fs = require('fs-extra'), path = require('path'), chalk = require('chalk'),
+  md = require('markdown-it')();
+// Set variables for paths
+const snippetsPath = './snippets',  staticPartsPath = './static-parts', docsPath = './docs';
+// Set variables for script
+let snippets = {}, startPart = '', endPart = '', output = '', tagDbData = {};
+// Load helper functions (these are from existing snippets in 30 seconds of code!)
+const objectFromPairs = arr => arr.reduce((a, v) => (a[v[0]] = v[1], a), {});
+const capitalize = (str, lowerRest = false) => str.slice(0, 1).toUpperCase() + (lowerRest ? str.slice(1).toLowerCase() : str.slice(1));
+// Start the timer of the script
+console.time('Builder');
+// Synchronously read all snippets and sort them as necessary (case-insensitive)
+try {
+  let snippetFilenames = fs.readdirSync(snippetsPath);
+  snippetFilenames.sort((a, b) => {
+    a = a.toLowerCase();
+    b = b.toLowerCase();
+    if (a < b) return -1;
+    if (a > b) return 1;
+    return 0;
+  });
+  // Store the data read from each snippet in the appropriate object
+  for(let snippet of snippetFilenames)  snippets[snippet] = fs.readFileSync(path.join(snippetsPath,snippet),'utf8');
+}
+catch (err){  // Handle errors (hopefully not!)
+  console.log(`${chalk.red('ERROR!')} During snippet loading: ${err}`);
+  process.exit(1);
+}
+// Load static parts for the index.html file
+try {
+  startPart = fs.readFileSync(path.join(staticPartsPath,'index-start.html'),'utf8');
+  endPart = fs.readFileSync(path.join(staticPartsPath,'index-end.html'),'utf8');
+}
+catch (err){ // Handle errors (hopefully not!)
+  console.log(`${chalk.red('ERROR!')} During static part loading: ${err}`);
+  process.exit(1);
+}
+// Load tag data from the database
+try {
+  tagDbData = objectFromPairs(fs.readFileSync('tag_database','utf8').split('\n').slice(0,-1).map(v => v.split(':').slice(0,2)));
+}
+catch (err){  // Handle errors (hopefully not!)
+  console.log(`${chalk.red('ERROR!')} During tag database loading: ${err}`);
+  process.exit(1);
+}
+// Create the output for the index.html file
+try {
+  // Add the start static part
+  output += `${startPart+'\n'}`;
+  // Loop over tags and snippets to create the table of contents
+  for(let tag of [...new Set(Object.entries(tagDbData).map(t => t[1]))].filter(v => v).sort((a,b) => a.localeCompare(b))){
+    output +=`<h3>`+md.render(`${capitalize(tag, true)}\n`).replace(/<p>/g,'').replace(/<\/p>/g,'')+`</h3>`;
+    for(let taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag))
+      output += md.render(`[${taggedSnippet[0]}](#${taggedSnippet[0].toLowerCase()})\n`).replace(/<p>/g,'').replace(/<\/p>/g,'').replace(/<a/g,'<a class="sublink-1"');
+    output += '\n';
+  }
+  output += `</nav><main class="col-sm-12 col-md-8 col-lg-9" style="height: 100%;overflow-y: auto; background: #eee;">`;
+  // Loop over tags and snippets to create the list of snippets
+  for(let tag of [...new Set(Object.entries(tagDbData).map(t => t[1]))].filter(v => v).sort((a,b) => a.localeCompare(b))){
+    output +=md.render(`## ${capitalize(tag, true)}\n`).replace(/<h2>/g,'<h2 style="text-align:center;">');
+    for(let taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag))
+      output += '<div class="card fluid"><div class="section double-padded">' + md.render(`\n${snippets[taggedSnippet[0]+'.md']}`).replace(/<h3/g,`<h3 id="${taggedSnippet[0].toLowerCase()}"`).replace(/<\/h3>/g,'</h3></div><div class="section double-padded">') + '</div></div><br/>';
+  }
+  // Add the ending static part
+  output += `\n${endPart+'\n'}`;
+  // Write to the index.html file
+  fs.writeFileSync(path.join(docsPath,'index.html'), output);
+}
+catch (err){  // Handle errors (hopefully not!)
+  console.log(`${chalk.red('ERROR!')} During index.html generation: ${err}`);
+  process.exit(1);
+}
+// Log a success message
+console.log(`${chalk.green('SUCCESS!')} index.html file generated!`);
+// Log the time taken
+console.timeEnd('Builder');
diff --git a/static-parts/index-end.html b/static-parts/index-end.html
new file mode 100644
index 000000000..1dd086328
--- /dev/null
+++ b/static-parts/index-end.html
@@ -0,0 +1,6 @@
+        <footer><p><strong>30 seconds of code</strong> is licensed under the <a href="https://github.com/Chalarangelo/30-seconds-of-code/blob/master/LICENSE">CC0-1.0</a> license.<br/>Icons made by <a href="https://www.flaticon.com/authors/smashicons">Smashicons</a> from <a href="https://www.flaticon.com/">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/">CC 3.0 BY</a>.</p></footer>
+      </main>
+    </div>    
+    <script src="prism.js"></script>
+  </body>
+</html>
diff --git a/static-parts/index-start.html b/static-parts/index-start.html
new file mode 100644
index 000000000..a961935b0
--- /dev/null
+++ b/static-parts/index-start.html
@@ -0,0 +1,33 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0-alpha.1/mini-default.css">
+    <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Poppins:400,400i,500,700,700i&amp;subset=latin-ext" rel="stylesheet">
+    <title>30 seconds of code</title>
+    <meta charset="utf-8">
+    <meta name="description" content="Curated collection of useful Javascript snippets that you can understand in 30 seconds or less.">
+    <meta name="keywords" content="javascript, snippets, code, programming">
+    <meta name="author" content="Angelos Chalaris (chalarangelo@gmail.com)">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta property="og:title" content="30 seconds of code">
+    <meta property="og:description" content="Curated collection of useful Javascript snippets that you can understand in 30 seconds or less." />
+    <meta property="og:type" content="website" /><meta property="og:image" content="favicon.png">
+    <link rel="icon" type="image/png" href="favicon.png">
+    <style>
+      html, * { font-family: 'Poppins', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, sans-serif; }
+      code, pre, kbd, code *, pre *, kbd * { font-family: 'Inconsolata', Menlo, Consolas, monospace; }
+      code, kbd { font-size: 1em; }
+      pre { font-size: 1rem; border: 0.0625rem solid var(--secondary-border-color); border-radius: var(--universal-border-radius);}
+    </style>
+    <link rel="stylesheet" href="prism.css">
+  </head>
+  <body>
+    <header>
+      <h1 class="logo" style="margin-top: -1rem; text-align:center;"><img src="favicon.png" style="height: 4rem;"/><span style="position:relative; top: -1rem;">&nbsp;30 seconds of code</span></h1>
+      <label for="doc-drawer-checkbox" class="button drawer-toggle" style="position: absolute; right: 0; top: 0;"></label>
+    </header>
+    <div class="row" style="height: calc(100vh - 3.5625rem);overflow: hidden;">
+      <input id="doc-drawer-checkbox" class="drawer" value="on" type="checkbox">
+        <nav class="col-md-4 col-lg-3" style="border-top: 0">
+          <label for="doc-drawer-checkbox" class="button drawer-close"></label>
+          <!-- <div><input style="width: 100%; margin: 0px;" placeholder="Search..." id="search-bar" oninput="search()" type="search"></div> -->

From 14245de73512d3c746b7bca809206bd6ffdba055 Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Sun, 17 Dec 2017 19:40:44 +0200
Subject: [PATCH 06/10] Updated framework to use min version

---
 docs/index.html               | 2 +-
 static-parts/index-start.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index 5f633c76b..6c7e49ba5 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0-alpha.1/mini-default.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0-alpha.1/mini-default.min.css">
     <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Poppins:400,400i,500,700,700i&amp;subset=latin-ext" rel="stylesheet">
     <title>30 seconds of code</title>
     <meta charset="utf-8">
diff --git a/static-parts/index-start.html b/static-parts/index-start.html
index a961935b0..3b5b1c525 100644
--- a/static-parts/index-start.html
+++ b/static-parts/index-start.html
@@ -1,7 +1,7 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0-alpha.1/mini-default.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/mini.css/3.0.0-alpha.1/mini-default.min.css">
     <link href="https://fonts.googleapis.com/css?family=Inconsolata:400,700|Poppins:400,400i,500,700,700i&amp;subset=latin-ext" rel="stylesheet">
     <title>30 seconds of code</title>
     <meta charset="utf-8">

From 7b93f5a34817457681cf4663967279cb0fc6c77f Mon Sep 17 00:00:00 2001
From: Angelos Chalaris <chalarangelo@gmail.com>
Date: Sun, 17 Dec 2017 19:58:18 +0200
Subject: [PATCH 07/10] Typo and regeneration

---
 README.md            | 16 ++++++++++------
 docs/index.html      | 18 +++++++++++-------
 snippets/arrayMin.md |  2 +-
 3 files changed, 22 insertions(+), 14 deletions(-)

diff --git a/README.md b/README.md
index 176a24c0b..4cd0838cd 100644
--- a/README.md
+++ b/README.md
@@ -1518,7 +1518,7 @@ Use `Array.map()`, `split()` and `Array.join()` to join the mapped array for con
 `Array.slice()` is used to remove `#` from string start since it's added once.
 ```js
 const extendHex = shortHex =>
-  '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split().map(x => x+x).join()
+  '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split('').map(x => x+x).join('')
 // convertHex('#03f') -> '#0033ff'
 // convertHex('05a') -> '#0055aa'
 ```
@@ -1543,14 +1543,18 @@ const getType = v =>
 
 Converts a colorcode to a `rgb()` string.
 
-Use bitwise right-shift operator and mask bits with `&` (and) operator to convert a hexadecimal color code (prefixed with `#`) to a string with the RGB values.
+Use bitwise right-shift operator and mask bits with `&` (and) operator to convert a hexadecimal color code (prefixed with `#`) to a string with the RGB values. In case it's a 3-digit-colorcode, do the same with the 6-digit-colorcode extended by the extendHex() function (ref. `extendHex` snippet)
 
 ```js
-const hexToRGB = hex => {
-  const h = parseInt(hex.slice(1), 16);
-  return `rgb(${h >> 16}, ${(h & 0x00ff00) >> 8}, ${h & 0x0000ff})`;
-}
+const hexToRgb = hex => {
+  const extendHex = shortHex => 
+    '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split('').map(x => x+x).join('');
+  return hex.slice(1).length==3 ? 
+  `rgb(${parseInt(extendHex(hex).slice(1), 16) >> 16}, ${(parseInt(extendHex(hex).slice(1), 16) & 0x00ff00) >> 8}, ${parseInt(extendHex(hex).slice(1), 16) & 0x0000ff})`:
+  `rgb(${parseInt(hex.slice(1), 16) >> 16}, ${(parseInt(hex.slice(1), 16) & 0x00ff00) >> 8}, ${parseInt(hex.slice(1), 16) & 0x0000ff})`;
+}   
 // hexToRgb('#27ae60') -> 'rgb(39, 174, 96)'
+// hexToRgb('#acd') -> 'rgb(170, 204, 221)'
 ```
 
 [⬆ back to top](#table-of-contents)
diff --git a/docs/index.html b/docs/index.html
index 6c7e49ba5..c8bf8ab88 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -163,7 +163,7 @@
 // arrayMax([10, 1, 5]) -&gt; 10
 </code></pre>
 </div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="arraymin">arrayMin</h3></div><div class="section double-padded">
-<p>Returns the maximum value in an array.</p>
+<p>Returns the minimum value in an array.</p>
 <p>Use <code>Math.min()</code> combined with the spread operator (<code>...</code>) to get the minimum value in the array.</p>
 <pre><code class="language-js">const arrayMin = arr =&gt; Math.min(...arr);
 // arrayMin([10, 1, 5]) -&gt; 1
@@ -919,7 +919,7 @@ Return the string truncated to the desired length, with <code>...</code> appende
 <p>Use <code>Array.map()</code>, <code>split()</code> and <code>Array.join()</code> to join the mapped array for converting a 3-digit RGB notated hexadecimal color-code to the 6-digit form.
 <code>Array.slice()</code> is used to remove <code>#</code> from string start since it's added once.</p>
 <pre><code class="language-js">const extendHex = shortHex =&gt;
-  '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split().map(x =&gt; x+x).join()
+  '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split('').map(x =&gt; x+x).join('')
 // convertHex('#03f') -&gt; '#0033ff'
 // convertHex('05a') -&gt; '#0055aa'
 </code></pre>
@@ -932,12 +932,16 @@ Return the string truncated to the desired length, with <code>...</code> appende
 </code></pre>
 </div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="hextorgb">hexToRGB</h3></div><div class="section double-padded">
 <p>Converts a colorcode to a <code>rgb()</code> string.</p>
-<p>Use bitwise right-shift operator and mask bits with <code>&amp;</code> (and) operator to convert a hexadecimal color code (prefixed with <code>#</code>) to a string with the RGB values.</p>
-<pre><code class="language-js">const hexToRGB = hex =&gt; {
-  const h = parseInt(hex.slice(1), 16);
-  return `rgb(${h &gt;&gt; 16}, ${(h &amp; 0x00ff00) &gt;&gt; 8}, ${h &amp; 0x0000ff})`;
-}
+<p>Use bitwise right-shift operator and mask bits with <code>&amp;</code> (and) operator to convert a hexadecimal color code (prefixed with <code>#</code>) to a string with the RGB values. In case it's a 3-digit-colorcode, do the same with the 6-digit-colorcode extended by the extendHex() function (ref. <code>extendHex</code> snippet)</p>
+<pre><code class="language-js">const hexToRgb = hex =&gt; {
+  const extendHex = shortHex =&gt; 
+    '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split('').map(x =&gt; x+x).join('');
+  return hex.slice(1).length==3 ? 
+  `rgb(${parseInt(extendHex(hex).slice(1), 16) &gt;&gt; 16}, ${(parseInt(extendHex(hex).slice(1), 16) &amp; 0x00ff00) &gt;&gt; 8}, ${parseInt(extendHex(hex).slice(1), 16) &amp; 0x0000ff})`:
+  `rgb(${parseInt(hex.slice(1), 16) &gt;&gt; 16}, ${(parseInt(hex.slice(1), 16) &amp; 0x00ff00) &gt;&gt; 8}, ${parseInt(hex.slice(1), 16) &amp; 0x0000ff})`;
+}   
 // hexToRgb('#27ae60') -&gt; 'rgb(39, 174, 96)'
+// hexToRgb('#acd') -&gt; 'rgb(170, 204, 221)'
 </code></pre>
 </div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="isarray">isArray</h3></div><div class="section double-padded">
 <p>Checks if the given argument is an array.</p>
diff --git a/snippets/arrayMin.md b/snippets/arrayMin.md
index d2a1f3009..5bdd95559 100644
--- a/snippets/arrayMin.md
+++ b/snippets/arrayMin.md
@@ -1,6 +1,6 @@
 ### arrayMin
 
-Returns the maximum value in an array.
+Returns the minimum value in an array.
 
 Use `Math.min()` combined with the spread operator (`...`) to get the minimum value in the array.
 

From 1eae70c99e5a1414dfe194b1323d59771557a062 Mon Sep 17 00:00:00 2001
From: David Wu <david10608@gmail.com>
Date: Sun, 17 Dec 2017 19:21:38 +0100
Subject: [PATCH 08/10] Add logo hyperlink to repo

---
 docs/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/docs/index.html b/docs/index.html
index c8bf8ab88..b901fc395 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -23,7 +23,7 @@
   </head>
   <body>
     <header>
-      <h1 class="logo" style="margin-top: -1rem; text-align:center;"><img src="favicon.png" style="height: 4rem;"/><span style="position:relative; top: -1rem;">&nbsp;30 seconds of code</span></h1>
+      <h1 class="logo" style="margin-top: -1rem; text-align:center;"><a style="text-decoration:none;color:black" href="https://github.com/Chalarangelo/30-seconds-of-code"><img src="favicon.png" style="height: 4rem;"/><span style="position:relative; top: -1rem;">&nbsp;30 seconds of code</span></a></h1>
       <label for="doc-drawer-checkbox" class="button drawer-toggle" style="position: absolute; right: 0; top: 0;"></label>
     </header>
     <div class="row" style="height: calc(100vh - 3.5625rem);overflow: hidden;">

From e3e7ca3eaaf9e5d0ca3b585db0007dcedee16a61 Mon Sep 17 00:00:00 2001
From: David Wu <david10608@gmail.com>
Date: Sun, 17 Dec 2017 19:26:17 +0100
Subject: [PATCH 09/10] remove changes from non-static index

---
 docs/index.html | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/docs/index.html b/docs/index.html
index b901fc395..e11294cd0 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -23,7 +23,7 @@
   </head>
   <body>
     <header>
-      <h1 class="logo" style="margin-top: -1rem; text-align:center;"><a style="text-decoration:none;color:black" href="https://github.com/Chalarangelo/30-seconds-of-code"><img src="favicon.png" style="height: 4rem;"/><span style="position:relative; top: -1rem;">&nbsp;30 seconds of code</span></a></h1>
+      <h1 class="logo" style="margin-top: -1rem; text-align:center;"><img src="favicon.png" style="height: 4rem;"/><span style="position:relative; top: -1rem;">&nbsp;30 seconds of code</span></h1>
       <label for="doc-drawer-checkbox" class="button drawer-toggle" style="position: absolute; right: 0; top: 0;"></label>
     </header>
     <div class="row" style="height: calc(100vh - 3.5625rem);overflow: hidden;">
@@ -934,12 +934,12 @@ Return the string truncated to the desired length, with <code>...</code> appende
 <p>Converts a colorcode to a <code>rgb()</code> string.</p>
 <p>Use bitwise right-shift operator and mask bits with <code>&amp;</code> (and) operator to convert a hexadecimal color code (prefixed with <code>#</code>) to a string with the RGB values. In case it's a 3-digit-colorcode, do the same with the 6-digit-colorcode extended by the extendHex() function (ref. <code>extendHex</code> snippet)</p>
 <pre><code class="language-js">const hexToRgb = hex =&gt; {
-  const extendHex = shortHex =&gt; 
+  const extendHex = shortHex =&gt;
     '#' + shortHex.slice(shortHex.startsWith('#') ? 1 : 0).split('').map(x =&gt; x+x).join('');
-  return hex.slice(1).length==3 ? 
+  return hex.slice(1).length==3 ?
   `rgb(${parseInt(extendHex(hex).slice(1), 16) &gt;&gt; 16}, ${(parseInt(extendHex(hex).slice(1), 16) &amp; 0x00ff00) &gt;&gt; 8}, ${parseInt(extendHex(hex).slice(1), 16) &amp; 0x0000ff})`:
   `rgb(${parseInt(hex.slice(1), 16) &gt;&gt; 16}, ${(parseInt(hex.slice(1), 16) &amp; 0x00ff00) &gt;&gt; 8}, ${parseInt(hex.slice(1), 16) &amp; 0x0000ff})`;
-}   
+}
 // hexToRgb('#27ae60') -&gt; 'rgb(39, 174, 96)'
 // hexToRgb('#acd') -&gt; 'rgb(170, 204, 221)'
 </code></pre>
@@ -1042,8 +1042,7 @@ Use <code>Number()</code> to check if the coercion holds.</p>
 </div></div><br/>
         <footer><p><strong>30 seconds of code</strong> is licensed under the <a href="https://github.com/Chalarangelo/30-seconds-of-code/blob/master/LICENSE">CC0-1.0</a> license.<br/>Icons made by <a href="https://www.flaticon.com/authors/smashicons">Smashicons</a> from <a href="https://www.flaticon.com/">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/">CC 3.0 BY</a>.</p></footer>
       </main>
-    </div>    
+    </div>
     <script src="prism.js"></script>
   </body>
 </html>
-

From f715571a5c9db0bab49df720929c5a49fa2a7b20 Mon Sep 17 00:00:00 2001
From: David Wu <david10608@gmail.com>
Date: Sun, 17 Dec 2017 19:26:27 +0100
Subject: [PATCH 10/10] make logo a hyperlink to repository

---
 static-parts/index-start.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static-parts/index-start.html b/static-parts/index-start.html
index 3b5b1c525..0aeee1e31 100644
--- a/static-parts/index-start.html
+++ b/static-parts/index-start.html
@@ -23,7 +23,7 @@
   </head>
   <body>
     <header>
-      <h1 class="logo" style="margin-top: -1rem; text-align:center;"><img src="favicon.png" style="height: 4rem;"/><span style="position:relative; top: -1rem;">&nbsp;30 seconds of code</span></h1>
+      <h1 class="logo" style="margin-top: -1rem; text-align:center;"><a style="text-decoration:none;color:black" href="https://github.com/Chalarangelo/30-seconds-of-code"><img src="favicon.png" style="height: 4rem;"/><span style="position:relative; top: -1rem;">&nbsp;30 seconds of code</span></a></h1>
       <label for="doc-drawer-checkbox" class="button drawer-toggle" style="position: absolute; right: 0; top: 0;"></label>
     </header>
     <div class="row" style="height: calc(100vh - 3.5625rem);overflow: hidden;">