AmdcL
A Pen by John Hunter on CodePen.
johnhunter
/ grid_mixins.scss
Last active Jan 29, 2019
— forked from ksenzee/grid_mixins.scss
Mixins that make it possible to use CSS Grid in IE 10/11 as well as in modern browsers. Based on mixins by Sascha Fuchs at https://medium.com/@gisugosu/css-grid-layout-spec-2-to-spec-1-transpiler-with-sass-415dff4dd31b.
View grid_mixins.scss
| // | |
| // Grid mixins to support IE11 | |
| // https://gist.github.com/johnhunter/1c7d332e7c2ed8351e36c40695b94d4f | |
| // | |
| /// Add Gap between the boxes | |
| /// | |
| /// @author Sascha Fuchs | |
| /// | |
| /// @group core - cssgrid |
johnhunter
/ curry es5 example.js
Created Feb 15, 2017
transformation from https://github.com/johnhunter/react-voting-client/blob/master/src/remote_action_middleware.js#L3
View curry es5 example.js
| exports.default = function (socket) { | |
| return function (store) { | |
| return function (next) { | |
| return function (action) { | |
| if (action.meta && action.meta.remote) { | |
| var clientId = store.getState().get('clientId'); | |
| socket.emit('action', objectAssign({}, action, { clientId: clientId })); | |
| } | |
| return next(action); | |
| }; |
View font.html
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>How browsers set vertical spacing</title> | |
| <style> | |
| body { | |
| margin: 20px; | |
| font-family: Times,'Times new roman'; | |
| font-size: 16px; |
View dry-example.scss
| // Allow mixins that share common properties in a single css rule | |
| // store autogenerated selectors that map | |
| $Placeholder-Selectors: (); | |
| @mixin button($color, $extend: true) { | |
| @include button-static($extend); | |
| background-color: $color; | |
| border-color: mix(black, $color, 25%); |
View createQueue.js
| /* | |
| createQueue - ease the pain of nested callbacks on animation | |
| */ | |
| function createQueue (stepCallback) { | |
| var queue = []; | |
| var isPaused; | |
| var totalSteps = 0; |
View gist:8802905
| https://github.com/joyent/node/blob/master/deps/uv/include/uv.h#L63 |
View main.js
| /* jshint node:true, es3:false */ | |
| // we need some complex maths functions :) | |
| var maths = require('./maths'); | |
| console.log(maths.XplusY(2, 4)); | |
| console.log(maths.XtimesY(2, 4)); |
View monad.js
| /* | |
| From Doug Crockford's talk 'Monads and Gonads' | |
| */ | |
| /* | |
| Doug calls this a Macroid - a JavaScript version of a macro. | |
| Its purpose is to create the monad unit function for a specific monad type | |
| */ | |
| function MONAD (){ |
View Gruntfile.js
| /* jshint node: true */ | |
| module.exports = function(grunt) { | |
| grunt.registerTask('default', ['concat:test']); | |
| grunt.loadNpmTasks('grunt-contrib-concat'); | |
| grunt.initConfig({ | |
| pkg: grunt.file.readJSON('package.json'), | |
| concat: { |
NewerOlder