Instantly share code, notes, and snippets.

@cmdoptesc
cmdoptesc / d3.slider.css
Last active Nov 27, 2018
D3: Map Timeline
View d3.slider.css
.d3-slider {
position: relative;
font-family: Verdana,Arial,sans-serif;
font-size: 1.1em;
border: 1px solid #aaaaaa;
z-index: 2;
}
.d3-slider-horizontal {
height: .8em;
@cmdoptesc
cmdoptesc / windows_netsh_forwarding.txt
Created Jun 26, 2018
Windows port/address forwarding with netsh
View windows_netsh_forwarding.txt
netsh interface portproxy show all
netsh interface portproxy add v4tov4 listenport=8081 listenaddress=127.0.0.1 connectport=8081 connectaddress=[remote-ip]
netsh interface portproxy reset
@cmdoptesc
cmdoptesc / You_Dont_Know_JS_this_all_makes_sense_now.md
Created Apr 7, 2018
YDKJS: this & Object Prototypes, this call site, implicit, explicit binding (Kyle Simpson)
View You_Dont_Know_JS_this_all_makes_sense_now.md

Mirror of You Don't Know JS: this & Object Prototypes, this All Makes Sense Now!

You Don't Know JS: this & Object Prototypes

Chapter 2: this All Makes Sense Now!

In Chapter 1, we discarded various misconceptions about this and learned instead that this is a binding made for each function invocation, based entirely on its call-site (how the function is called).

Call-site

To understand this binding, we have to understand the call-site: the location in code where a function is called (not where it's declared). We must inspect the call-site to answer the question: what's this this a reference to?

@cmdoptesc
cmdoptesc / You_Dont_Know_JS_Scope_Closures_Lexical_this.md
Created Apr 7, 2018
YDKJS: Lexical Scope this and ES6 arrow functions (Kyle Simpson)
View You_Dont_Know_JS_Scope_Closures_Lexical_this.md

Mirror of You Don't Know JS: Scope & Closures, Appendix C: Lexical-this

You Don't Know JS: Scope & Closures

Appendix C: Lexical-this

Though this title does not address the this mechanism in any detail, there's one ES6 topic which relates this to lexical scope in an important way, which we will quickly examine.

ES6 adds a special syntactic form of function declaration called the "arrow function". It looks like this:

@cmdoptesc
cmdoptesc / facebook-privacy-guide.md
Last active Mar 28, 2018
Facebook Privacy Settings for those who still want to use Facebook
View facebook-privacy-guide.md

Facebook Privacy Settings for those who still want to use Facebook

Only have five minutes? Read the highlights.

Facebook is an advertising platform that builds profiles about its users through their browsing history and sells them.

Google does the same with your search history and YouTube views. On the other hand, Facebook tracks you because a great number of web sites are littered with Facebook's tiny "Share / Like this" button. A user thinks the button is just there to make sharing easier, but it allows Facebook to keep a record every site the user has been on.

example of tracking button

@cmdoptesc
cmdoptesc / Readme.md
Last active Mar 4, 2018
JavaScript D3: Drawing Concentric Arcs
View Readme.md
@cmdoptesc
cmdoptesc / uszipgeo.json
Last active Feb 20, 2018
uszipgeo.json
View uszipgeo.json
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
@cmdoptesc
cmdoptesc / .block
Last active Feb 14, 2018 — forked from mbostock/.block
Municipalities of Mexico II - How to convert a shapefile to TopoJSON by M Bostock
View .block
border: no
height: 600
license: gpl-3.0
@cmdoptesc
cmdoptesc / Readme.md
Last active Feb 12, 2018
JavaScript D3: Arc tween transitions using attrTween and attr methods
View Readme.md

D3: Arcs Tweening Animation

view on bl.ocks.org

Click on the grey circles. The green arcs will transition using attr, whereas the red ones will use the attrTween method.

If you have not seen/read Bostock's arc tween example, it's probably the best place to start. Secondly, I've posted up a basic example of drawing static, concentric arcs (gist), which might be helpful before adding on tweens/animations.

Below is some annotated source code from my experience playing with arcs. The biggest issue I came across was understanding the role of the arcTween helper function in relation to attrTween. Unlike attr, which takes a value as its second argument, attrTween requires a helper function, arcTween, which will be called during the intermediary animation ticks. This method was used for my [muniNow project](http

@cmdoptesc
cmdoptesc / change_screenshots_path.md
Created Feb 1, 2018
Change macOS / OSX screenshots location
View change_screenshots_path.md

defaults write com.apple.screencapture location ~/Desktop/screenshots

killall SystemUIServer