jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

minify pictures

Browse source
This commit is contained in:
Ilya Kantor 2015-01-28 14:16:51 +03:00
parent 6eacea0d4f
commit 6c4af3d588
61 changed files with 28 additions and 3075 deletions
Download patch file Download diff file Expand all files Collapse all files

52
1-js/7-js-misc/3-setTimeout-setInterval/setinterval-interval.svg
View file

@ -1,51 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="631px" height="223px" viewBox="0 0 631 223" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
<title>setinterval-interval</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="setinterval-interval" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<path d="M32.5,122.5 L582.5,122.5" id="Line" stroke="#979797" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<g id="Rectangle-1-+-func(1)-+-noun_60230_cc" sketch:type="MSLayerGroup" transform="translate(128.000000, 41.000000)">
<rect id="Rectangle-1" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="3" y="60" width="90" height="40"></rect>
<text id="func(1)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="25" y="84">func(1)</tspan>
</text>
<g id="noun_60230_cc" fill="#000000" sketch:type="MSShapeGroup">
<path d="M22.5818182,19.3424658 L12.9113636,16.4383562 L20.4909091,0.273972603 L0.470454545,21.0958904 L10.1931818,24 L4.28636364,39.890411 L22.5818182,19.3424658 L22.5818182,19.3424658 Z M2.19545455,20.6575342 L17.3022727,4.93150685 L11.6045455,17.0410959 L20.8568182,19.7808219 L6.9,35.6164384 L11.4477273,23.3972603 L2.19545455,20.6575342 L2.19545455,20.6575342 Z" id="Shape"></path>
</g>
<path d="M3,114.5 L3,44.5" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
<g id="Rectangle-1-+-func(1)-+-noun_60230_cc-2" sketch:type="MSLayerGroup" transform="translate(271.000000, 41.000000)">
<rect id="Rectangle-1" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="3" y="60" width="90" height="40"></rect>
<text id="func(2)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="25" y="84">func(2)</tspan>
</text>
<g id="noun_60230_cc" fill="#000000" sketch:type="MSShapeGroup">
<path d="M22.5818182,19.3424658 L12.9113636,16.4383562 L20.4909091,0.273972603 L0.470454545,21.0958904 L10.1931818,24 L4.28636364,39.890411 L22.5818182,19.3424658 L22.5818182,19.3424658 Z M2.19545455,20.6575342 L17.3022727,4.93150685 L11.6045455,17.0410959 L20.8568182,19.7808219 L6.9,35.6164384 L11.4477273,23.3972603 L2.19545455,20.6575342 L2.19545455,20.6575342 Z" id="Shape"></path>
</g>
<path d="M3,114.5 L3,44.5" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
<g id="Rectangle-1-+-func(1)-+-noun_60230_cc-3" sketch:type="MSLayerGroup" transform="translate(405.000000, 41.000000)">
<rect id="Rectangle-1" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="3" y="60" width="90" height="40"></rect>
<text id="func(3)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="25" y="84">func(3)</tspan>
</text>
<g id="noun_60230_cc" fill="#000000" sketch:type="MSShapeGroup">
<path d="M22.5818182,19.3424658 L12.9113636,16.4383562 L20.4909091,0.273972603 L0.470454545,21.0958904 L10.1931818,24 L4.28636364,39.890411 L22.5818182,19.3424658 L22.5818182,19.3424658 Z M2.19545455,20.6575342 L17.3022727,4.93150685 L11.6045455,17.0410959 L20.8568182,19.7808219 L6.9,35.6164384 L11.4477273,23.3972603 L2.19545455,20.6575342 L2.19545455,20.6575342 Z" id="Shape"></path>
</g>
<path d="M3,114.5 L3,44.5" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
<text id="100" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="115" y="183">100</tspan>
</text>
<text id="200" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="259" y="183">200</tspan>
</text>
<text id="300" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="394" y="183">300</tspan>
</text>
<path d="M221.5,122.5 L271.5,122.5" id="Line" stroke="#4990E2" stroke-width="3" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M364.5,122.5 L405.5,122.5" id="Line-2" stroke="#4990E2" stroke-width="3" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
</svg>
<svg width="631" height="223" viewBox="0 0 631 223" xmlns="http://www.w3.org/2000/svg"><title>setinterval-interval</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M32.5 122.5h550" id="Line" stroke="#979797" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M131 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(128 41)"><tspan x="25" y="84">func(1)</tspan></text><path d="M150.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L138.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L134.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M131 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M274 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(271 41)"><tspan x="25" y="84">func(2)</tspan></text><path d="M293.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L281.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L277.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M274 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M408 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(405 41)"><tspan x="25" y="84">func(3)</tspan></text><path d="M427.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L415.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L411.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M408 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="18" fill="#000"><tspan x="115" y="183">100</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="259" y="183">200</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="394" y="183">300</tspan></text><path d="M221.5 122.5h50m93 0h41" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.8 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

