Rafał Brzeski r4fx

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Stack Overflow trends

Imagine you have a list of elements. E.g. some DIV's (or something else) and you want to surround or wrap blocks or chunks of 3 with an <li> element.

<li>
foo

Table of Contents generated with DocToc

	/**
	* Prevent body scroll and overscroll.
	* Tested on mac, iOS chrome / Safari, Android Chrome.
	*
	* Based on: https://benfrain.com/preventing-body-scroll-for-modals-in-ios/
	* https://stackoverflow.com/a/41601290
	*
	* Use in combination with:
	* html, body {overflow: hidden;}
	*

	var uniqueArray = function(arrArg) {
	return arrArg.filter(function(elem, pos,arr) {
	return arr.indexOf(elem) == pos;
	});
	};

	var uniqEs6 = (arrArg) => {
	return arrArg.filter((elem, pos, arr) => {
	return arr.indexOf(elem) == pos;
	});

	{namespace dce=ArminVieweg\Dce\ViewHelpers}
	<f:layout name="Default" />
	<f:section name="main">
	<f:for each="{dce:fal(field:'images', contentObject:contentObject)}" as="image">
	<!-- This is the normal unresponsive way -->
	<f:image image="{image}" />

	<!-- Here we referer to typoscript to render the responsive image -->
	<f:cObject typoscriptObjectPath="lib.responsiveImage" data="{image.uid}"></f:cObject>
	</f:for>

	(function (root, factory) {
	if ( typeof define === 'function' && define.amd ) {
	define([], factory(root));
	} else if ( typeof exports === 'object' ) {
	module.exports = factory(root);
	} else {
	root.myPlugin = factory(root);
	}
	})(typeof global !== "undefined" ? global : this.window \|\| this.global, function (root) {