Mouseover to repel nodes. Adapted from my talk on force layouts. Compare to the canvas version.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
div { | |
width: 42px; | |
height: 40px; | |
-webkit-mask-image: url(http://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/NCAAFootball_transparent.png/42px-NCAAFootball_transparent.png); | |
background: purple; | |
} |
hello-world.min.js
- Twitter, G+, HHJS - @aemkei
- js1k - Scripts no larger than 1k
- 140byt.es - Tweet size JavaScript
- Tweetris - Tetris in 140 Bytes
- Binary Love - Presentation about binary operators
- Fishbone.js - Backbone clone in 350 bytes
- JSFuck - Write any script with only
[]()!+
- Berlin.js - Thanks for having me.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
div { | |
width: 100px; | |
height: 100px; | |
background: url(http://upload.wikimedia.org/wikipedia/commons/thumb/b/b9/NCAAFootball_transparent.png/42px-NCAAFootball_transparent.png) no-repeat; | |
-webkit-filter: | |
invert() | |
contrast(0%) | |
sepia() | |
saturate(8000%) | |
hue-rotate(0deg) |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
function sandbox(script, context){ | |
context.window = {}; | |
for (var key in context){ | |
context.window[key] = context[key]; | |
} | |
context.global = context.window; | |
eval("with (context){~function(){'use strict';" + script + "}()}"); | |
} |
Quick reference for Google's Web Puppeteer:
Returns true iff the element is present and has the given attribute key/value pair. Since the name of the attribute specifying the element's class is either called 'class' or 'className', depending on the browser, use clazz() instead of this function for testing the value of the class with cross-browser compatibility.
Returns true if the element is shown, and if it is, blurs it.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
http://www.jsfuck.com/ | |
// RUN THIS IN JAVASCRIPT | |
([]+{}+[])[!!{}+![]]+([]+ | |
{}+[])[!!{}+!![]]+(!{}+[] | |
)[!{}+![]]+([][{}]+[])[!{ | |
}+![]]+(!{}+[])[![]+!!{}+ | |
!!{}+!![]]+({}+{})[(!!{}+ |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
Version 2, December 2004 | |
Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE> | |
Everyone is permitted to copy and distribute verbatim or modified | |
copies of this license document, and changing it is allowed as long | |
as the name is changed. | |
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE | |
Version 2, December 2004 | |
Copyright (C) 2011 YOUR_NAME_HERE <YOUR_URL_HERE> | |
Everyone is permitted to copy and distribute verbatim or modified | |
copies of this license document, and changing it is allowed as long | |
as the name is changed. | |
DO WHAT THE FUCK YOU WANT TO PUBLIC LICENSE |