JSConf Budapest – Invisible Code

MARTIN KLEPPE
INVISIBLE CODE

View Slide

MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMNdyssoooyNMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMNy/..` ``` ``..--/+/+yydNMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMNy- ` `....+mMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMNs.` `` `...`/hNMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMN+` `-dMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMN: ` ``-dMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMN- ` ``.:/dMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMdo` `.-/-hMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMNo` .:/:/.:hMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMN/ `.../sms.:oNMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMo` ``..-//:yNMMm::shMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMy. ``..---.``.::///++oyNMMMMM+:soMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMN- ``..---::::/+ooosydmNMMMMMMN+//+NMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMy- `....---:://+oyhdmNNNNMMMMMMmy/-+NMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMmo `....----::/++ohmmNNNNMMMMMMMMN/./mMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMN/ `.....``````..-::/osyhddhhddddmNd..+NMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMy` `.--...```````` ``-:/+++/:.``./hs`oNMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMNo+:.` .---..``` `.`````.:+o:.` `:+mNNMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMm:` ```----...``````:-``.``-+mN+..``:NNMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMmh-..`..`-::--........---....-oNMNdyyhmMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMho:. `-..``-:----..--::::::-...-+NMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMNo. ` `.-------:://///:-....-/hMMMMMMMMMh`oMMMMMMMMMMMMMMMM
MMMMMMMMMMMMN- .-:------:::::--.`..--/sMMMh+yNMMh sMMMMMMMMMMMMMMM
MMMMMMMMMMMMo `.-----..........`````.-+dNm+-/dN- +MMMMMMMMMMMMMMM
MMMMMMMMMMMM. `.--...````````````````.oNMMo:.o/ +MMMMMMMMMMMMMMM
MMMMMMMMMMMM/ `....````` ````.-:/+hmmy-:/y oMMMMMMMMMMMMMMM
MMMMMMMMMMMMs ``..````````` ```.-+shyydh. dMMMMMMMMMMMMMMM
MMMMMMMMMMMMy ``````````..``````--:/yMMNmh. /mMMMMMMMMMMMMMM
MMMMMMMMMMMMs `````` ``````````.-oNNh+. .+oyhhmMMMMMMMM
MMMMMMMMMMMM. ` ````````....-:ohmNd/` `-:+sh
MMMMMMMMMMMs `...--/ydy:
MMMMMMMMmdy- `.-.
MMMNy+-.
ms: ```
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
MMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMMM
@aemkei / aem1k.com

View Slide

ubilabs.net

View Slide

. eval(z='p="<"+"pre>"/* ,.oq#+ ,._, */;for(y in n="zw24l6k\ 4e3t4jnt4qj24xh2 x/* =<,m#F^ A W###q. */42kty24wrt413n243n\ 9h243pdxt41csb yz/* #K q##H######Am */43iyb6k43pk7243nm\ r24".split(4)){/* dP cpq#q##########b, */for(a in t=pars\ eInt(n[y],36)+/* p##@###YG=[#######y */(e=x=r=[]))for\ (r=!r,i=0;t[a/* d#qg `*PWo##q#######D */]>i;i+=.05)wi\ th(Math)x-= /* aem1k.com Q###KWR#### W[ */.05,0>cos(o=\ new Date/1e3/* .Q#########Md#.###OP [email protected] , */+x/PI)&&(e[~\ ~(32*sin(o)*/* , (W#####Xx######.P^ T % */sin(.5+y/7))\ +60] =-~ r);/* #y `^TqW####P###BP */for(x=0;122>\ x;)p+=" *#"/* b. OQ####x#K */[e[x++]+e[x++\ ]]||(S=("eval"/* l `X#####D , */+"(z=\'"+z.spl\ it(B = "\\\\")./* G####B" # */join(B+B).split\ (Q="\'").join(B+Q/* VQBP` */)+Q+")//m1k")[x/2\ +61*y-1]).fontcolor/* TP */(/\\w/.test(S)&&"#\ 03B");document.body.innerHTML=p+=B+"\\n"}setTimeout(z)')// 

