Skip to content

Instantly share code, notes, and snippets.

@digitalicarus
digitalicarus / app.js
Created September 30, 2020 23:00
Dumb Little Static Node Server
const userHash = 'generate_this';
const passHash = 'generate_this';
const http = require('http');
const bcrypt = require('./bcrypt');
const querystring = require('querystring');
const fs = require('fs');
const url = require('url');
const path = require('path');
const basepath = __dirname;
const port = process.env.PORT || '3000';
@digitalicarus
digitalicarus / grids.less
Created February 14, 2017 21:42
don't overthink grids
@gridGutter: 20px;
@basicGridDivisions: 12;
@basicGridSubdivisions: 4;
[class^='grid'] {
width: 100%;
}
.grid {
.col-loop (@i) when (@i > 0) {
@digitalicarus
digitalicarus / WaCKY.js
Created January 11, 2017 15:46
wackycase
(function(){var t=function(r){var n,a=[],w=document.createTreeWalker(r,NodeFilter.SHOW_TEXT,null,false);while(n=w.nextNode()) a.push(n);return a;},i,n=t(document.body); for(i=0;i<n.length;i++) n[i].nodeValue=n[i].nodeValue.replace(/./g, function(c) { return c['aeiou'.indexOf(c.toLowerCase()) > -1 ? 'toLowerCase' : 'toUpperCase'](); });})()
@digitalicarus
digitalicarus / fnTemplate.js
Created April 3, 2016 20:31
function template
function fnTemplate (f) {
return f.toString()
.replace(/[^\/]*\/\*!/m,'')
.replace(/\*\/(.|\s)*/m, '');
}
@digitalicarus
digitalicarus / okttyl.js
Last active February 16, 2016 16:05
Promises For Teens
function lilSomethinForLater () {
var immaCallYa = okttyl();
gotoWork(function (data) {
immaCallYa.supBaby(data);
}, function (err) {
immaCallYa.flake();
});
return immaCallYa.forReal;
}
(function webpackUniversalModuleDefinition(root, factory) {
if(typeof exports === 'object' && typeof module === 'object')
module.exports = factory(require("react"));
else if(typeof define === 'function' && define.amd)
define(["react"], factory);
else if(typeof exports === 'object')
exports["ReactMotion"] = factory(require("react"));
else
root["ReactMotion"] = factory(root["React"]);
})(this, function(__WEBPACK_EXTERNAL_MODULE_1__) {
@digitalicarus
digitalicarus / chromeOverflowWorkaround.js
Last active August 30, 2021 17:37
Chrome overflow problem
/**
* There's a nasty bug in Chrome for Windows where at times overflow auto isn't honored on
* a transitioned element after the transition. There is a workaround. Anything that forces
* a CSS recalc on that overflowed node will resume expected wheel / gesture scroll
* behavior.
* https://code.google.com/p/chromium/issues/detail?id=524687
* https://code.google.com/p/chromium/issues/detail?id=417345
*/
function forceCSSRecalc (rootNode) {
var firstOverflowEle = document.createTreeWalker(
@digitalicarus
digitalicarus / fiddle.css
Last active September 15, 2017 22:39
React Animation: React Motion Clock
* {
box-sizing: border-box;
}
.clock-example {
display: -webkit-flex; /*safari*/
display: flex;
align-items: flex-start;
width: 300px;
justify-content: space-between;
@digitalicarus
digitalicarus / fiddle.css
Last active February 2, 2021 15:15
React Animation: List Filter Animation
.super-fly-list-component .measure {
position: absolute;
left: -9999px;
}
.super-fly-list-component {
position: relative;
}
.super-fly-list-component li {
position: absolute;
transition: opacity .3s ease, transform .3s ease, top .1s ease;
@digitalicarus
digitalicarus / fiddle.css
Last active November 23, 2015 15:38
React Animation: DOM Enter Exit Popover
html *, body * {
margin: 0;
padding: 0;
font-family: Verdana, arial;
}
header {
background-color: #dcdcdc;
box-shadow: 0 1px 4px #666;
height: 40px;
line-height: 40px;