diff --git a/.travis/push.sh b/.travis/push.sh
index c0be60223..ac6939000 100755
--- a/.travis/push.sh
+++ b/.travis/push.sh
@@ -4,14 +4,23 @@ setup_git() {
 }
 
 commit_website_files() {
-  git checkout master
-  git add *
-  git commit --message "Travis build: $TRAVIS_BUILD_NUMBER"
+  if [ $TRAVIS_EVENT_TYPE != "pull_request" ]; then
+    if [ $TRAVIS_BRANCH == "master" ]; then
+      echo "Commiting to master branch..."
+      git checkout master
+      git add *
+      git commit --message "Travis build: $TRAVIS_BUILD_NUMBER [ci skip]"
+    fi
+  fi
 }
 
 upload_files() {
-  echo "https://${GH_TOKEN}@github.com/Chalarangelo/30-seconds-of-code.git"
-  git push --force "https://${GH_TOKEN}@github.com/Chalarangelo/30-seconds-of-code.git" master > /dev/null 2>&1
+  if [ $TRAVIS_EVENT_TYPE != "pull_request" ]; then
+    if [ $TRAVIS_BRANCH == "master" ]; then
+      echo "Pushing to master branch..."
+      git push --force --quiet "https://${GH_TOKEN}@github.com/Chalarangelo/30-seconds-of-code.git" master > /dev/null 2>&1
+    fi
+  fi
 }
 
 setup_git
