giltayar

{
  "name": "dual-cjs-mjs-package",
  "version": "1.0.0",
  "description": "A package that can be both imported as esm and as cjs",
  "main": "entry",
  "scripts": {
    "build": "babel *.mjs **/*.mjs --out-dir ."
  },
  "devDependencies": {
    "babel-cli": "^6.26.0",

Avaq

const I  = x => x
const K  = x => y => x
const A  = f => x => f (x)
const T  = x => f => f (x)
const W  = f => x => f (x) (x)
const C  = f => y => x => f (x) (y)
const B  = f => g => x => f (g (x))
const S  = f => g => x => f (x) (g (x))
const S_ = f => g => x => f (g (x)) (x)
const S2 = f => g => h => x => f (g (x)) (h (x))

benwyrosdick

gem 'rack'

AllThingsSmitty

var myImg = document.querySelector('img'),
  op = document.querySelector('output');

op.innerHTML = "Computed width: " +
  getComputedStyle(myImg).getPropertyValue('width') +
  '<br>' + 'img.width: ' +
  myImg.width +
  '<br>' + 'getAttribute(width): ' +
  myImg.getAttribute('width') +
  '<br>' + 'img.naturalWidth: ' +

rcdilorenzo

var gulp = require('gulp');
var concat = require('gulp-concat');
var print = require('gulp-print');
var bowerFiles = require('main-bower-files');
var filter = require('gulp-filter');
var sass = require('gulp-sass');
var flatten = require('gulp-flatten');

var jsFilter = filter('**/*.js');
var cssFilter = filter('**/*.css');

imjasonh

* {
    font-size: 12pt;
    font-family: monospace;
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    color: black;
    cursor: default;
}

rauchg

Effective transpiling of ES6

After publishing my article on ECMAScript 6, some have reached out to ask how I exactly I make it all work.

I refrained from including these details on the original post because they're subject to immiment obsoletion. These tools are changing and evolving quickly, and some of these instructions are likely to become outdated in the coming months or even weeks.

The main tool

When evaluating the available transpilers, I decided to use 6to5, which has recently been renamed to Babel. I chose it based on:

mattt

struct URL {
    var scheme: String?
    var user: String?
    var password: String?
    var host: String?
    var port: Int?
    var path: String?
    var query: String?
    var fragment: String?

LeaVerou

/**
 * HSL clock
 */

height: 100%;
font: bold 5em/1 Helvetica Neue, sans-serif;
display: flex;
text-align: center;
align-items: center;
justify-content: center;

pixelass

Mandelbrot in SCSS

The mandelbrot algorithm in SCSS. rendering the mandelbrot set in one element

<mandelbrot-set></mandelbrot-set>

A Live example