ahhh this whole thing is so great! psyched to see something of mine included in this list (Minesweeper / winmine-exe.now.sh) among all these other awesome works. thanks for putting this together!

I didn't get to check many out before the guilt of procrastination swept over me, but yours definitely stood out. Love the simplicity and fidelity of it.

Hell yes. Just a few days ago I was in search of the state-of-the-art in terms of open source animation libraries for React and was a bit shocked not much has really progressed beyond a half-implemented web version of react-animated, and the unintuitive and cumbersome API of react-motion (which also suffers from performance issues). This looks to be excellently thought out and is very promising. Can't wait to try it out!

when you include curly braces in arrow functions you lose the implicit return, so this function would return undefined

You can get the implicit return if you use parentheses instead:

f = (a,b,c) => (a * b ^ c)

very true :)

By immediately following it with the word "problem"

I'm on Grande's gigabit and am getting ~180-200 Mbps over 802.11ac a couple rooms away. Sadly I don't have an ethernet dongle for my macbook pro to test a wired connection.

I've taken to popping open the devtools and deleting the offending DOM elements when this happens.

Ctrl+Shift+C in Chrome lets you select the node even before you open the dev tools, and then you can just press "canc" to remove it.

Excellent tip. First part works great. But what do you mean by canc? Is that a button on the inspector? A key combination? Can't find it.

Maybe I'm missing something obvious. It's been a long day...

At least on a Mac, the delete key (or rather Fn-Backspace) does the trick.

Hey thanks for the tip! Would come real handy

I have a bookmarklet that lets me do that without popping open dev tools. When I get home I'll post it.

Here it is:

    javascript:(function(){document.styleSheets[0].addRule(".highlighted_to_remove","background:red !important");var e=function(e){if(e.keyCode==27){i()}};document.addEventListener("keydown",e);var t=function(e){e.stopPropagation();this.classList.add("highlighted_to_remove");return false};var n=function(e){e.stopPropagation();this.classList.remove("highlighted_to_remove");return false};var r=function(e){this.parentNode.removeChild(this);i();e.preventDefault();e.stopPropagation();return false};var i=function(){var i=0;var s=document;while(s=document.body.getElementsByTagName("*").item(i++)){s.removeEventListener("mouseover",t);s.removeEventListener("mouseout",n);s.removeEventListener("click",r);s.classList.remove("highlighted_to_remove")}document.removeEventListener("keydown",e)};var s=0;var o=document;while(o=document.body.getElementsByTagName("*").item(s++)){o.addEventListener("mouseover",t);o.addEventListener("mouseout",n);o.addEventListener("click",r)}})()

This is what I have in my "Kill Element" bookmarklet. (SECURITY NOTE: You should never blindly copy and paste javascript like this and run it in your browser.)

  javascript:(function(){var e=document.body.style.cursor;document.body.style.cursor="crosshair";var t=document.createElement("div");var n="border:1px solid #3280FF;background-color:rgba(50,128,255,0.5);position:absolute;z-index:999999999999999;display:none;";var%20r="pointer-events:none;";var%20i="transition:width%2060ms,height%2060ms,left%2060ms,top%2060ms;";n+=r+"-webkit-"+r+"-moz-"+r;n+=i+"-webkit-"+i+"-moz-"+i;t.setAttribute("style",n);document.body.appendChild(t);var%20s=null;var%20o=function(e){var%20n=e.target;if(n!==s&&n.parentNode){var%20r=n.getBoundingClientRect();var%20i=document.documentElement;var%20o=document.body;var%20u=i.clientTop||o.clientTop||0;var%20a=i.clientLeft||o.clientLeft||0;var%20f=window.pageYOffset||i.scrollTop||o.scrollTop;var%20l=window.pageXOffset||i.scrollLeft||o.scrollLeft;var%20c=l-a+r.left-1;var%20h=f-u+r.top-1;t.style.display="block";t.style.left=c+"px";t.style.top=h+"px";t.style.width=r.width+"px";t.style.height=r.height+"px";s=n}};var%20u=function(n){document.body.style.cursor=e;if(n.target.parentNode)n.target.parentNode.removeChild(n.target);if(t.parentNode)t.parentNode.removeChild(t);window.removeEventListener("click",u,false);window.removeEventListener("mouseover",o,false);n.stopPropagation();n.preventDefault()};window.addEventListener("mouseover",o,false);window.addEventListener("click",u,false)})();void(0)

Your comment makes this page have a long horizontal scroll, and a total pain in the ass to read now. Perhaps you can edit that and put in spaces so it wraps? Thanks.

In fairness, this is HN's fault - not allowing posts to mess up the whole page is basic fit-for-purposeness for forum software and the whole reason HTML is not allowed in the first place. Your workaround, on the other hand, breaks the content as bookmarklets are always one-liners. Evidently (according to a sibling comment) the solution is to prepend 4 spaces, which isn't exactly standard.

As for the bookmarklet, smashing stuff. I'm always deleting irritating stuff on pages using the inspector.

not blaming anyone, just wanna be able to read the comments :)

Please prepend four spaces to this - you have broken formatting on the entire page.

I often do this as well for elements that steal from vertical space - the claustrophobia-inducing ones anyway.

And if it's a site I visit more than once, creating a 'display: none' CSS override. Same for the floating headers that break paging, and similar annoyances. (I use the Stylish browser extension.)

For me, sites with intrusive ads and sites i visit more than once are two groups that do not intersect.

That works well until you get to sites that randomize the id/class/whatever of the element or automatically reinsert it once you kill it. At that point i usually look for a different site. Urgh. I wouldn't mind ads if the weren't that fucking annoying.

just gonna leave this here...

  say -vjun "[[inpt TUNE]] h {D 100; P 233.08:0 233.08:100} OW {D 200; P 233.08:0 233.08:100} l {D 100; P 220:0 220:100} IY {D 200; P 220:0 220:100} f {D 100; P 233.08:0 233.08:100} AA {D 500; P 233.08:0 233.08:100} k {D 100; P 174.61:0 174.61:100} IY {D 500; P 174.61:0 174.61:100} n {D 50; P 174.61:0 174.61:100} g {D 50; P 174.61:0 174.61:100} S {D 100; P 155.56:0 155.56:100} IH {D 400; P 155.56:0 155.56:100} t {D 100; P 155.56:0 155.56:100} IH {D 200; P 233.08:0 233.08:100} t {D 100; P 233.08:0 233.08:100} s {D 100; P 233.08:0 233.08:100} AA {D 200; P 220:0 220:100} d {D 100; P 233.08:0 233.08:100} AY {D 500; P 233.08:0 233.08:100} n {D 100; P 174.61:0 174.61:100} OW {D 400; P 174.61:0 174.61:100} s {D 200; P 155.56:0 155.56:100} OW {D 500; P 155.56:0 155.56:100} r {D 200; P 155.56:0 155.56:100}"

I don't like how Sublime opens the search results as a text file in a new tab. TextMate2 has all of these search features too, except it's all in a nice dialog window. Also, its Find & Replace feature live-previews your changes inside the dialog. It's really nice.

This is pretty rad. I especially love the scanlines on VECTRO. I saw there was supposed to be an animation on it, but it was commented out so I forked it a little and started tinkering. Here's my attempt at CRT nostalgia:

http://codepen.io/anon/pen/lnCch

Whoa, that's even better than I thought it would be. Thanks.