View Slide

View Slide

E = 1 , z=1.07 ; function s( a) { for(a&&(E=!E),H="",z *= .9,T*=.8,Y=0;2>Y;Y+=.1) { for (X=0;2>X;X+=.04){for(x=y=i =0;99>i &&99>=x*x+y*y;i++)t=2*x*y,x = x*x-y*y+z*X -z-Z/(1-T),y=t+z*Y-z-U;(/* MANDELCODE=A-QUINE-BY-AEMKEI=CLICK-TO-ZOOM*/ H )+=" .+#"[ i%5]}H+=n}!E&&setTimeout(s ,99),P[ I]=H}Z=1.74909351853611232, U = 3.40212772e-7,onclick=s;n ="\n";P.textContent="<" + "pre id=P>\n"+P[I= "i"+ "nnerHTML" ] T /*aem1k*/ = - 2 

View Slide

View Slide

jsfuck.com

View Slide

View Slide

[][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+
+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]
[([][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[
[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+![+
[]]]]]+[])[+[[!+[]+!+[]+!+[]]]]+([][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]
[]+!+[]+![]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!
+!+[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]]]+([][[]]
[])[+[[+!+[]]]]+(![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[
[]]]]+([][[]]+[])[+[[+[]]]]+([][(![]+[])[[[[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+
[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+
[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+([][(
+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]
+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[
[[!+[]+!+[]+!+[]+!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]]((![]+[])[+[[+!+[]]]]+
[]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]+(!!
[])[+[[+[]]]]+([][(![]+[])[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]
[]+[])[+[[!+[]+!+[]]]]+(!![]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]
[])[+[[+!+[]]]]]+[])[+[[+!+[]]]+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+[+!+[]]+([][(![]+
[+[[+[]]]]+([][[]]+[])[+[[!+[]+!+[]+!+[]+!+[]+!+[]]]]+(![]+[])[+[[!+[]+!+[]]]]+
[]+[])[+[[+[]]]]+(!![]+[])[+[[!+[]+!+[]+!+[]]]]+(!![]+[])[+[[+!+[]]]]]+[])[+[[+

View Slide

DHTML5
DHTML5

View Slide

Title
 function init() { ... } 

...

View Slide

...

Title

View Slide


...

View Slide

View Slide

'+1>

View Slide

View Slide

id=b onload="b.innerHTML=''+1"

View Slide

View Slide

b.innerHTML=1

View Slide

min.js

View Slide

var x = Math.random();
var y = Math.random();
var z = Math.max(x, y);

View Slide

x = Math.random();
y = Math.random();
z = Math.max(x, y);

View Slide

M = Math;
x = Math.random();
y = Math.random();
z = Math.max(x, y);

View Slide

M = Math;
x = M.random();
y = M.random();
z = M.max(x, y);

View Slide

M = Math;
r = M.random;
x = M.random();
y = M.random();
z = M.max(x, y);

View Slide

M = Math;
r = M.random;
x = r();
y = r();
z = M.max(x, y);

View Slide

M = Math;
r = "random";
x = M[r]();
y = M[r]();
z = M.max(x, y);

View Slide

M = Math;
r = "random";
x = M[r="random"]();
y = M[r]();
z = M.max(x, y);

View Slide

M = Math;
x = M[r="random"]();
y = M[r]();
z = M.max(x, y);

View Slide

with (Math){
x = random();
y = random();
z = max(x, y);
}

View Slide

with (Math)
x = random(),
y = random(),
z = max(x, y);

View Slide

with (Math)
x = (r=random)(),
y = r(),
z = max(x, y);

View Slide

with (Math)
z = max((r=random)(), r());

View Slide

with(Math)z=max((r=random)(),r())

View Slide

aem1k.com/deathstar

View Slide

Зв
езда

View Slide

View Slide

="" ,= !+ , =! +,
=
+{}, = [++ ],= [ =] ,=
++ +, =
[+ ],[ +=
[
]+(
.
+
)[] +[ ]++ + []+
+ +
[ ]+ ][ ] ([
]+ [ ]+ []+
++ "()"
)()

View Slide

View Slide

without Latin characters?
How to write JavaScript

View Slide

1. Escape Sequences
2. Playing Scrabble

View Slide

a

View Slide

a \u0061

View Slide

\u0061\u006c\u0065\u0072\u0074(1)

View Slide

a l e r t (1)

View Slide

\u96e8

View Slide

a \x61

View Slide

"a" "\x61"

View Slide

"a" "\141"

View Slide

[]["\155\141\160\]["\
\143\157\156\163\164\
\162\165\143\164\157\
\162"]("\141\154\145\
\162\164\50\61\51")()

View Slide

[]["\155\141\160"]["\
\143\157\156\163\164\
\162\165\143\164\157\
\162"]("\141\154\145\
\162\164\50\61\51")()

View Slide

[][" m a p "]["\
c o n s t \
r u c t o \
r "](" a l e \
r t ( 1 ) ")()

View Slide

[]["map"]["constructor"]("alert(1)")()

View Slide

function["constructor"]("alert(1)")()

View Slide

Function("alert(1)")()

View Slide

eval("alert(1)")

View Slide

1. Escape Sequences
2. Playing Scrabble

View Slide

![] => false
!![] => true

View Slide

![] + "" => "false"
!![] + "" => "true"

View Slide

"true"[0] => "t"
"true"[1] => "r"
"true"[2] => "u"
"true"[3] => "e"

View Slide

"false" [1]
"false" [2]
"true" [3]
"true" [1]
"true" [0]

View Slide

f a l s e
f a l s e
t r u e
t r u e
t r u e

View Slide

f a l s e
o b j e c t
t r u e
f a l s e
o b j e c t
o b j e c t
f a l s e
t r u e

View Slide

o b j e c t
o b j e c t
u n d e f i n e d
f a l s e
t r u e
t r u e
t r u e
o b j e c t
t r u e
o b j e c t
t r u e

View Slide

[]["map"]["constructor"]("alert(1)")()

View Slide

View Slide

Invisible Code

View Slide

Can we hide JavaScript
inside itself?

View Slide

aem1k.com/0

View Slide

View Slide

1616161F171212181612131D1619131D151B1518131D1313131713171312
151D131B1619121D121D131B12191612151B1619151D131D13161318121A
16191215131912151312131B1713161517141419161E1714161517121716
1611161C121812171616161F171212181611131D1612121C1612131D151B
1618131D1212131C171017121615131E1212151D121C1619131D1310131B
1619121B121B131C1518131B161912151717171C171C12181618121B131D
1212151C151C161E121212191219171B1616161F171212181614131D161A
131D1310131B1615131D151B1311121C13191311121C1717121C13191313
151D151B161A121B121B151D131B12191614121B131D1611151B1619121B
1615151D121B1611151B1619121D1615151D131B1618121B131D1212121E
12131212151B1612151B1619151D131D1313131D131D1614171C1611151B
1619151D12161312131D131D1614151D171D1614161F16131715161D1615
161E1714121E1612161F16141719121E1619161E161E1615171214181514
141D141C131D16181217121C1717131D131913121219

View Slide

a=b,b=h=[],i=3760;i--;h+=" -"[
i%92?b[i]=a?3==d|a[i]&2==d:24*i%7
%2:2])for(d=0,j=5;e=(2)d+=a[i+e]+a[i-e];s.innerHTML=h',
99) id=s>

View Slide

escape('').replace(/..(.)..(.)/g,'\\x$1$2')

View Slide

0 1 2 3 4 5 6 7 8 9 A B C D E F

View Slide

00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00
10 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 1E 1F

View Slide

00 00 00 00 00 00 00 00 00 00 00 00 00 00 00 00
16 11 16 1C 16 15 17 12 17 14 12 18 13 11 12 19

View Slide

%16%11%16%1C%16%15%17%12%17%14%12%18%13%11%12%19

View Slide

6 1 6 C 6 5 7 2 7 4 2 8 3 1 2 9

View Slide

61 6C 65 72 74 28 31 29

View Slide

\x61\x6C\x65\x72\x74\x28\x31\x29

View Slide

a l e r t ( 1 )

View Slide

-moz-control-character-visibility: visible;

View Slide

").replace(/..(.)..(.)/g,'\\x$1$2')
escape(" 1616161F171212181612131D1619131D151B1518131D
1313131713171312151D131B1619121D121D131B12191612151B1619151D13
1D13161318121A16191215131912151312131B1713161517141419161E1714
1615171217161611161C121812171616161F171212181611131D1612121C16
12131D151B1618131D1212131C171017121615131E1212151D121C1619131D
1310131B1619121B121B131C1518131B161912151717171C171C1218161812
1B131D1212151C151C161E121212191219171B1616161F171212181614131D
161A131D1310131B1615131D151B1311121C13191311121C1717121C131913
13151D151B161A121B121B151D131B12191614121B131D1611151B1619121B
1615151D121B1611151B1619121D1615151D131B1618121B131D1212121E12
131212151B1612151B1619151D131D1313131D131D1614171C1611151B1619
151D12161312131D131D1614151D171D1614161F16131715161D1615161E17
14121E1612161F16141719121E1619161E161E1615171214181514141D141C
131D16181217121C17

View Slide

... within Mozilla;
some people like
the idea of displaying
control characters
“
”

View Slide

Let us play the game
on the next level …

View Slide

Tetris

View Slide

τέτρα + теннис

View Slide

[]["\155\141 \163\164\162\165\143 \166\141\154(\145\166 \053\145\163\143\141 \145\160\154\141\143 \175(\56)\56\173\065 \175(\56)\57\147\054 \62\44\63\47)\53\047 \160"]["\143\157\156\ \164\157\162"]("\145\ \141\154(\47\42\047\ \160\145(‘֥֠')\056\162\ \145(\57\056\173\065\ \175(\56)\056\173\65\ \47\134\134\44\61\44\ \42\47))")()

View Slide

[]["\155\141"+/* */"\160"]["\143\157\156\ \163\164\162\165\143"+/* */"\164\157\162"]("\145\ \166\141\154(\145\166"/* */+"\141\154(\47\42\047\ \053\145\163\143\141"+/* */"\160\145(‘֥֠')\056\162\ \145\160\154\141\143"+/* */"\145(\57\056\173\065\ \175(\56)\56\173\065"+/* */"\175(\56)\056\173\65\ \175(\56)\57\147\054"+/* */"\47\134\134\44\61\44\ \62\44\63\47)\53\047"+/* */"\42\47))")()

View Slide

[]["\155\141"+/* */"\160"]["\143\157\156\ \163\164\162\165\143"+/* ..... */"\164\157\162"]("\145\ \166\141\154(\145\166"/* ..... */+"\141\154(\47\42\047\ \053\145\163\143\141"+/* ..... */"\160\145(‘֥֠')\056\162\ \145\160\154\141\143"+/* ..... */"\145(\57\056\173\065\ \175(\56)\56\173\065"+/* ..... */"\175(\56)\056\173\65\ \175(\56)\57\147\054"+/* ..... */"\47\134\134\44\61\44\ \62\44\63\47)\53\047"+/* */"\42\47))")()

View Slide

View Slide

[]
["\155\141\160"]
["\143\157\156\163\164\162\165\143\164\157\162"]
("\145\166\141\154(\145\166\141\154(\47\42\47\053\
\145\163\143\141\160\145(\"\")\56\162\145\160\154\
\141\143\145(\57\56\56(\56)\56\56(\56)\57\147\054\
\47\134\134\170\44\61\44\62\47)\53\47\42\47))")
()

View Slide

[]
["map"]
["constructor"]
("\145\166\141\154(\145\166\141\154(\47\42\47\053\
\145\163\143\141\160\145(\"\")\56\162\145\160\154\
\141\143\145(\57\56\56(\56)\56\56(\56)\57\147\054\
\47\134\134\170\44\61\44\62\47)\53\47\42\47))")
()

View Slide

[]
["map"]
["constructor"]
("eval(escape('').replace(...))")
()

View Slide

escape('')
.replace(
/..(.)..(.)/g,
'\\x$1$2'
)

View Slide

escape('')
.replace(
/.{5}(.).{5}(.).{5}(.)/g,
'\\$1$2$3'
)

View Slide

0 1 2 3 4 5 6 7
8 9 A B C D E F

View Slide

0 1 2 3 4 5 6 7

View Slide

1 1 1 1 1 1 1 1
4 4 4 4 4 4 4 4
4 4 4 4 4 4 4 4
0 1 2 3 4 5 6 7

View Slide

1 1 1 1 1 1 1 1
4 4 4 4 4 4 4 4
4 4 4 4 4 4 4 4
0 1 2 3 4 5 6 7
֠ ֡ ֢ ֣ ֤ ֥ ֦ ֧

View Slide

֠ ֡ ֢ ֣ ֤ ֥ ֦ ֧

View Slide

֢֣֤֥֦֧֠֡
" "

View Slide

1 1 1 1 1 1
4 4 4 4 4 4
4 4 4 4 4 4
1 4 1 1 5 4

View Slide

%u05A1%u05A4%u05A1%u05A1%u05A5%u05A4

View Slide

1 4 1 1 5 4

View Slide

141 154

View Slide

\141 \154

View Slide

\141\154\145\162\164\50\61\51

View Slide

a l e r t ( 1 )

View Slide

aem1k.com/tetris

View Slide

View Slide

.....
..##.
.....

View Slide

..... 00000
..##. => 00110
..... 00000

View Slide

..... 00000
..##. => 00110 192
..... 00000

View Slide

..... 00000
..... => 00000 192>>5=6
..##. 00110

View Slide

..... 00000
..... => 00000 6>>1=3
...## 00011

View Slide

..... 00000
..... => 00000 6&3 =2
...X. 00010

View Slide

View Slide

W.I.P.

View Slide

֤֤֡֠א" = א" ן , [ 1 ] ד = "", נ = ג + ף + ע + כ + ט , " " + ם + נ = מ + ך = ז ] ח + ף + נ + ע + ס + ם + ז ] [ נ + מ + ע + ך ] , ג ) ט + ג ) ט + ה + ג ) ט ) ט + ן + כ + נ + "'')" + כ + ן + י + ך + ס + כ + ה +"\\154"+147\\/"+ל+ל+("(.){5}."=ל)+"/)"+כ+ך+י"+ ",'\\\\\\\\\$1$2$3')"+ה+()(()(ה)())()

View Slide

eval(
eval('"'
+escape(" ")
.replace(
/..(.)..(.)/g,
'\\x$1$2')+
'"')
)
-̖̖̖̟̗
̒̒
̘̖
̒̓
̝̖̙
̓
̝
̛̕̕
̘
̓
̝
̓̓̓
̗
̓
̗
̓̒̕
̝
̛̓
̖̙
̒
̝
̒
-̛̘̖̙̓
̒̕
̗̗̗̜̗̜
̒
̘̖̘
̛̒̓
̝
̒̒̕
̜
̕
̜̖̞
̒̒̒
̙
̒
̙̗
̛
̖̖̖
-̝̝̖̓
̔
̗̜̖
̛̑̕
̖̙
̕
̝
̒
̖
̓̒̓
̝
̓
̝̖
̔̕
̝̗̝̖
̔
̖̟̖
̓
̗
̕
̖̝̖
-̖̞̗̕
̔̒
̞̖
̒
̖̟̖
̔
̗̙
̒
̞̖̙̖̞̖̞̖
̕
̗
̒̔
̘
̔̔̕
̝
̔
̜
̓
̝̖̘
̒
-̙̖̞̗
̔
̖
̕
̗
̒
̗̖̖
̑
̖̜
̒
̘
̒
̗̖̖̖̟̗
̒̒
̘̖
̑̓
̝̖
̒̒
̜̖
̒̓
̝
̕
-
̛
̖̘̓
̝
̒̒̓
̜̗
̐
̗
̒
̖
̓̕
̞
̒̒̕
̝
̒
̜̖̙
̓
̝
̓̐
̛̓
̖̙
̛̛̒̒̓
̜
̕
-̟̗̒̒
̘̖
̔̓
̝̖
̓̚
̝
̓̐
̛̓
̖
̓̕
̝
̛̓̑̒̕
̜
̓
̙
̓̑̒
̜̗̗
̒
̜
̓
̙
̓
-̛̝̓̒
̙̖
̛̒̕
̖̙
̕
̝
̓
̝
̓
̖
̓
̘
̒̚
̖̙
̒̓̕
̙
̛̒̓̒̓̕
̗
̓
̖
̕
̗
̔̔
-
̛
̖̙̒
̝̖
̕̕
̝
̛̓
̖̘
̛̒̓
̝
̒̒̒
̞
̛̒̓̒̒̕
̖
̛̒̕
̖̙
̕
̝
̓
̝
̓̓̓
-̝̓̕
̛̕
̖
̛̛̒̒̚̕
̝
̛̓̒
̙̖
̛̔̒̓
̝̖
̛̑̕
̖̙
̛̒
̖
̕̕
̝
̛̒
̖
̑̕
-̗̜̗̗̒
̓
̝
̓
̙
̓̒̒
̙

View Slide

WHY???

View Slide

__/\\\______________/\\\\\\\\\\\__/\\\\____________/\\\\__/\\\\\\\\\\\__/\\\\\\\\\\\\\\\_____/\\\\\\\\\\\___
_\/\\\_____________\/////\\\///__\/\\\\\\________/\\\\\\_\/////\\\///__\///////\\\/////____/\\\/////////\\\_
_\/\\\_________________\/\\\_____\/\\\//\\\____/\\\//\\\_____\/\\\___________\/\\\________\//\\\______\///__
_\/\\\_________________\/\\\_____\/\\\\///\\\/\\\/_\/\\\_____\/\\\___________\/\\\_________\////\\\_________
_\/\\\_________________\/\\\_____\/\\\__\///\\\/___\/\\\_____\/\\\___________\/\\\____________\////\\\______
_\/\\\_________________\/\\\_____\/\\\____\///_____\/\\\_____\/\\\___________\/\\\_______________\////\\\___
_\/\\\_________________\/\\\_____\/\\\_____________\/\\\_____\/\\\___________\/\\\________/\\\______\//\\\__
_\/\\\\\\\\\\\\\\\__/\\\\\\\\\\\_\/\\\_____________\/\\\__/\\\\\\\\\\\_______\/\\\_______\///\\\\\\\\\\\/___
_\///////////////__\///////////__\///______________\///__\///////////________\///__________\///////////_____

View Slide

.-:::::' ... .,-::::: ... ::: .::::::.
;;;'''' .;;;;;;;. ,;;;'````' ;; ;;;;;;` `
[[[,,==,[[ \[[,[[[ [[' [[['[==/[[[[,
`$$$"``$$$, $$$$$$ $$ $$$ ''' $
888 "888,_ _,88P`88bo,__,o,88 .d888 88b dP
"MM, "YMMMMMP" "YUMMMMMP""YmmMMMM"" "YMmMY"

View Slide

________ _________ ________ ___ ___ ________ _________ ___ ___ ________ _______
|\ ____\|\___ ___\\ __ \|\ \|\ \|\ ____\\___ ___\\ \|\ \|\ __ \|\ ___ \
\ \ \___|\|___ \ \_\ \ \|\ \ \ \\\ \ \ \___\|___ \ \_\ \ \\\ \ \ \|\ \ \ __/|
\ \_____ \ \ \ \ \ \ _ _\ \ \\\ \ \ \ \ \ \ \ \ \\\ \ \ _ _\ \ \_|/__
\|____|\ \ \ \ \ \ \ \\ \\ \ \\\ \ \ \____ \ \ \ \ \ \\\ \ \ \\ \\ \ \_|\ \
____\_\ \ \ \__\ \ \__\\ _\\ \_______\ \_______\ \ \__\ \ \_______\ \__\\ _\\ \_______\
|\_________\ \|__| \|__|\|__|\|_______|\|_______| \|__| \|_______|\|__|\|__|\|_______|
\|_________|

View Slide

███████╗██╗ ██╗███╗ ██╗
██╔════╝██║ ██║████╗ ██║
█████╗ ██║ ██║██╔██╗ ██║
██╔══╝ ██║ ██║██║╚██╗██║
██║ ╚██████╔╝██║ ╚████║
╚═╝ ╚═════╝ ╚═╝ ╚═══╝

View Slide

▄▄· ▄▄▄ ▄▄▄ . ▄▄▄· ▄▄▄▄▄ ▀ ▌ ▐· ▀ ▄▄▄▄▄ ▄· ▄
▐█ ▌▪▀▄ █·▀▄.▀·▐█ ▀█ •██ ██ ▪█·█▌██ •██ ▐█▪▐█
██ ▄▄▐▀▀▄ ▐▀▀▪▄▄█▀▀█ ▐█.▪▐█·▐█▐█•▐█· ▐█.▪ █▌█▌▪
▐███▌▐█•█▌▐█▄▄▌▐█ ▪▐▌ ▐█▌·▐█▌ ███ ▐█▌ ▐█▌· █·.
·▀▀▀ .▀ ▀ ▀▀▀ ▀ ▀ ▀▀▀ ▀▀▀. ▀ ▀▀▀ ▀▀▀ ▀▀▀•

View Slide

a88888b. .88888. 8888ba.88ba 8888ba.88ba dP dP 888888ba dP d888888P dP dP
d8' `88 d8' `8b 88 `8b `8b 88 `8b `8b 88 88 88 `8b 88 88 Y8. .8P
88 88 88 88 88 88 88 88 88 88 88 88 88 88 88 Y8aa8P
88 88 88 88 88 88 88 88 88 88 88 88 88 88 88 88
Y8. .88 Y8. .8P 88 88 88 88 88 88 Y8. .8P 88 88 88 88 88
Y88888P' `8888P' dP dP dP dP dP dP `Y88888P' dP dP dP dP dP
oooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooooo
special thanks to: subzey, xem, 0ndras, p01, jed, mametter, kuvos, marijnjh, mathias …

View Slide

YOU!!!

View Slide

View Slide

::::::::::: ::: ::: ::: :::: ::: ::: :::
:+: :+: :+: :+: :+: :+:+: :+: :+: :+:
+:+ +:+ +:+ +:+ +:+ :+:+:+ +:+ +:+ +:+
+#+ +#++:++#++ +#++:++#++: +#+ +:+ +#+ +#++:+
+#+ +#+ +#+ +#+ +#+ +#+ +#+#+# +#+ +#+
#+# #+# #+# #+# #+# #+# #+#+# #+# #+#

View Slide

__
_/\ \
/' \ \ \
__ __ ___ ___ /\_, \ \ \/'\
/'__`\ /'__`\/' __` __`\/_/\ \ \ , <
___ /\ \L\.\.\ __//\ \/\ \/\ \ \ \ \ \ \\`\____
/\___\ \ \__/.\_\\____\ \_\ \_\ \_\ \ \_\ \_\ \____\
\/___/ \/__/\/_//____/\/_/\/_/\/_/ \/_/\/_/\/____/
@aemkei

View Slide

JSConf Budapest – Invisible Code

JSConf Budapest – Invisible Code

Martin Kleppe

More Decks by Martin Kleppe

Other Decks in Technology

Featured

Transcript