rosco-pc

Unifi AP useful commands

using SSH:

• log in to AP: $ ssh ubnt@<IP>
• default username & password: ubnt & ubnt

---

Generic

Command	Example	Function

rbalicki2

How we incorporate next and cloudfront (2018-04-21)

Feel free to contact me at [email protected] or tweet at me @statisticsftw

This is a rough outline of how we utilize next.js and S3/Cloudfront. Hope it helps!

It assumes some knowledge of AWS.

Goals

danielborowski

// interviewer: what will the following code output?
const arr = [10, 12, 15, 21];
for (var i = 0; i < arr.length; i++) {
  setTimeout(function() {
    console.log('Index: ' + i + ', element: ' + arr[i]);
  }, 3000);
}

veganista

<script>console.log({{ product | json }});</script>

paulirish

/* bling.js */
window.$ = document.querySelector.bind(document);
window.$$ = document.querySelectorAll.bind(document);
Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
NodeList.prototype.__proto__ = Array.prototype;
NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };

paulirish

Screencapture and animated gifs

I say "animated gif" but in reality I think it's irresponsible to be serving "real" GIF files to people now. You should be serving gfy's, gifv's, webm, mp4s, whatever. They're a fraction of the filesize making it easier for you to deliver high fidelity, full color animation very quickly, especially on bad mobile connections. (But I suppose if you're just doing this for small audiences (like bug reporting), then LICEcap is a good solution).

Capturing (Easy)

1. Launch quicktime player
2. do Screen recording

addyosmani

CSS Layout Debugger

A tweet-sized debugger for visualizing your CSS layouts. Outlines every DOM element on your page a random (valid) CSS hex color.

One-line version to paste in your DevTools

Use $$ if your browser aliases it:

~ 108 byte version

staltz

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

---

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

---

binwilly

#!/bin/bash

#This script generates one export for each year of a Tilemill project to mbtiles format

#Instructions:
#Run using 'bash tilemill-export.sh [project-name]'
#For more info: http://flipside.org/notes/scripted-tilemill-export

#Assumptions
# - stylesheet = style.mss

hipertracker

// feature: blocking and server side only
// uses: https://github.com/arunoda/meteor-npm
// install: mrt add npm
blockingRequest = function (verb, url, data) {
    return Async.runSync(function (done) {
        HTTP.call(verb, url, data, function (error, result) {
            done(error, result);
        });
    });
};