diff --git a/README.md b/README.md
index 900a3b462..9cdeb42e2 100644
--- a/README.md
+++ b/README.md
@@ -9,11 +9,13 @@
 - Use <kbd>Ctrl</kbd> + <kbd>F</kbd> or <kbd>command</kbd> + <kbd>F</kbd> to search for a snippet.
 - Contributions welcome, please read the [contribution guide](CONTRIBUTING.md).
 - Snippets are written in ES6, use the [Babel transpiler](https://babeljs.io/) to ensure backwards-compatibility.
+- You can import these snippets into your text editor of choice (VSCode, Atom, Sublime) using the files found in [this repo](https://github.com/Rob-Rychs/30-seconds-of-code-texteditorsnippets).
 - You can import these snippets into Alfred 3, using [this file](https://github.com/lslvxy/30-seconds-of-code-alfredsnippets).
+- You can find a package with all the snippets on [npm](https://www.npmjs.com/package/tsoc). Bear in mind that most of these snippets are not production-ready.
 
 ## Table of Contents
 
-### Adapter
+### 🔌 Adapter
 
 <details>
 <summary>View contents</summary>
@@ -27,7 +29,7 @@
 
 </details>
 
-### Array
+### 📚 Array
 
 <details>
 <summary>View contents</summary>
@@ -75,13 +77,14 @@
 
 </details>
 
-### Browser
+### 🖥️ Browser
 
 <details>
 <summary>View contents</summary>
 
 * [`arrayToHtmlList`](#arraytohtmllist)
 * [`bottomVisible`](#bottomvisible)
+* [`copyToClipboard`](#copytoclipboard)
 * [`currentURL`](#currenturl)
 * [`detectDeviceType`](#detectdevicetype)
 * [`elementIsVisibleInViewport`](#elementisvisibleinviewport)
@@ -96,12 +99,13 @@
 * [`scrollToTop`](#scrolltotop)
 * [`setStyle`](#setstyle)
 * [`show`](#show)
+* [`speechSynthesis`](#speechsynthesis)
 * [`toggleClass`](#toggleclass)
 * [`UUIDGeneratorBrowser`](#uuidgeneratorbrowser)
 
 </details>
 
-### Date
+### ⏱️ Date
 
 <details>
 <summary>View contents</summary>
@@ -113,7 +117,7 @@
 
 </details>
 
-### Function
+### 🎛️ Function
 
 <details>
 <summary>View contents</summary>
@@ -127,7 +131,7 @@
 
 </details>
 
-### Logic
+### 🔮 Logic
 
 <details>
 <summary>View contents</summary>
@@ -136,7 +140,7 @@
 
 </details>
 
-### Math
+### ➗ Math
 
 <details>
 <summary>View contents</summary>
@@ -172,16 +176,7 @@
 
 </details>
 
-### Media
-
-<details>
-<summary>View contents</summary>
-
-* [`speechSynthesis`](#speechsynthesis)
-
-</details>
-
-### Node
+### 📦 Node
 
 <details>
 <summary>View contents</summary>
@@ -192,7 +187,7 @@
 
 </details>
 
-### Object
+### 🗃️ Object
 
 <details>
 <summary>View contents</summary>
@@ -204,11 +199,12 @@
 * [`orderBy`](#orderby)
 * [`select`](#select)
 * [`shallowClone`](#shallowclone)
+* [`size`](#size)
 * [`truthCheckCollection`](#truthcheckcollection)
 
 </details>
 
-### String
+### 📜 String
 
 <details>
 <summary>View contents</summary>
@@ -235,7 +231,7 @@
 
 </details>
 
-### Utility
+### 💎 Utility
 
 <details>
 <summary>View contents</summary>
@@ -248,6 +244,7 @@
 * [`isArray`](#isarray)
 * [`isBoolean`](#isboolean)
 * [`isFunction`](#isfunction)
+* [`isNull`](#isnull)
 * [`isNumber`](#isnumber)
 * [`isString`](#isstring)
 * [`isSymbol`](#issymbol)
@@ -258,10 +255,12 @@
 * [`toDecimalMark`](#todecimalmark)
 * [`toOrdinalSuffix`](#toordinalsuffix)
 * [`validateNumber`](#validatenumber)
+* [`yesNo`](#yesno)
 
 </details>
 
-## Adapter
+---
+ ## 🔌 Adapter
 
 ### call
 
@@ -423,7 +422,8 @@ arrayMax([1, 2, 4]); // 4
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## Array
+---
+ ## 📚 Array
 
 ### chunk
 
@@ -1436,7 +1436,8 @@ zipObject(['a', 'b'], [1, 2, 3]); // {a: 1, b: 2}
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## Browser
+---
+ ## 🖥️ Browser
 
 ### arrayToHtmlList
 
@@ -1485,6 +1486,48 @@ bottomVisible(); // true
 <br>[⬆ Back to top](#table-of-contents)
 
 
+### copyToClipboard
+
+Copy a string to the clipboard. Only works as a result of user action (i.e. inside a `click` event listener).
+
+Create a new `<textarea>` element, fill it with the supplied data and add it to the HTML document.
+Use `Selection.getRangeAt()`to store the selected range (if any).
+Use `document.execCommand('copy')` to copy to the clipboard.
+Remove the `<textarea>` element from the HTML document.
+Finally, use `Selection().addRange()` to recover the original selected range (if any).
+
+```js
+const copyToClipboard = str => {
+  const el = document.createElement('textarea');
+  el.value = str;
+  el.setAttribute('readonly', '');
+  el.style.position = 'absolute';
+  el.style.left = '-9999px';
+  document.body.appendChild(el);
+  const selected =
+    document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
+  el.select();
+  document.execCommand('copy');
+  document.body.removeChild(el);
+  if (selected) {
+    document.getSelection().removeAllRanges();
+    document.getSelection().addRange(selected);
+  }
+};
+```
+
+<details>
+<summary>Examples</summary>
+
+```js
+copyToClipboard('Lorem ipsum'); // 'Lorem ipsum' copied to clipboard.
+```
+
+</details>
+
+<br>[⬆ Back to top](#table-of-contents)
+
+
 ### currentURL
 
 Returns the current URL.
@@ -1841,6 +1884,35 @@ show(document.querySelectorAll('img')); // Shows all <img> elements on the page
 <br>[⬆ Back to top](#table-of-contents)
 
 
+### 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.
+
+Learn more about the [SpeechSynthesisUtterance interface of the Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance).
+
+```js
+const speechSynthesis = message => {
+  const msg = new SpeechSynthesisUtterance(message);
+  msg.voice = window.speechSynthesis.getVoices()[0];
+  window.speechSynthesis.speak(msg);
+};
+```
+
+<details>
+<summary>Examples</summary>
+
+```js
+speechSynthesis('Hello, World'); // // plays the message
+```
+
+</details>
+
+<br>[⬆ Back to top](#table-of-contents)
+
+
 ### toggleClass
 
 Toggle a class for an element.
@@ -1887,7 +1959,8 @@ UUIDGeneratorBrowser(); // '7982fcfe-5721-4632-bede-6000885be57d'
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## Date
+---
+ ## ⏱️ Date
 
 ### getDaysDiffBetweenDates
 
@@ -1987,7 +2060,8 @@ tomorrow(); // 2017-12-27 (if current date is 2017-12-26)
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## Function
+---
+ ## 🎛️ Function
 
 ### chainAsync
 
@@ -2150,7 +2224,8 @@ async function sleepyWork() {
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## Logic
+---
+ ## 🔮 Logic
 
 ### negate
 
@@ -2174,7 +2249,8 @@ negate(isOdd)(1); // false
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## Math
+---
+ ## ➗ Math
 
 ### average
 
@@ -2397,7 +2473,7 @@ const fibonacciUntilNum = num => {
 <summary>Examples</summary>
 
 ```js
-fibonacciCountUntilNum(10); // 7
+fibonacciUntilNum(10); // [ 0, 1, 1, 2, 3, 5, 8 ]
 ```
 
 </details>
@@ -2567,7 +2643,7 @@ Return `false` if any of them divides the given number, else return `true`, unle
 ```js
 const isPrime = num => {
   const boundary = Math.floor(Math.sqrt(num));
-  for (var i = 2; i * i <= boundary; i++) if (num % i == 0) return false;
+  for (var i = 2; i <= boundary; i++) if (num % i == 0) return false;
   return num >= 2;
 };
 ```
@@ -2879,37 +2955,8 @@ sum([1, 2, 3, 4]); // 10
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## Media
-
-### 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.
-
-Learn more about the [SpeechSynthesisUtterance interface of the Web Speech API](https://developer.mozilla.org/en-US/docs/Web/API/SpeechSynthesisUtterance).
-
-```js
-const speechSynthesis = message => {
-  const msg = new SpeechSynthesisUtterance(message);
-  msg.voice = window.speechSynthesis.getVoices()[0];
-  window.speechSynthesis.speak(msg);
-};
-```
-
-<details>
-<summary>Examples</summary>
-
-```js
-speechSynthesis('Hello, World'); // // plays the message
-```
-
-</details>
-
-<br>[⬆ Back to top](#table-of-contents)
-
-## Node
+---
+ ## 📦 Node
 
 ### JSONToFile
 
@@ -2998,7 +3045,8 @@ UUIDGeneratorNode(); // '79c7c136-60ee-40a2-beb2-856f1feabefc'
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## Object
+---
+ ## 🗃️ Object
 
 ### cleanObj
 
@@ -3192,6 +3240,40 @@ a === b; // false
 <br>[⬆ Back to top](#table-of-contents)
 
 
+### size
+
+Get size of arrays, objects or strings.
+
+Get type of `value` (`array`, `object` or `string`). 
+Use `length` property for arrays. 
+Use `length` or `size` value if available or number of keys for objects. 
+Use `size` of a [`Blob` object](https://developer.mozilla.org/en-US/docs/Web/API/Blob) created from `value` for strings.
+
+Split strings into array of characters with `split('')` and return its length.
+
+```js
+const size = value =>
+  Array.isArray(value)
+    ? value.length
+    : value && typeof value === 'object'
+      ? value.size || value.length || Object.keys(value).length
+      : typeof value === 'string' ? new Blob([value]).size : 0;
+```
+
+<details>
+<summary>Examples</summary>
+
+```js
+size([1, 2, 3, 4, 5]); // 5
+size('size'); // 4
+size({ one: 1, two: 2, three: 3 }); // 3
+```
+
+</details>
+
+<br>[⬆ Back to top](#table-of-contents)
+
+
 ### truthCheckCollection
 
 Checks if the predicate (second argument) is truthy on all elements of a collection (first argument).
@@ -3213,7 +3295,8 @@ truthCheckCollection([{ user: 'Tinky-Winky', sex: 'male' }, { user: 'Dipsy', sex
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## String
+---
+ ## 📜 String
 
 ### anagrams
 
@@ -3632,13 +3715,12 @@ Break the string into words and combine them using `_` as a separator.
 For more detailed explanation of this Regex, [visit this Site](https://regex101.com/r/bMCgAB/1).
 
 ```js
-const toSnakeCase = str => {
+const toSnakeCase = str =>
   str &&
-    str
-      .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
-      .map(x => x.toLowerCase())
-      .join('_');
-};
+  str
+    .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
+    .map(x => x.toLowerCase())
+    .join('_');
 ```
 
 <details>
@@ -3737,7 +3819,8 @@ words('python, javaScript & coffee'); // ["python", "javaScript", "coffee"]
 
 <br>[⬆ Back to top](#table-of-contents)
 
-## Utility
+---
+ ## 💎 Utility
 
 ### coalesce
 
@@ -3947,6 +4030,29 @@ isFunction(x => x); // true
 <br>[⬆ Back to top](#table-of-contents)
 
 
+### isNull
+
+Returns `true` if the specified value is `null`, `false` otherwise.
+
+Use the strict equality operator to check if the value and of `val` are equal to `null`. 
+
+```js
+const isNull = val => val === null;
+```
+
+<details>
+<summary>Examples</summary>
+
+```js
+isNull(null); // true
+isNull('null'); // false
+```
+
+</details>
+
+<br>[⬆ Back to top](#table-of-contents)
+
+
 ### isNumber
 
 Checks if the given argument is a number.
@@ -4199,6 +4305,33 @@ validateNumber('10'); // true
 <br>[⬆ Back to top](#table-of-contents)
 
 
+### yesNo
+
+Returns `true` if the string is `y`/`yes` or `false` if the string is `n`/`no`.
+
+Use `RegExp.test()` to check if the string evaluates to `y/yes` or `n/no`.
+Omit the second argument, `def` to set the default answer as `no`.
+
+```js
+const yesNo = (val, def = false) =>
+  /^(y|yes)$/i.test(val) ? true : /^(n|no)$/i.test(val) ? false : def;
+```
+
+<details>
+<summary>Examples</summary>
+
+```js
+yesNo('Y'); // true
+yesNo('yes'); // true
+yesNo('No'); // false
+yesNo('Foo', true); // true
+```
+
+</details>
+
+<br>[⬆ Back to top](#table-of-contents)
+
+
 ## Credits
 
 *Icons made by [Smashicons](https://www.flaticon.com/authors/smashicons) from [www.flaticon.com](https://www.flaticon.com/) is licensed by [CC 3.0 BY](http://creativecommons.org/licenses/by/3.0/).*
diff --git a/docs/index.html b/docs/index.html
index 356e7004a..2acf4f2bb 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -59,7 +59,7 @@
         wrapper.appendChild(box);
         box.appendChild(el);
       });
-    }</script><body onload="loader()"><a href="https://github.com/Chalarangelo/30-seconds-of-code/fork" class="github-corner" aria-label="View source on Github"><svg width="90" height="90" viewBox="0 0 250 250" style="fill:#151513;color:#fff;position:absolute;top:0;border:0;right:0" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin:130px 106px" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><header style="height:5.5rem"><h1 class="logo" href="https://github.com/Chalarangelo/30-seconds-of-code"><img src="favicon.png" style="height:4rem"/><span id="title">&nbsp;30 seconds of code</span> <small>Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.</small></h1><label for="doc-drawer-checkbox" class="button drawer-toggle" id="menu-toggle"></label></header><div class="row" style="height:calc(100vh - 5.875rem);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"><div class="group"><input class="search" type="text" id="searchInput" onkeyup="search(this)"> <span class="highlight"></span> <span class="bar"></span><label id="search-label">Search for snippet...</label></div><label for="doc-drawer-checkbox" class="button drawer-close"></label><h3>Adapter</h3><a class="sublink-1" href="#call">call</a> <a class="sublink-1" href="#collectinto">collectInto</a> <a class="sublink-1" href="#flip">flip</a> <a class="sublink-1" href="#pipefunctions">pipeFunctions</a> <a class="sublink-1" href="#promisify">promisify</a> <a class="sublink-1" href="#spreadover">spreadOver</a><h3>Array</h3><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="#differencewith">differenceWith</a> <a class="sublink-1" href="#distinctvaluesofarray">distinctValuesOfArray</a> <a class="sublink-1" href="#dropelements">dropElements</a> <a class="sublink-1" href="#dropright">dropRight</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="#initialize2darray">initialize2DArray</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="#mapobject">mapObject</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="#pullatindex">pullAtIndex</a> <a class="sublink-1" href="#pullatvalue">pullAtValue</a> <a class="sublink-1" href="#quicksort">quickSort</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> <a class="sublink-1" href="#zipobject">zipObject</a><h3>Browser</h3><a class="sublink-1" href="#arraytohtmllist">arrayToHtmlList</a> <a class="sublink-1" href="#bottomvisible">bottomVisible</a> <a class="sublink-1" href="#currenturl">currentURL</a> <a class="sublink-1" href="#detectdevicetype">detectDeviceType</a> <a class="sublink-1" href="#elementisvisibleinviewport">elementIsVisibleInViewport</a> <a class="sublink-1" href="#getscrollposition">getScrollPosition</a> <a class="sublink-1" href="#getstyle">getStyle</a> <a class="sublink-1" href="#geturlparameters">getURLParameters</a> <a class="sublink-1" href="#hasclass">hasClass</a> <a class="sublink-1" href="#hide">hide</a> <a class="sublink-1" href="#httpsredirect">httpsRedirect</a> <a class="sublink-1" href="#onuserinputchange">onUserInputChange</a> <a class="sublink-1" href="#redirect">redirect</a> <a class="sublink-1" href="#scrolltotop">scrollToTop</a> <a class="sublink-1" href="#setstyle">setStyle</a> <a class="sublink-1" href="#show">show</a> <a class="sublink-1" href="#toggleclass">toggleClass</a> <a class="sublink-1" href="#uuidgeneratorbrowser">UUIDGeneratorBrowser</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> <a class="sublink-1" href="#tomorrow">tomorrow</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="#runpromisesinseries">runPromisesInSeries</a> <a class="sublink-1" href="#sleep">sleep</a><h3>Logic</h3><a class="sublink-1" href="#negate">negate</a><h3>Math</h3><a class="sublink-1" href="#average">average</a> <a class="sublink-1" href="#clampnumber">clampNumber</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="#fibonaccicountuntilnum">fibonacciCountUntilNum</a> <a class="sublink-1" href="#fibonacciuntilnum">fibonacciUntilNum</a> <a class="sublink-1" href="#gcd">gcd</a> <a class="sublink-1" href="#hammingdistance">hammingDistance</a> <a class="sublink-1" href="#inrange">inRange</a> <a class="sublink-1" href="#isarmstrongnumber">isArmstrongNumber</a> <a class="sublink-1" href="#isdivisible">isDivisible</a> <a class="sublink-1" href="#iseven">isEven</a> <a class="sublink-1" href="#isprime">isPrime</a> <a class="sublink-1" href="#lcm">lcm</a> <a class="sublink-1" href="#max">max</a> <a class="sublink-1" href="#median">median</a> <a class="sublink-1" href="#min">min</a> <a class="sublink-1" href="#percentile">percentile</a> <a class="sublink-1" href="#powerset">powerset</a> <a class="sublink-1" href="#primes">primes</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> <a class="sublink-1" href="#sum">sum</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> <a class="sublink-1" href="#uuidgeneratornode">UUIDGeneratorNode</a><h3>Object</h3><a class="sublink-1" href="#cleanobj">cleanObj</a> <a class="sublink-1" href="#lowercasekeys">lowercaseKeys</a> <a class="sublink-1" href="#objectfrompairs">objectFromPairs</a> <a class="sublink-1" href="#objecttopairs">objectToPairs</a> <a class="sublink-1" href="#orderby">orderBy</a> <a class="sublink-1" href="#select">select</a> <a class="sublink-1" href="#shallowclone">shallowClone</a> <a class="sublink-1" href="#truthcheckcollection">truthCheckCollection</a><h3>String</h3><a class="sublink-1" href="#anagrams">anagrams</a> <a class="sublink-1" href="#bytesize">byteSize</a> <a class="sublink-1" href="#capitalize">capitalize</a> <a class="sublink-1" href="#capitalizeeveryword">capitalizeEveryWord</a> <a class="sublink-1" href="#countvowels">countVowels</a> <a class="sublink-1" href="#escapehtml">escapeHTML</a> <a class="sublink-1" href="#escaperegexp">escapeRegExp</a> <a class="sublink-1" href="#fromcamelcase">fromCamelCase</a> <a class="sublink-1" href="#palindrome">palindrome</a> <a class="sublink-1" href="#repeatstring">repeatString</a> <a class="sublink-1" href="#reversestring">reverseString</a> <a class="sublink-1" href="#sortcharactersinstring">sortCharactersInString</a> <a class="sublink-1" href="#splitlines">splitLines</a> <a class="sublink-1" href="#tocamelcase">toCamelCase</a> <a class="sublink-1" href="#tokebabcase">toKebabCase</a> <a class="sublink-1" href="#tosnakecase">toSnakeCase</a> <a class="sublink-1" href="#truncatestring">truncateString</a> <a class="sublink-1" href="#unescapehtml">unescapeHTML</a> <a class="sublink-1" href="#words">words</a><h3>Utility</h3><a class="sublink-1" href="#coalesce">coalesce</a> <a class="sublink-1" href="#coalescefactory">coalesceFactory</a> <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="#randomhexcolorcode">randomHexColorCode</a> <a class="sublink-1" href="#rgbtohex">RGBToHex</a> <a class="sublink-1" href="#sdbm">sdbm</a> <a class="sublink-1" href="#timetaken">timeTaken</a> <a class="sublink-1" href="#todecimalmark">toDecimalMark</a> <a class="sublink-1" href="#toordinalsuffix">toOrdinalSuffix</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:#eceef2;padding:0"><a id="top">&nbsp;</a><h2 style="text-align:center">Adapter</h2><div class="card fluid"><div class="section double-padded"><h3 id="call">call</h3></div><div class="section double-padded"><p>Given a key and a set of arguments, call them when given a context. Primarily useful in composition.</p><p>Use a closure to call a stored key with stored arguments.</p><pre><code class="language-js">const call = (key, ...args) =&gt; context =&gt; context[key](...args);
+    }</script><body onload="loader()"><a href="https://github.com/Chalarangelo/30-seconds-of-code/fork" class="github-corner" aria-label="View source on Github"><svg width="90" height="90" viewBox="0 0 250 250" style="fill:#151513;color:#fff;position:absolute;top:0;border:0;right:0" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin:130px 106px" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg></a><style>.github-corner:hover .octo-arm{animation:octocat-wave 560ms ease-in-out}@keyframes octocat-wave{0%,100%{transform:rotate(0)}20%,60%{transform:rotate(-25deg)}40%,80%{transform:rotate(10deg)}}@media (max-width:500px){.github-corner:hover .octo-arm{animation:none}.github-corner .octo-arm{animation:octocat-wave 560ms ease-in-out}}</style><header style="height:5.5rem"><h1 class="logo" href="https://github.com/Chalarangelo/30-seconds-of-code"><img src="favicon.png" style="height:4rem"/><span id="title">&nbsp;30 seconds of code</span> <small>Curated collection of useful JavaScript snippets that you can understand in 30 seconds or less.</small></h1><label for="doc-drawer-checkbox" class="button drawer-toggle" id="menu-toggle"></label></header><div class="row" style="height:calc(100vh - 5.875rem);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"><div class="group"><input class="search" type="text" id="searchInput" onkeyup="search(this)"> <span class="highlight"></span> <span class="bar"></span><label id="search-label">Search for snippet...</label></div><label for="doc-drawer-checkbox" class="button drawer-close"></label><h3>Adapter</h3><a class="sublink-1" href="#call">call</a> <a class="sublink-1" href="#collectinto">collectInto</a> <a class="sublink-1" href="#flip">flip</a> <a class="sublink-1" href="#pipefunctions">pipeFunctions</a> <a class="sublink-1" href="#promisify">promisify</a> <a class="sublink-1" href="#spreadover">spreadOver</a><h3>Array</h3><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="#differencewith">differenceWith</a> <a class="sublink-1" href="#distinctvaluesofarray">distinctValuesOfArray</a> <a class="sublink-1" href="#dropelements">dropElements</a> <a class="sublink-1" href="#dropright">dropRight</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="#initialize2darray">initialize2DArray</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="#mapobject">mapObject</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="#pullatindex">pullAtIndex</a> <a class="sublink-1" href="#pullatvalue">pullAtValue</a> <a class="sublink-1" href="#quicksort">quickSort</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> <a class="sublink-1" href="#zipobject">zipObject</a><h3>Browser</h3><a class="sublink-1" href="#arraytohtmllist">arrayToHtmlList</a> <a class="sublink-1" href="#bottomvisible">bottomVisible</a> <a class="sublink-1" href="#copytoclipboard">copyToClipboard</a> <a class="sublink-1" href="#currenturl">currentURL</a> <a class="sublink-1" href="#detectdevicetype">detectDeviceType</a> <a class="sublink-1" href="#elementisvisibleinviewport">elementIsVisibleInViewport</a> <a class="sublink-1" href="#getscrollposition">getScrollPosition</a> <a class="sublink-1" href="#getstyle">getStyle</a> <a class="sublink-1" href="#geturlparameters">getURLParameters</a> <a class="sublink-1" href="#hasclass">hasClass</a> <a class="sublink-1" href="#hide">hide</a> <a class="sublink-1" href="#httpsredirect">httpsRedirect</a> <a class="sublink-1" href="#onuserinputchange">onUserInputChange</a> <a class="sublink-1" href="#redirect">redirect</a> <a class="sublink-1" href="#scrolltotop">scrollToTop</a> <a class="sublink-1" href="#setstyle">setStyle</a> <a class="sublink-1" href="#show">show</a> <a class="sublink-1" href="#speechsynthesis">speechSynthesis</a> <a class="sublink-1" href="#toggleclass">toggleClass</a> <a class="sublink-1" href="#uuidgeneratorbrowser">UUIDGeneratorBrowser</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> <a class="sublink-1" href="#tomorrow">tomorrow</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="#runpromisesinseries">runPromisesInSeries</a> <a class="sublink-1" href="#sleep">sleep</a><h3>Logic</h3><a class="sublink-1" href="#negate">negate</a><h3>Math</h3><a class="sublink-1" href="#average">average</a> <a class="sublink-1" href="#clampnumber">clampNumber</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="#fibonaccicountuntilnum">fibonacciCountUntilNum</a> <a class="sublink-1" href="#fibonacciuntilnum">fibonacciUntilNum</a> <a class="sublink-1" href="#gcd">gcd</a> <a class="sublink-1" href="#hammingdistance">hammingDistance</a> <a class="sublink-1" href="#inrange">inRange</a> <a class="sublink-1" href="#isarmstrongnumber">isArmstrongNumber</a> <a class="sublink-1" href="#isdivisible">isDivisible</a> <a class="sublink-1" href="#iseven">isEven</a> <a class="sublink-1" href="#isprime">isPrime</a> <a class="sublink-1" href="#lcm">lcm</a> <a class="sublink-1" href="#max">max</a> <a class="sublink-1" href="#median">median</a> <a class="sublink-1" href="#min">min</a> <a class="sublink-1" href="#percentile">percentile</a> <a class="sublink-1" href="#powerset">powerset</a> <a class="sublink-1" href="#primes">primes</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> <a class="sublink-1" href="#sum">sum</a><h3>Node</h3><a class="sublink-1" href="#jsontofile">JSONToFile</a> <a class="sublink-1" href="#readfilelines">readFileLines</a> <a class="sublink-1" href="#uuidgeneratornode">UUIDGeneratorNode</a><h3>Object</h3><a class="sublink-1" href="#cleanobj">cleanObj</a> <a class="sublink-1" href="#lowercasekeys">lowercaseKeys</a> <a class="sublink-1" href="#objectfrompairs">objectFromPairs</a> <a class="sublink-1" href="#objecttopairs">objectToPairs</a> <a class="sublink-1" href="#orderby">orderBy</a> <a class="sublink-1" href="#select">select</a> <a class="sublink-1" href="#shallowclone">shallowClone</a> <a class="sublink-1" href="#size">size</a> <a class="sublink-1" href="#truthcheckcollection">truthCheckCollection</a><h3>String</h3><a class="sublink-1" href="#anagrams">anagrams</a> <a class="sublink-1" href="#bytesize">byteSize</a> <a class="sublink-1" href="#capitalize">capitalize</a> <a class="sublink-1" href="#capitalizeeveryword">capitalizeEveryWord</a> <a class="sublink-1" href="#countvowels">countVowels</a> <a class="sublink-1" href="#escapehtml">escapeHTML</a> <a class="sublink-1" href="#escaperegexp">escapeRegExp</a> <a class="sublink-1" href="#fromcamelcase">fromCamelCase</a> <a class="sublink-1" href="#palindrome">palindrome</a> <a class="sublink-1" href="#repeatstring">repeatString</a> <a class="sublink-1" href="#reversestring">reverseString</a> <a class="sublink-1" href="#sortcharactersinstring">sortCharactersInString</a> <a class="sublink-1" href="#splitlines">splitLines</a> <a class="sublink-1" href="#tocamelcase">toCamelCase</a> <a class="sublink-1" href="#tokebabcase">toKebabCase</a> <a class="sublink-1" href="#tosnakecase">toSnakeCase</a> <a class="sublink-1" href="#truncatestring">truncateString</a> <a class="sublink-1" href="#unescapehtml">unescapeHTML</a> <a class="sublink-1" href="#words">words</a><h3>Utility</h3><a class="sublink-1" href="#coalesce">coalesce</a> <a class="sublink-1" href="#coalescefactory">coalesceFactory</a> <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="#isnull">isNull</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="#randomhexcolorcode">randomHexColorCode</a> <a class="sublink-1" href="#rgbtohex">RGBToHex</a> <a class="sublink-1" href="#sdbm">sdbm</a> <a class="sublink-1" href="#timetaken">timeTaken</a> <a class="sublink-1" href="#todecimalmark">toDecimalMark</a> <a class="sublink-1" href="#toordinalsuffix">toOrdinalSuffix</a> <a class="sublink-1" href="#validatenumber">validateNumber</a> <a class="sublink-1" href="#yesno">yesNo</a></nav><main class="col-sm-12 col-md-8 col-lg-9" style="height:100%;overflow-y:auto;background:#eceef2;padding:0"><a id="top">&nbsp;</a><h2 style="text-align:center">Adapter</h2><div class="card fluid"><div class="section double-padded"><h3 id="call">call</h3></div><div class="section double-padded"><p>Given a key and a set of arguments, call them when given a context. Primarily useful in composition.</p><p>Use a closure to call a stored key with stored arguments.</p><pre><code class="language-js">const call = (key, ...args) =&gt; context =&gt; context[key](...args);
 </code></pre><pre><code class="language-js">Promise.resolve([1, 2, 3])
   .then(call('map', x =&gt; 2 * x))
   .then(console.log); //[ 2, 4, 6 ]
@@ -287,6 +287,24 @@ zipObject(['a', 'b'], [1, 2, 3]); // {a: 1, b: 2}
   document.documentElement.clientHeight + window.scrollY &gt;=
   (document.documentElement.scrollHeight || document.documentElement.clientHeight);
 </code></pre><pre><code class="language-js">bottomVisible(); // true
+</code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="copytoclipboard">copyToClipboard</h3></div><div class="section double-padded"><p>Copy a string to the clipboard. Only works as a result of user action (i.e. inside a <code>click</code> event listener).</p><p>Create a new <code>&lt;textarea&gt;</code> element, fill it with the supplied data and add it to the HTML document. Use <code>Selection.getRangeAt()</code>to store the selected range (if any). Use <code>document.execCommand('copy')</code> to copy to the clipboard. Remove the <code>&lt;textarea&gt;</code> element from the HTML document. Finally, use <code>Selection().addRange()</code> to recover the original selected range (if any).</p><pre><code class="language-js">const copyToClipboard = str =&gt; {
+  const el = document.createElement('textarea');
+  el.value = str;
+  el.setAttribute('readonly', '');
+  el.style.position = 'absolute';
+  el.style.left = '-9999px';
+  document.body.appendChild(el);
+  const selected =
+    document.getSelection().rangeCount &gt; 0 ? document.getSelection().getRangeAt(0) : false;
+  el.select();
+  document.execCommand('copy');
+  document.body.removeChild(el);
+  if (selected) {
+    document.getSelection().removeAllRanges();
+    document.getSelection().addRange(selected);
+  }
+};
+</code></pre><pre><code class="language-js">copyToClipboard('Lorem ipsum'); // 'Lorem ipsum' copied to clipboard.
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="currenturl">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;
 </code></pre><pre><code class="language-js">currentURL(); // 'https://google.com'
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="detectdevicetype">detectDeviceType</h3></div><div class="section double-padded"><p>Detects wether the website is being opened in a mobile device or a desktop/laptop.</p><p>Use a regular expression to test the <code>navigator.userAgent</code> property to figure out if the device is a mobile device or a desktop/laptop.</p><pre><code class="language-js">const detectDeviceType = () =&gt;
@@ -357,6 +375,12 @@ elementIsVisibleInViewport(el, true); // true // (partially visible)
 </code></pre><pre><code class="language-js">setStyle(document.querySelector('p'), 'font-size', '20px'); // The first &lt;p&gt; element on the page will have a font-size of 20px
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="show">show</h3></div><div class="section double-padded"><p>Shows all the elements specified.</p><p>Use the spread operator (<code>...</code>) and <code>Array.forEach()</code> to clear the <code>display</code> property for each element specified.</p><pre><code class="language-js">const show = (...el) =&gt; [...el].forEach(e =&gt; (e.style.display = ''));
 </code></pre><pre><code class="language-js">show(document.querySelectorAll('img')); // Shows all &lt;img&gt; elements on the page
+</code></pre></div></div><br/><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);
+};
+</code></pre><pre><code class="language-js">speechSynthesis('Hello, World'); // // plays the message
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="toggleclass">toggleClass</h3></div><div class="section double-padded"><p>Toggle a class for an element.</p><p>Use <code>element.classList.toggle()</code> to toggle the specified class for the element.</p><pre><code class="language-js">const toggleClass = (el, className) =&gt; el.classList.toggle(className);
 </code></pre><pre><code class="language-js">toggleClass(document.querySelector('p.special'), 'special'); // The paragraph will not have the 'special' class anymore
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="uuidgeneratorbrowser">UUIDGeneratorBrowser</h3></div><div class="section double-padded"><p>Generates a UUID in a browser.</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 UUIDGeneratorBrowser = () =&gt;
@@ -464,7 +488,7 @@ collatz(5); // 16
     []
   );
 };
-</code></pre><pre><code class="language-js">fibonacciCountUntilNum(10); // 7
+</code></pre><pre><code class="language-js">fibonacciUntilNum(10); // [ 0, 1, 1, 2, 3, 5, 8 ]
 </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 or more numbers/arrays.</p><p>The <code>helperGcd</code>function uses 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 = (...arr) =&gt; {
   let data = [].concat(...arr);
   const helperGcd = (x, y) =&gt; (!y ? x : gcd(y, x % y));
@@ -494,7 +518,7 @@ isArmstrongNumber(56); // false
 </code></pre><pre><code class="language-js">isEven(3); // false
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="isprime">isPrime</h3></div><div class="section double-padded"><p>Checks if the provided integer is a prime number.</p><p>Check numbers from <code>2</code> to the square root of the given number. Return <code>false</code> if any of them divides the given number, else return <code>true</code>, unless the number is less than <code>2</code>.</p><pre><code class="language-js">const isPrime = num =&gt; {
   const boundary = Math.floor(Math.sqrt(num));
-  for (var i = 2; i * i &lt;= boundary; i++) if (num % i == 0) return false;
+  for (var i = 2; i &lt;= boundary; i++) if (num % i == 0) return false;
   return num &gt;= 2;
 };
 </code></pre><pre><code class="language-js">isPrime(11); // true
@@ -549,12 +573,6 @@ median([0, 10, -2, 7]); // 3.5
 standardDeviation([10, 2, 38, 23, 38, 23, 21], true); // 12.29899614287479 (population)
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="sum">sum</h3></div><div class="section double-padded"><p>Returns the sum of an of two or more numbers/arrays.</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 sum = (...arr) =&gt; [].concat(...arr).reduce((acc, val) =&gt; acc + val, 0);
 </code></pre><pre><code class="language-js">sum([1, 2, 3, 4]); // 10
-</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);
-};
-</code></pre><pre><code class="language-js">speechSynthesis('Hello, World'); // // 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));
@@ -629,6 +647,15 @@ select(obj, 'selector.to.val'); // 'val to select'
 </code></pre><pre><code class="language-js">const a = { x: true, y: 1 };
 const b = shallowClone(a);
 a === b; // false
+</code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="size">size</h3></div><div class="section double-padded"><p>Get size of arrays, objects or strings.</p><p>Get type of <code>value</code> (<code>array</code>, <code>object</code> or <code>string</code>). Use <code>length</code> property for arrays. Use <code>length</code> or <code>size</code> value if available or number of keys for objects. Use <code>size</code> of a <a href="https://developer.mozilla.org/en-US/docs/Web/API/Blob"><code>Blob</code> object</a> created from <code>value</code> for strings.</p><p>Split strings into array of characters with <code>split('')</code> and return its length.</p><pre><code class="language-js">const size = value =&gt;
+  Array.isArray(value)
+    ? value.length
+    : value &amp;&amp; typeof value === 'object'
+      ? value.size || value.length || Object.keys(value).length
+      : typeof value === 'string' ? new Blob([value]).size : 0;
+</code></pre><pre><code class="language-js">size([1, 2, 3, 4, 5]); // 5
+size('size'); // 4
+size({ one: 1, two: 2, three: 3 }); // 3
 </code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="truthcheckcollection">truthCheckCollection</h3></div><div class="section double-padded"><p>Checks if the predicate (second argument) is truthy on all elements of a collection (first argument).</p><p>Use <code>Array.every()</code> to check if each passed object has the specified property and if it returns a truthy value.</p><pre><code class="language-js">const truthCheckCollection = (collection, pre) =&gt; collection.every(obj =&gt; obj[pre]);
 </code></pre><pre><code class="language-js">truthCheckCollection([{ user: 'Tinky-Winky', sex: 'male' }, { user: 'Dipsy', sex: 'male' }], 'sex'); // true
 </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; {
@@ -731,13 +758,12 @@ toKebabCase('some text'); // 'some-text'
 toKebabCase('some-mixed_string With spaces_underscores-and-hyphens'); // 'some-mixed-string-with-spaces-underscores-and-hyphens'
 toKebabCase('AllThe-small Things'); // &quot;all-the-small-things&quot;
 toKebabCase('IAmListeningToFMWhileLoadingDifferentURLOnMyBrowserAndAlsoEditingSomeXMLAndHTML'); // &quot;i-am-listening-to-fm-while-loading-different-url-on-my-browser-and-also-editing-xml-and-html&quot;
-</code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="tosnakecase">toSnakeCase</h3></div><div class="section double-padded"><p>Converts a string to snake case.</p><p>Break the string into words and combine them using <code>_</code> as a separator. For more detailed explanation of this Regex, <a href="https://regex101.com/r/bMCgAB/1">visit this Site</a>.</p><pre><code class="language-js">const toSnakeCase = str =&gt; {
+</code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="tosnakecase">toSnakeCase</h3></div><div class="section double-padded"><p>Converts a string to snake case.</p><p>Break the string into words and combine them using <code>_</code> as a separator. For more detailed explanation of this Regex, <a href="https://regex101.com/r/bMCgAB/1">visit this Site</a>.</p><pre><code class="language-js">const toSnakeCase = str =&gt;
   str &amp;&amp;
-    str
-      .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
-      .map(x =&gt; x.toLowerCase())
-      .join('_');
-};
+  str
+    .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
+    .map(x =&gt; x.toLowerCase())
+    .join('_');
 </code></pre><pre><code class="language-js">toSnakeCase('camelCase'); // 'camel_case'
 toSnakeCase('some text'); // 'some_text'
 toSnakeCase('some-javascript-property'); // 'some_javascript_property'
@@ -811,6 +837,9 @@ isBoolean(false); // 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';
 </code></pre><pre><code class="language-js">isFunction('x'); // false
 isFunction(x =&gt; x); // true
+</code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="isnull">isNull</h3></div><div class="section double-padded"><p>Returns <code>true</code> if the specified value is <code>null</code>, <code>false</code> otherwise.</p><p>Use the strict equality operator to check if the value and of <code>val</code> are equal to <code>null</code>.</p><pre><code class="language-js">const isNull = val =&gt; val === null;
+</code></pre><pre><code class="language-js">isNull(null); // true
+isNull('null'); // false
 </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';
 </code></pre><pre><code class="language-js">isNumber('1'); // false
 isNumber(1); // true
@@ -862,4 +891,10 @@ console.log(sdbm('age')); // 808122783
 </code></pre><pre><code class="language-js">toOrdinalSuffix('123'); // &quot;123rd&quot;
 </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;
 </code></pre><pre><code class="language-js">validateNumber('10'); // true
+</code></pre></div></div><br/><div class="card fluid"><div class="section double-padded"><h3 id="yesno">yesNo</h3></div><div class="section double-padded"><p>Returns <code>true</code> if the string is <code>y</code>/<code>yes</code> or <code>false</code> if the string is <code>n</code>/<code>no</code>.</p><p>Use <code>RegExp.test()</code> to check if the string evaluates to <code>y/yes</code> or <code>n/no</code>. Omit the second argument, <code>def</code> to set the default answer as <code>no</code>.</p><pre><code class="language-js">const yesNo = (val, def = false) =&gt;
+  /^(y|yes)$/i.test(val) ? true : /^(n|no)$/i.test(val) ? false : def;
+</code></pre><pre><code class="language-js">yesNo('Y'); // true
+yesNo('yes'); // true
+yesNo('No'); // false
+yesNo('Foo', true); // true
 </code></pre></div></div><br/><footer><p style="display:inline-block"><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>.<br/>Ribbon made by <a href="https://github.com/tholman/github-corners">Tim Holman</a> is licensed by <a href="https://opensource.org/licenses/MIT">The MIT License</a><br/>Built with the <a href="https://minicss.org">mini.css framework</a>.</p><a href="#top"><span style="display:inline-block;float:right;padding-right:2em">Back to top</span></a></footer></main></div><script src="prism.js"></script></body></html>
\ No newline at end of file
diff --git a/scripts/build.js b/scripts/build.js
index a6e6d607d..cd982a5c1 100644
--- a/scripts/build.js
+++ b/scripts/build.js
@@ -3,51 +3,64 @@
   Run using `npm run builder`.
 */
 // Load modules
-const fs = require('fs-extra'),
-  path = require('path'),
-  chalk = require('chalk');
-// Set variables for paths
-const snippetsPath = './snippets',
-  staticPartsPath = './static-parts';
-// Set variables for script
-let snippets = {},
-  startPart = '',
+const fs = require('fs-extra');
+const path = require('path');
+const chalk = require('chalk');
+
+const SNIPPETS_PATH = './snippets';
+const STATIC_PARTS_PATH = './static-parts';
+
+const snippets = {};
+const EMOJIS = {
+  adapter: '🔌',
+  array: '📚',
+  browser: '🌐',
+  date: '⏱️',
+  function: '🎛️',
+  logic: '🔮',
+  math: '➗',
+  media: '📺',
+  node: '📦',
+  object: '🗃️',
+  string: '📜',
+  utility: '💎'
+};
+
+let 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;
-  });
+  const snippetFilenames = fs
+    .readdirSync(SNIPPETS_PATH)
+    .sort((a, b) => a.toLowerCase() - b.toLowerCase());
   // 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');
+  for (const name of snippetFilenames) {
+    snippets[name] = fs.readFileSync(path.join(SNIPPETS_PATH, name), 'utf8');
+  }
 } catch (err) {
-  // Handle errors (hopefully not!)
   console.log(`${chalk.red('ERROR!')} During snippet loading: ${err}`);
   process.exit(1);
 }
+
 // Load static parts for the README file
 try {
-  startPart = fs.readFileSync(path.join(staticPartsPath, 'README-start.md'), 'utf8');
-  endPart = fs.readFileSync(path.join(staticPartsPath, 'README-end.md'), 'utf8');
+  startPart = fs.readFileSync(path.join(STATIC_PARTS_PATH, 'README-start.md'), 'utf8');
+  endPart = fs.readFileSync(path.join(STATIC_PARTS_PATH, 'README-end.md'), '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(
@@ -58,48 +71,62 @@ try {
       .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 README file
 try {
+  const tags = [
+    ...new Set(
+      Object.entries(tagDbData)
+        .map(t => t[1])
+        .filter(v => v)
+        .sort((a, b) => a.localeCompare(b))
+    )
+  ];
+
   // Add the start static part
   output += `${startPart + '\n'}`;
-  // Loop over tags and snippets to create the table of contents
   let uncategorizedOutput = '';
-  for (let tag of [...new Set(Object.entries(tagDbData).map(t => t[1]))]
-    .filter(v => v)
-    .sort((a, b) => a.localeCompare(b))) {
-    if (capitalize(tag, true) == 'Uncategorized') {
-      uncategorizedOutput += `### _${capitalize(
-        tag,
-        true
-      )}_\n\n<details>\n<summary>View contents</summary>\n\n`;
-      for (let taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag))
+
+  // Loop over tags and snippets to create the table of contents
+  for (const tag of tags) {
+    const capitalizedTag = capitalize(tag, true);
+
+    if (capitalizedTag === 'Uncategorized') {
+      uncategorizedOutput += `### _${capitalizedTag}_\n\n<details>\n<summary>View contents</summary>\n\n`;
+      for (const taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag)) {
         uncategorizedOutput += `* [\`${taggedSnippet[0]}\`](#${taggedSnippet[0].toLowerCase()})\n`;
+      }
       uncategorizedOutput += '\n</details>\n\n';
     } else {
-      output += `### ${capitalize(tag, true)}\n\n<details>\n<summary>View contents</summary>\n\n`;
-      for (let taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag))
+      output += `### ${
+        EMOJIS[tag] || ''
+      } ${capitalizedTag}\n\n<details>\n<summary>View contents</summary>\n\n`;
+      for (const taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag)) {
         output += `* [\`${taggedSnippet[0]}\`](#${taggedSnippet[0].toLowerCase()})\n`;
+      }
       output += '\n</details>\n\n';
     }
   }
+
   output += uncategorizedOutput;
   uncategorizedOutput = '';
+
   // 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))) {
-    if (capitalize(tag, true) == 'Uncategorized') {
-      uncategorizedOutput += `## _${capitalize(tag, true)}_\n`;
-      for (let taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag))
+  for (const tag of tags) {
+    const capitalizedTag = capitalize(tag, true);
+
+    if (capitalizedTag == 'Uncategorized') {
+      uncategorizedOutput += `---\n ## _${capitalizedTag}_\n`;
+      for (const taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag)) {
         uncategorizedOutput += `\n${snippets[taggedSnippet[0] + '.md'] +
           '\n<br>[⬆ back to top](#table-of-contents)\n\n'}`;
+      }
     } else {
-      output += `## ${capitalize(tag, true)}\n`;
-      for (let taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag)) {
+      output += `---\n ## ${EMOJIS[tag] || ''} ${capitalizedTag}\n`;
+      for (const taggedSnippet of Object.entries(tagDbData).filter(v => v[1] === tag)) {
         let data = snippets[taggedSnippet[0] + '.md'];
         data =
           data.slice(0, data.lastIndexOf('```js')) +
@@ -111,17 +138,16 @@ try {
       }
     }
   }
+
   output += uncategorizedOutput;
   // Add the ending static part
   output += `\n${endPart + '\n'}`;
   // Write to the README file
   fs.writeFileSync('README.md', output);
 } catch (err) {
-  // Handle errors (hopefully not!)
   console.log(`${chalk.red('ERROR!')} During README generation: ${err}`);
   process.exit(1);
 }
-// Log a success message
+
 console.log(`${chalk.green('SUCCESS!')} README file generated!`);
-// Log the time taken
 console.timeEnd('Builder');
diff --git a/snippets/copyToClipboard.md b/snippets/copyToClipboard.md
new file mode 100644
index 000000000..eee6dccfb
--- /dev/null
+++ b/snippets/copyToClipboard.md
@@ -0,0 +1,33 @@
+### copyToClipboard
+
+Copy a string to the clipboard. Only works as a result of user action (i.e. inside a `click` event listener).
+
+Create a new `<textarea>` element, fill it with the supplied data and add it to the HTML document.
+Use `Selection.getRangeAt()`to store the selected range (if any).
+Use `document.execCommand('copy')` to copy to the clipboard.
+Remove the `<textarea>` element from the HTML document.
+Finally, use `Selection().addRange()` to recover the original selected range (if any).
+
+```js
+const copyToClipboard = str => {
+  const el = document.createElement('textarea');
+  el.value = str;
+  el.setAttribute('readonly', '');
+  el.style.position = 'absolute';
+  el.style.left = '-9999px';
+  document.body.appendChild(el);
+  const selected =
+    document.getSelection().rangeCount > 0 ? document.getSelection().getRangeAt(0) : false;
+  el.select();
+  document.execCommand('copy');
+  document.body.removeChild(el);
+  if (selected) {
+    document.getSelection().removeAllRanges();
+    document.getSelection().addRange(selected);
+  }
+};
+```
+
+```js
+copyToClipboard('Lorem ipsum'); // 'Lorem ipsum' copied to clipboard.
+```
diff --git a/snippets/fibonacciUntilNum.md b/snippets/fibonacciUntilNum.md
index 773c55aa3..34220b3bf 100644
--- a/snippets/fibonacciUntilNum.md
+++ b/snippets/fibonacciUntilNum.md
@@ -17,5 +17,5 @@ const fibonacciUntilNum = num => {
 ```
 
 ```js
-fibonacciCountUntilNum(10); // 7
+fibonacciUntilNum(10); // [ 0, 1, 1, 2, 3, 5, 8 ]
 ```
diff --git a/snippets/isNull.md b/snippets/isNull.md
new file mode 100644
index 000000000..1bed08c4d
--- /dev/null
+++ b/snippets/isNull.md
@@ -0,0 +1,14 @@
+### isNull
+
+Returns `true` if the specified value is `null`, `false` otherwise.
+
+Use the strict equality operator to check if the value and of `val` are equal to `null`. 
+
+```js
+const isNull = val => val === null;
+```
+
+```js
+isNull(null); // true
+isNull('null'); // false
+```
diff --git a/snippets/isPrime.md b/snippets/isPrime.md
index 7208dfc06..48268ed9d 100644
--- a/snippets/isPrime.md
+++ b/snippets/isPrime.md
@@ -8,7 +8,7 @@ Return `false` if any of them divides the given number, else return `true`, unle
 ```js
 const isPrime = num => {
   const boundary = Math.floor(Math.sqrt(num));
-  for (var i = 2; i * i <= boundary; i++) if (num % i == 0) return false;
+  for (var i = 2; i <= boundary; i++) if (num % i == 0) return false;
   return num >= 2;
 };
 ```
diff --git a/snippets/size.md b/snippets/size.md
new file mode 100644
index 000000000..1c3127929
--- /dev/null
+++ b/snippets/size.md
@@ -0,0 +1,25 @@
+### size
+
+Get size of arrays, objects or strings.
+
+Get type of `value` (`array`, `object` or `string`). 
+Use `length` property for arrays. 
+Use `length` or `size` value if available or number of keys for objects. 
+Use `size` of a [`Blob` object](https://developer.mozilla.org/en-US/docs/Web/API/Blob) created from `value` for strings.
+
+Split strings into array of characters with `split('')` and return its length.
+
+```js
+const size = value =>
+  Array.isArray(value)
+    ? value.length
+    : value && typeof value === 'object'
+      ? value.size || value.length || Object.keys(value).length
+      : typeof value === 'string' ? new Blob([value]).size : 0;
+```
+
+```js
+size([1, 2, 3, 4, 5]); // 5
+size('size'); // 4
+size({ one: 1, two: 2, three: 3 }); // 3
+```
diff --git a/snippets/toSnakeCase.md b/snippets/toSnakeCase.md
index e277fdcf1..47c82348a 100644
--- a/snippets/toSnakeCase.md
+++ b/snippets/toSnakeCase.md
@@ -6,13 +6,12 @@ Break the string into words and combine them using `_` as a separator.
 For more detailed explanation of this Regex, [visit this Site](https://regex101.com/r/bMCgAB/1).
 
 ```js
-const toSnakeCase = str => {
+const toSnakeCase = str =>
   str &&
-    str
-      .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
-      .map(x => x.toLowerCase())
-      .join('_');
-};
+  str
+    .match(/[A-Z]{2,}(?=[A-Z][a-z]+[0-9]*|\b)|[A-Z]?[a-z]+[0-9]*|[A-Z]|[0-9]+/g)
+    .map(x => x.toLowerCase())
+    .join('_');
 ```
 
 ```js
diff --git a/snippets/yesNo.md b/snippets/yesNo.md
new file mode 100644
index 000000000..5d191cb94
--- /dev/null
+++ b/snippets/yesNo.md
@@ -0,0 +1,18 @@
+### yesNo
+
+Returns `true` if the string is `y`/`yes` or `false` if the string is `n`/`no`.
+
+Use `RegExp.test()` to check if the string evaluates to `y/yes` or `n/no`.
+Omit the second argument, `def` to set the default answer as `no`.
+
+```js
+const yesNo = (val, def = false) =>
+  /^(y|yes)$/i.test(val) ? true : /^(n|no)$/i.test(val) ? false : def;
+```
+
+```js
+yesNo('Y'); // true
+yesNo('yes'); // true
+yesNo('No'); // false
+yesNo('Foo', true); // true
+```
diff --git a/static-parts/README-start.md b/static-parts/README-start.md
index 9d44ed7e7..f6a95a986 100644
--- a/static-parts/README-start.md
+++ b/static-parts/README-start.md
@@ -9,6 +9,8 @@
 - Use <kbd>Ctrl</kbd> + <kbd>F</kbd> or <kbd>command</kbd> + <kbd>F</kbd> to search for a snippet.
 - Contributions welcome, please read the [contribution guide](CONTRIBUTING.md).
 - Snippets are written in ES6, use the [Babel transpiler](https://babeljs.io/) to ensure backwards-compatibility.
+- You can import these snippets into your text editor of choice (VSCode, Atom, Sublime) using the files found in [this repo](https://github.com/Rob-Rychs/30-seconds-of-code-texteditorsnippets).
 - You can import these snippets into Alfred 3, using [this file](https://github.com/lslvxy/30-seconds-of-code-alfredsnippets).
+- You can find a package with all the snippets on [npm](https://www.npmjs.com/package/tsoc). Bear in mind that most of these snippets are not production-ready.
 
 ## Table of Contents
diff --git a/tag_database b/tag_database
index d897e319c..4d24d503e 100644
--- a/tag_database
+++ b/tag_database
@@ -16,6 +16,7 @@ collatz:math
 collectInto:adapter
 compact:array
 compose:function
+copyToClipboard:browser
 countOccurrences:array
 countVowels:string
 currentURL:browser
@@ -69,6 +70,7 @@ isBoolean:utility
 isDivisible:math
 isEven:math
 isFunction:utility
+isNull:utility
 isNumber:utility
 isPrime:math
 isString:utility
@@ -119,9 +121,10 @@ shallowClone:object
 show:browser
 shuffle:array
 similarity:array
+size:object
 sleep:function
 sortCharactersInString:string
-speechSynthesis:media
+speechSynthesis:browser
 splitLines:string
 spreadOver:adapter
 standardDeviation:math
@@ -148,5 +151,6 @@ UUIDGeneratorNode:node
 validateNumber:utility
 without:array
 words:string
+yesNo:utility
 zip:array
 zipObject:array