Nikita Vasilyev NV

Developer Tools developer. I worked on WebKit Inspector at  for a decade.

554 followers · 76 following

San Francisco
https://n12v.com
@_n12v

View GitHub Profile

Recently created

Least recently created

Recently updated

Least recently updated

NV / README.markdown

Last active August 29, 2015 13:57

Precise sum of float numbers.

0.1 + 0.2 // 0.30000000000000004
sumFloats([0.1, 0.2]) // 0.3

Alternatives

http://stackoverflow.com/questions/13417670/precise-sum-of-floating-point-numbers

Kahan summation algorithm

viktors/node-kahan#1

NV / deep-link-state.js

Created January 25, 2014 19:36

React.js deep linkState http://stackoverflow.com/questions/21057219/react-js-2-way-bindings-two-levels-deep-path-in-valuelink

	var DeepLinkState = {
	linkState: function(path) {
	function setPath(obj, path, value) {
	var leaf = resolvePath(obj, path);
	leaf.obj[leaf.name] = value;
	}

	function getPath(obj, path) {
	var leaf = resolvePath(obj, path);
	return leaf.obj[leaf.name];

NV / devtools-timeline.gif

Last active January 1, 2016 14:19

http://stackoverflow.com/questions/12528049/if-a-dom-element-is-removed-are-its-listeners-also-removed-from-memory

NV / named-arguments.js

Created December 13, 2013 01:25

JavaScript named arguments

	callWithNamed({one: 1, two: 2, three: 3}, function(three, one, two) {
	console.log(one, two, three);
	});


	function callWithNamed(dict, fn, context) {
	var newArgs = [];
	var parsedArgs = parseArgs(fn);
	for (var i = 0; i < parsedArgs.length; i++) {
	var name = parsedArgs[i];

NV / parse-css.js

Created November 3, 2013 03:44

Parse CSS in a browser

	var style = document.createElement('style')
	var iframe = document.createElement('iframe')
	document.body.appendChild(iframe)
	iframe.contentDocument.documentElement.appendChild(style)
	iframe.style.display = 'none'

	style.textContent = 'a {color: red}'
	style.sheet // CSSStyleSheet
	style.sheet.cssRules[0].cssText // 'a { color: red; }'
	style.sheet.cssRules[0].selectorText // 'a'

NV / connect.js

Last active December 26, 2015 00:29

2 Rectangles Convex Hull, e.g. find minimum polygon that wraps any two rectangles.

	attachPair(document.getElementById('a'), document.getElementById('b'), createPolygon());
	attachPair(document.getElementById('c'), document.getElementById('d'), createPolygon());
	attachPair(document.getElementById('e'), document.getElementById('f'), createPolygon());

	function attachPair(a, b) {
	var polygon = createPolygon();
	draggable(a, {
	onMove: function(e) {
	update(a, b, polygon);
	}

NV / README.markdown

Last active December 22, 2015 03:09

Command-line tool for pow!

pow

Serve static files in a current directory and create $current_dir.dev host name.

Usage

~/Sites/usercss.ru ➤ pow
open http://usercss.ru.dev/

~/Sites/n12v.com/static ➤ pow n12v

NV / serve.fish

Created August 30, 2013 02:57

Serve current directory at "current-dir-name.dev". Pow!

	function serve
	set NAME (basename $PWD)
	mkdir -p "$HOME/.pow/$NAME"
	ln -s $PWD "$HOME/.pow/$NAME/public"
	open "http://$NAME.dev"
	end

NV / Readme.md

Last active January 7, 2025 08:28

Prepend the debugger statement to a function as easy as stopBefore('Element.prototype.removeChild'). Works in Chrome DevTools and Safari Inspector, doesn’t work in Firebug‘s and Firefox Developer Tools‘ console (I don’t know why). Works as a standalone script everywhere.

stopBefore.js

2min screencast

Examples

stopBefore(document, 'getElementById')
stopBefore('document.getElementById') // the same as the previous
stopBefore(Element.prototype, 'removeChild')

NV / devtools.html

Created November 24, 2012 22:11

Append style rules created in elements panel to last included CSS file

Newer Older