63
1-js/7-js-misc/3-setTimeout-setInterval/settimeout-interval.svg
View file

@ -1,62 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="631px" height="223px" viewBox="0 0 631 223" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.2.2 (9983) - http://www.bohemiancoding.com/sketch -->
<title>settimeout-interval</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="settimeout-interval" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<path d="M32.5,122.5 L582.5,122.5" id="Line" stroke="#979797" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<g id="Rectangle-1-+-func(1)-+-noun_60230_cc" sketch:type="MSLayerGroup" transform="translate(48.000000, 41.000000)">
<rect id="Rectangle-1" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="3" y="60" width="90" height="40"></rect>
<text id="func(1)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="25" y="84">func(1)</tspan>
</text>
<g id="noun_60230_cc" fill="#000000" sketch:type="MSShapeGroup">
<path d="M22.5818182,19.3424658 L12.9113636,16.4383562 L20.4909091,0.273972603 L0.470454545,21.0958904 L10.1931818,24 L4.28636364,39.890411 L22.5818182,19.3424658 L22.5818182,19.3424658 Z M2.19545455,20.6575342 L17.3022727,4.93150685 L11.6045455,17.0410959 L20.8568182,19.7808219 L6.9,35.6164384 L11.4477273,23.3972603 L2.19545455,20.6575342 L2.19545455,20.6575342 Z" id="Shape"></path>
</g>
<path d="M3,114.5 L3,44.5" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
<g id="Rectangle-1-+-func(1)-+-noun_60230_cc-2" sketch:type="MSLayerGroup" transform="translate(242.000000, 41.000000)">
<rect id="Rectangle-1" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="3" y="60" width="90" height="40"></rect>
<text id="func(2)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="25" y="84">func(2)</tspan>
</text>
<g id="noun_60230_cc" fill="#000000" sketch:type="MSShapeGroup">
<path d="M22.5818182,19.3424658 L12.9113636,16.4383562 L20.4909091,0.273972603 L0.470454545,21.0958904 L10.1931818,24 L4.28636364,39.890411 L22.5818182,19.3424658 L22.5818182,19.3424658 Z M2.19545455,20.6575342 L17.3022727,4.93150685 L11.6045455,17.0410959 L20.8568182,19.7808219 L6.9,35.6164384 L11.4477273,23.3972603 L2.19545455,20.6575342 L2.19545455,20.6575342 Z" id="Shape"></path>
</g>
<path d="M3,114.5 L3,44.5" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
<g id="Rectangle-1-+-func(1)-+-noun_60230_cc-3" sketch:type="MSLayerGroup" transform="translate(436.000000, 41.000000)">
<rect id="Rectangle-1" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="3" y="60" width="90" height="40"></rect>
<text id="func(3)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="25" y="84">func(3)</tspan>
</text>
<g id="noun_60230_cc" fill="#000000" sketch:type="MSShapeGroup">
<path d="M22.5818182,19.3424658 L12.9113636,16.4383562 L20.4909091,0.273972603 L0.470454545,21.0958904 L10.1931818,24 L4.28636364,39.890411 L22.5818182,19.3424658 L22.5818182,19.3424658 Z M2.19545455,20.6575342 L17.3022727,4.93150685 L11.6045455,17.0410959 L20.8568182,19.7808219 L6.9,35.6164384 L11.4477273,23.3972603 L2.19545455,20.6575342 L2.19545455,20.6575342 Z" id="Shape"></path>
</g>
<path d="M3,114.5 L3,44.5" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
<text id="100" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="179" y="201">100</tspan>
</text>
<text id="100" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="372" y="201">100</tspan>
</text>
<path d="M142.5,122.5 L242.5,122.5" id="Line" stroke="#4990E2" stroke-width="3" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<g id="Line-3" sketch:type="MSLayerGroup" transform="translate(142.000000, 171.000000)" stroke-linecap="square" stroke="#4990E2">
<path d="M0.5,5.5 L100.5,5.5" sketch:type="MSShapeGroup"></path>
<path d="M92.5,5.5 L100.5,0.5" id="Line-5" sketch:type="MSShapeGroup" transform="translate(96.500000, 3.000000) scale(-1, 1) translate(-96.500000, -3.000000) "></path>
<path d="M0.5,10.5 L8.5,5.5" id="Line-6" sketch:type="MSShapeGroup" transform="translate(4.500000, 8.000000) scale(-1, 1) translate(-4.500000, -8.000000) "></path>
<path d="M92.5,10.5 L100.5,5.5" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.5,5.5 L8.5,0.5" id="Line-4" sketch:type="MSShapeGroup"></path>
</g>
<g id="Line-7" sketch:type="MSLayerGroup" transform="translate(336.000000, 171.000000)" stroke="#4990E2" stroke-linecap="square">
<path d="M0.5,5.5 L100.5,5.5" id="Line-3" sketch:type="MSShapeGroup"></path>
<path d="M92.5,5.5 L100.5,0.5" id="Line-5" sketch:type="MSShapeGroup" transform="translate(96.500000, 3.000000) scale(-1, 1) translate(-96.500000, -3.000000) "></path>
<path d="M0.5,10.5 L8.5,5.5" id="Line-6" sketch:type="MSShapeGroup" transform="translate(4.500000, 8.000000) scale(-1, 1) translate(-4.500000, -8.000000) "></path>
<path d="M92.5,10.5 L100.5,5.5" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.5,5.5 L8.5,0.5" id="Line-4" sketch:type="MSShapeGroup"></path>
</g>
<path d="M336.5,122.5 L436.5,122.5" id="Line-2" stroke="#4990E2" stroke-width="3" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
</svg>
<svg width="631" height="223" viewBox="0 0 631 223" xmlns="http://www.w3.org/2000/svg"><title>settimeout-interval</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M32.5 122.5h550" id="Line" stroke="#979797" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M51 101h90v40H51z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(48 41)"><tspan x="25" y="84">func(1)</tspan></text><path d="M70.582 60.342l-9.67-2.904 7.58-16.164L48.47 62.096 58.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L54.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M51 155.5v-70" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M245 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(242 41)"><tspan x="25" y="84">func(2)</tspan></text><path d="M264.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L252.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L248.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M245 155.5v-70" id="Line" stroke="#373535" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" fill="#fff" d="M439 101h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#000" transform="translate(436 41)"><tspan x="25" y="84">func(3)</tspan></text><path d="M458.582 60.342l-9.67-2.904 7.58-16.164-20.022 20.822L446.193 65l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L442.9 76.615l4.548-12.22-9.253-2.738z" fill="#000"/><path d="M439 155.5v-70" stroke="#373535" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="18" fill="#000"><tspan x="179" y="201">100</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="372" y="201">100</tspan></text><path d="M142.5 122.5h100" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/><path d="M142.5 176.5h100m0 0l-8-5m-84 10l-8-5m92 5l8-5m-100 0l8-5M336.5 176.5h100m0 0l-8-5m-84 10l-8-5m92 5l8-5m-100 0l8-5" stroke-linecap="square" stroke="#4990E2"/><path d="M336.5 122.5h100" stroke="#4990E2" stroke-width="3" stroke-linecap="square"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.1 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After