Instantly share code, notes, and snippets.

View _responsive-font-size.sass
$screensize-phones: 480px
$screensize-desktops: 1280px
$font-size-min: 16px
$font-size-max: 32px
@function strip-unit($number)
@if type-of($number) == 'number' and not unitless($number)
@return $number / ($number * 0 + 1)
@return $number
View .eslintrc.js
// $ cat .eslintrc.js
module.exports = {
'env': {
'browser': true,
'meteor': true,
'node': true,
'es6': true
'extends': 'eslint:recommended',
'parserOptions': {
./adb shell screencap -p | perl -pe 's/\x0D\x0A/\x0A/g' > screen.png

procedural mesh generation

Generates an algorithmic 3D OBJ file with ThreeJS and Node.js.

# print to stdout
node generate-mesh.js > test.obj

# write to file
node generate-mesh.js test.obj
View modern-browser.js
const querySelectorAvailable = 'querySelector' in document;
const localStorageAvailable = 'localStorage' in window;
const eventListenerAvailable = 'addEventListener' in window;
if (querySelectorAvailable
&& localStorageAvailable
&& eventListenerAvailable) {
// Do your modern browser stuff
View Webpage Resource

Resource priorization (Chrome)

  1. HTML Higest priority
  2. Styles Higest priority, Stylesheet referenced with @import are also highest priority
  3. Images
  • Low priority, if outside the viewport
  • Upgraded to medium priority, when they should be rendered in the visible viewport
  1. Ajax/XHR/fetch() High priority
  2. Scripts
  • <script></script> High, when appearing in the markup before and image
  • <script></script> Medium, when appearing in the markup after an image
View javascript.el
;;; javascript-web.el --- Javascript & co. setup
;;; Commentary:
;; Setup web development tools
;;; Code:
;;; --- Javascript
(use-package indium
:ensure t
View colorlog.js
// -- You can use %c to CSS style your output
console.log('%cPrint styled text to the console!', 'font-size: 50px; background: red;');
// -- Use table() function to layout more complex data
const persons = [
{ name: 'Paul',
city: 'Heidelberg',
age: 35,
job: 'Photographer'
View esh-custom.el
(require 'dash)
(require 's)
(defmacro with-face (STR &rest PROPS)
"Return STR propertized with PROPS."
`(propertize ,STR 'face (list ,@PROPS)))
(defmacro esh-section (NAME ICON FORM &rest PROPS)
"Build eshell section NAME with ICON prepended to evaled FORM with PROPS."
`(setq ,NAME

Vortex Poker 3 Cheetsheet


  • MENU + 4 - Cycle through key light reaction effects:
    1. Key flash white
    2. Key flash RGB
    3. Keyboard flash white
    4. Keyboard flash RGB