MesmericDigital

Ultimate Resource List

CLI Tools
GUI Tools
Web Tools
Systems/Services
Networks
Containers/Orchestration
Manuals/Howtos/Tutorials

In production, it is recommended to minify any JavaScript code that is included with your application. Minification can help your website load several times faster, especially as the size of your JavaScript source code grows.

Here's one way to set it up:

Install Node.js
Run npm init -y in your project folder (don't skip this step!)
Run npm install terser

Now, to minify a file called like_button.js, run in the terminal:

Vanilla JavaScript Quick Reference / Cheatsheet

Just migrated it from Codepen.io to markdown. Credit goes to David Conner.

Working with DOM	Working with JS	Working With Functions
Accessing Dom Elements	Add/Remove Array Item	Add Default Arguments to Function
Grab Children/Parent Node(s)	Add/Remove Object Properties	Throttle/Debounce Functions
Create DOM Elements	Conditionals

⇐ back to the gist-blog at jrw.fi

Advanced SCSS

Or, 16 cool things you may not have known your stylesheets could do. I'd rather have kept it to a nice round number like 10, but they just kept coming. Sorry.

I've been using SCSS/SASS for most of my styling work since 2009, and I'm a huge fan of Compass (by the great @chriseppstein). It really helped many of us through the darkest cross-browser crap. Even though browsers are increasingly playing nice with CSS, another problem has become very topical: managing the complexity in stylesheets as our in-browser apps get larger and larger. SCSS is an indispensable tool for dealing with this.

This isn't an introduction to the language by a long shot; many things probably won't make sense unless you have some SCSS under your belt already. That said, if you're not yet comfy with the basics, check out the aweso

	//Woocommerce Checkout JS events
	$( document.body ).trigger( 'init_checkout' );
	$( document.body ).trigger( 'payment_method_selected' );
	$( document.body ).trigger( 'update_checkout' );
	$( document.body ).trigger( 'updated_checkout' );
	$( document.body ).trigger( 'checkout_error' );

	//Woocommerce cart page JS events
	$( document.body ).trigger( 'wc_cart_emptied' );
	$( document.body ).trigger( 'update_checkout' );

	// 🔥 Node 7.6 has async/await! Here is a quick run down on how async/await works

	const axios = require('axios'); // promised based requests - like fetch()

	function getCoffee() {
	return new Promise(resolve => {
	setTimeout(() => resolve('☕'), 2000); // it takes 2 seconds to make coffee
	});
	}

	"use strict";

	// Load plugins
	const autoprefixer = require("autoprefixer");
	const browsersync = require("browser-sync").create();
	const cp = require("child_process");
	const cssnano = require("cssnano");
	const del = require("del");
	const eslint = require("gulp-eslint");
	const gulp = require("gulp");

	var gulp = require('gulp'),
	gutil = require('gulp-util'),
	sass = require('gulp-sass'),
	csso = require('gulp-csso'),
	uglify = require('gulp-uglify'),
	jade = require('gulp-jade'),
	concat = require('gulp-concat'),
	livereload = require('gulp-livereload'), // Livereload plugin needed: https://chrome.google.com/webstore/detail/livereload/jnihajbhpnppcggbcgedagnkighmdlei
	tinylr = require('tiny-lr'),
	express = require('express'),

	@mixin ie6 { * html & { @content } }

	#logo {
	background-image: url("/images/logo.png");
	@include ie6 { background-image: url("/images/logo.gif"); }
	}

	'use strict';
	var gulp = require('gulp');
	var gutil = require('gulp-util');
	var del = require('del');
	var uglify = require('gulp-uglify');
	var gulpif = require('gulp-if');
	var exec = require('child_process').exec;


	var notify = require('gulp-notify');