Roy Ling royling

Found an interesting snippet in the babel transpiled code.

For the below ES6 code snippet:

import { speak } from './mod_test';
speak('world');

Babel will transpile it to ES5 as below:

Minion in Pure CSS

CSS minion from Despicable Me recreated in pure CSS. This was created with only CSS3 shapes using pseudo classes and box-shadows.

	#!/bin/bash

	# run `npm install` (or any command) in a container of `node:latest` image
	# - mount current dir to the working directory /ws in container
	# - one-off container
	docker run -it --rm -v $PWD:/ws -w /ws node npm install

	<!DOCTYPE html>
	<head>
	<title>CSS Blending</title>
	<link rel="stylesheet" href="main.css">
	</head>
	<body>
	<div>
	<input id="backdropColor" type="text" placeholder="Backdrop color, eg. #ffffff/white"><br>
	<input id="sourceColor" type="text" placeholder="Source color, eg. #000000/black"><br>
	<select name="blendingMode" id="blendingMode"></select>

	import java.util.ArrayList;
	import java.util.Iterator;
	import java.util.List;
	import java.util.concurrent.Callable;
	import java.util.concurrent.ExecutorService;
	import java.util.concurrent.Future;
	import java.util.concurrent.LinkedBlockingQueue;
	import java.util.concurrent.ThreadPoolExecutor;
	import java.util.concurrent.TimeUnit;

	alias ls='ls -aGFh'
	alias ll='ls -l'

	git_repo() {
	git rev-parse --is-inside-work-tree &> /dev/null
	return $?
	}

	git_branch() {
	git branch --no-color 2>/dev/null \| sed -e '/^[^]/d' -e 's/ \(.*\)/\1/'

	function superhero(clazz) {
	Object.defineProperty(clazz.prototype, 'isSuperHero', {value: true});
	return clazz;
	}

	@superhero
	class MySuperHero {
	constructor(first, last) {
	this.name = `${first} ${last}`;
	}

	class YourConstruct {
	constructor() {}

	// implement iterable protocol
	[Symbol.iterator]() {
	// return an iterator
	return {
	// the iterator is iterable!
	[Symbol.iterator]() {
	return this;