koppt koppthe

Pure ESM package

The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.

This means you have the following choices:

Use ESM yourself. (preferred)
Use import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.
If the package is used in an async context, you could use await import(…) from CommonJS instead of require(…).
Stay on the existing version of the package until you can move to ESM.

Gradient shadow in pure CSS

HTML

<button>Let's Go !</button>

How to set up Gulp with an ExpressionEngine project

I freaking love working with technologies like Grunt and Gulp, and wanted to share how to get my current EE front-end workflow set up. With a few tweaks, this can also be used with virtually any other sites (I've used it with Laravel, static sites, Craft, etc).

Install Node.js

If Node is not yet installed on the machine, it will need to be installed

	# Node.js on Apple Silicon
	Node Version Manager (https://github.com/nvm-sh/nvm) works perfectly across native node installations as well as emulated Rosetta installations.
	The trick I am using here is to install one LTS version of node under Rosetta and another stable version as native binary.

	## TODO
	- find a way how to run the same node version on both platforms


	/*
	* Stripe WebGl Gradient Animation
	* All Credits to Stripe.com
	* ScrollObserver functionality to disable animation when not scrolled into view has been disabled and
	* commented out for now.
	* https://kevinhufnagl.com
	*/

	const JSZip = require('jszip')
	const { parseBuffer } = require('bplist-parser')
	const { isObject, each, find } = require('lodash')

	const parseArchivedValue = value => {
	return parseBuffer(new Buffer(value, 'base64'))
	}

	const parseArchivedString = obj => {
	const { $objects } = parseArchivedValue(

	_.mixin({
	deeply: map =>
	(obj, fn) =>
	map(_.mapValues(obj, (v) => {
	if (_.isPlainObject(v)) {
	return _.deeply(map)(v, fn);
	} else if (_.isArray(v)) {
	return _.map(v, item => _.deeply(map)(item, fn));
	}
	return v;

	(function () {
	var g = void 0,
	k = !0,
	m = null,
	o = !1,
	p, q = this,
	r = function (a) {
	var b = typeof a;
	if ("object" == b) if (a) {
	if (a instanceof Array) return "array";