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

renovation

Browse source
This commit is contained in:
Ilya Kantor 2015-03-05 19:14:51 +03:00
parent 951cf3f2ec
commit 2022aafc13
72 changed files with 98 additions and 1411 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,41 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="570px" height="183px" viewBox="0 0 570 183" 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: bin/sketchtool 1.3 (252) - http://www.bohemiancoding.com/sketch -->
<title>setinterval-interval.svg</title>
<desc>Created with bin/sketchtool.</desc>
<defs></defs>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="setinterval-interval.svg" sketch:type="MSArtboardGroup">
<path d="M10.5,109 L560.5,109" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="109" y="88" width="90" height="40"></rect>
<text id="func(1)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="131" y="112">func(1)</tspan>
</text>
<path d="M128.581818,34.3424658 L118.911364,31.4383562 L126.490909,15.2739726 L106.470455,36.0958904 L116.193182,39 L110.286364,54.890411 L128.581818,34.3424658 L128.581818,34.3424658 Z M108.195455,35.6575342 L123.302273,19.9315068 L117.604545,32.0410959 L126.856818,34.7808219 L112.9,50.6164384 L117.447727,38.3972603 L108.195455,35.6575342 L108.195455,35.6575342 Z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M109,142.5 L109,72.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="252" y="88" width="90" height="40"></rect>
<text id="func(2)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="274" y="112">func(2)</tspan>
</text>
<path d="M271.581818,34.3424658 L261.911364,31.4383562 L269.490909,15.2739726 L249.470455,36.0958904 L259.193182,39 L253.286364,54.890411 L271.581818,34.3424658 L271.581818,34.3424658 Z M251.195455,35.6575342 L266.302273,19.9315068 L260.604545,32.0410959 L269.856818,34.7808219 L255.9,50.6164384 L260.447727,38.3972603 L251.195455,35.6575342 L251.195455,35.6575342 Z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M252,142.5 L252,72.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="386" y="88" width="90" height="40"></rect>
<text id="func(3)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="408" y="112">func(3)</tspan>
</text>
<path d="M405.581818,34.3424658 L395.911364,31.4383562 L403.490909,15.2739726 L383.470455,36.0958904 L393.193182,39 L387.286364,54.890411 L405.581818,34.3424658 L405.581818,34.3424658 Z M385.195455,35.6575342 L400.302273,19.9315068 L394.604545,32.0410959 L403.856818,34.7808219 L389.9,50.6164384 L394.447727,38.3972603 L385.195455,35.6575342 L385.195455,35.6575342 Z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M386,142.5 L386,72.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<text id="100" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#8A704D">
<tspan x="93" y="170">100</tspan>
</text>
<text id="200" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#8A704D">
<tspan x="237" y="170">200</tspan>
</text>
<text id="300" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#8A704D">
<tspan x="372" y="170">300</tspan>
</text>
<path d="M199.5,109.5 L249.5,109.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M342.5,109.5 L383.5,109.5" id="Line-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
<svg width="570" height="183" viewBox="0 0 570 183" xmlns="http://www.w3.org/2000/svg"><title>setinterval-interval.svg</title><desc>Created with bin/sketchtool.</desc><g fill="none" fill-rule="evenodd"><g><path d="M10.5 109h550" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"/><path id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#fff" d="M109 88h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="131" y="112">func(1)</tspan></text><path d="M128.582 34.342l-9.67-2.904 7.58-16.164-20.022 20.822L116.193 39l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L112.9 50.615l4.548-12.22-9.253-2.738z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M109 142.5v-70" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"/><path id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#fff" d="M252 88h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="274" y="112">func(2)</tspan></text><path d="M271.582 34.342l-9.67-2.904 7.58-16.164-20.022 20.822L259.193 39l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L255.9 50.615l4.548-12.22-9.253-2.738z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M252 142.5v-70" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"/><path stroke="#BCA68E" stroke-width="2" fill="#fff" d="M386 88h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="408" y="112">func(3)</tspan></text><path d="M405.582 34.342l-9.67-2.904 7.58-16.164-20.022 20.822L393.193 39l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L389.9 50.615l4.548-12.22-9.253-2.738z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M386 142.5v-70" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="18" fill="#8A704D"><tspan x="93" y="170">100</tspan></text><text font-family="Consolas" font-size="18" fill="#8A704D"><tspan x="237" y="170">200</tspan></text><text font-family="Consolas" font-size="18" fill="#8A704D"><tspan x="372" y="170">300</tspan></text><path d="M199.5 109.5h50" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"/><path d="M342.5 109.5h41" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After

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

@ -1,48 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="574px" height="204px" viewBox="0 0 574 204" 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: bin/sketchtool 1.3 (252) - http://www.bohemiancoding.com/sketch -->
<title>settimeout-interval.svg</title>
<desc>Created with bin/sketchtool.</desc>
<defs></defs>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="settimeout-interval.svg" sketch:type="MSArtboardGroup">
<path d="M11.5,108 L561.5,108" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="60" y="87" width="90" height="40"></rect>
<text id="func(1)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="82" y="111">func(1)</tspan>
</text>
<path d="M79.5818182,33.3424658 L69.9113636,30.4383562 L77.4909091,14.2739726 L57.4704545,35.0958904 L67.1931818,38 L61.2863636,53.890411 L79.5818182,33.3424658 L79.5818182,33.3424658 Z M59.1954545,34.6575342 L74.3022727,18.9315068 L68.6045455,31.0410959 L77.8568182,33.7808219 L63.9,49.6164384 L68.4477273,37.3972603 L59.1954545,34.6575342 L59.1954545,34.6575342 Z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M60,141.5 L60,71.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="253" y="87" width="90" height="40"></rect>
<text id="func(2)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="275" y="111">func(2)</tspan>
</text>
<path d="M272.581818,33.3424658 L262.911364,30.4383562 L270.490909,14.2739726 L250.470455,35.0958904 L260.193182,38 L254.286364,53.890411 L272.581818,33.3424658 L272.581818,33.3424658 Z M252.195455,34.6575342 L267.302273,18.9315068 L261.604545,31.0410959 L270.856818,33.7808219 L256.9,49.6164384 L261.447727,37.3972603 L252.195455,34.6575342 L252.195455,34.6575342 Z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M253,141.5 L253,71.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="446" y="87" width="90" height="40"></rect>
<text id="func(3)" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="468" y="111">func(3)</tspan>
</text>
<path d="M465.581818,33.3424658 L455.911364,30.4383562 L463.490909,14.2739726 L443.470455,35.0958904 L453.193182,38 L447.286364,53.890411 L465.581818,33.3424658 L465.581818,33.3424658 Z M445.195455,34.6575342 L460.302273,18.9315068 L454.604545,31.0410959 L463.856818,33.7808219 L449.9,49.6164384 L454.447727,37.3972603 L445.195455,34.6575342 L445.195455,34.6575342 Z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M446,141.5 L446,71.5" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M150.5,108.5 L250.5,108.5" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M343.5,108.5 L443.5,108.5" id="Line-2" stroke="#EE6B47" stroke-width="3" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<text id="100" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="187" y="190">100</tspan>
</text>
<text id="100" sketch:type="MSTextLayer" font-family="Consolas" font-size="18" font-weight="normal" fill="#000000">
<tspan x="380" y="190">100</tspan>
</text>
<path d="M150.5,165.5 L250.5,165.5" id="Line-3" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M242.5,165.5 L250.5,160.5" id="Line-5" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(246.500000, 163.000000) scale(-1, 1) translate(-246.500000, -163.000000) "></path>
<path d="M150.5,170.5 L158.5,165.5" id="Line-6" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(154.500000, 168.000000) scale(-1, 1) translate(-154.500000, -168.000000) "></path>
<path d="M242.5,170.5 L250.5,165.5" id="Line" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M150.5,165.5 L158.5,160.5" id="Line-4" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M344.5,165.5 L444.5,165.5" id="Line-3" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M436.5,165.5 L444.5,160.5" id="Line-5" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(440.500000, 163.000000) scale(-1, 1) translate(-440.500000, -163.000000) "></path>
<path d="M344.5,170.5 L352.5,165.5" id="Line-6" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(348.500000, 168.000000) scale(-1, 1) translate(-348.500000, -168.000000) "></path>
<path d="M436.5,170.5 L444.5,165.5" id="Line" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path d="M344.5,165.5 L352.5,160.5" id="Line-4" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
<svg width="574" height="204" viewBox="0 0 574 204" xmlns="http://www.w3.org/2000/svg"><title>settimeout-interval.svg</title><desc>Created with bin/sketchtool.</desc><g fill="none" fill-rule="evenodd"><g><path d="M11.5 108h550" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"/><path id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#fff" d="M60 87h90v40H60z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="82" y="111">func(1)</tspan></text><path d="M79.582 33.342l-9.67-2.904 7.58-16.164L57.47 35.096 67.193 38l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L63.9 49.615l4.548-12.22-9.253-2.738z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M60 141.5v-70" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"/><path id="Rectangle-1" stroke="#BCA68E" stroke-width="2" fill="#fff" d="M253 87h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="275" y="111">func(2)</tspan></text><path d="M272.582 33.342l-9.67-2.904 7.58-16.164-20.022 20.822L260.193 38l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L256.9 49.615l4.548-12.22-9.253-2.738z" id="Shape" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M253 141.5v-70" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"/><path stroke="#BCA68E" stroke-width="2" fill="#fff" d="M446 87h90v40h-90z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="468" y="111">func(3)</tspan></text><path d="M465.582 33.342l-9.67-2.904 7.58-16.164-20.022 20.822L453.193 38l-5.907 15.89 18.296-20.548zm-20.387 1.316l15.107-15.726-5.697 12.11 9.252 2.74L449.9 49.615l4.548-12.22-9.253-2.738z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M446 141.5v-70" id="Line" stroke="#BCA68E" stroke-width="2" stroke-linecap="square"/><path d="M150.5 108.5h100" id="Line" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"/><path d="M343.5 108.5h100" stroke="#EE6B47" stroke-width="3" stroke-linecap="square"/><text id="100" font-family="Consolas" font-size="18" fill="#000"><tspan x="187" y="190">100</tspan></text><text font-family="Consolas" font-size="18" fill="#000"><tspan x="380" y="190">100</tspan></text><path d="M150.5 165.5h100" id="Line-3" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M250.5 165.5l-8-5" id="Line-5" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M158.5 170.5l-8-5" id="Line-6" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M242.5 170.5l8-5" id="Line" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M150.5 165.5l8-5" id="Line-4" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M344.5 165.5h100" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M444.5 165.5l-8-5" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M352.5 170.5l-8-5" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M436.5 170.5l8-5" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M344.5 165.5l8-5" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.2 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

Before After
Before After