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

94
1-js/1-getting-started/1-intro/limitations.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 31 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Before After
Before After

39
1-js/2-first-steps/5-variables/variable-change.svg
View file

@ -1,38 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="392px" height="192px" viewBox="0 0 392 192" 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>variable-change.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="variable-change.svg" sketch:type="MSArtboardGroup">
<g id="noun_1211_cc" sketch:type="MSLayerGroup" transform="translate(52.000000, -5.000000)">
<path d="M25,94.1960457 L137.557785,94.1960457 L137.557785,137.145664 C137.557785,137.518573 137.479295,138.008386 137.279367,138.440486 C137.07944,138.872587 120.704625,174 120.704625,174 L120.704625,119.63967 L137.559266,94.1960457 L156,66 L43.4407339,66 L25,94.1960457 L25,94.1960457 Z" id="Shape" fill="#E8C48F" sketch:type="MSShapeGroup"></path>
<path d="M25,123 L25,95 L10,123" id="Shape" fill="#E8C48F" sketch:type="MSShapeGroup"></path>
<g id="Rectangle-5-+-&quot;World!&quot;" transform="translate(0.000000, 57.000000)">
<path d="M18.9106925,0.395208397 L73.4146415,58.8435379 L55.0893075,75.9321883 L0.585358502,17.4838588 L18.9106925,0.395208397 L18.9106925,0.395208397 Z" id="Rectangle-5" stroke="#8A704D" stroke-width="2" fill="#FFF9EB" sketch:type="MSShapeGroup"></path>
<text id="&quot;World!&quot;" sketch:type="MSTextLayer" transform="translate(39.885486, 39.782373) rotate(47.000000) translate(-39.885486, -39.782373) " font-family="Open Sans" font-size="14" font-weight="526" sketch:alignment="middle" line-spacing="17" fill="#8A704D">
<tspan x="10.392998" y="46.2823729">"World!"</tspan>
</text>
</g>
<g id="Rectangle-5-+-&quot;World!&quot;-2" transform="translate(139.643781, 49.254803) rotate(293.000000) translate(-139.643781, -49.254803) translate(102.643781, 11.254803)">
<path d="M18.9106925,0.395208397 L73.4146415,58.8435379 L55.0893075,75.9321883 L0.585358502,17.4838588 L18.9106925,0.395208397 L18.9106925,0.395208397 Z" id="Rectangle-5" stroke="#8A704D" stroke-width="2" fill="#FFF9EB" sketch:type="MSShapeGroup"></path>
<text id="&quot;Hello!&quot;" sketch:type="MSTextLayer" transform="translate(39.885486, 39.782373) rotate(47.000000) translate(-39.885486, -39.782373) " font-family="Open Sans" font-size="14" font-weight="526" sketch:alignment="middle" line-spacing="17" fill="#8A704D">
<tspan x="10.392998" y="46.2823729">"Hello!"</tspan>
</text>
</g>
<path d="M8,125 L8,179.729971 C8,183.150501 9.4836395,185 12.387122,185 L112.473443,185 C115.59502,185 118,182.4521 118,181.524372 L118,125 L8,125 L8,125 Z" id="Shape" fill="#E8C48F" sketch:type="MSShapeGroup"></path>
</g>
<text id="Message" sketch:type="MSTextLayer" font-family="Open Sans" font-size="18" font-weight="526" fill="#FFFFFF">
<tspan x="77" y="157">Message</tspan>
</text>
<path d="M58.1116321,51.8083441 C58.1116321,51.8083441 47.657459,40.6232618 40.718887,36.1553077 C40.5505125,38.0030849 40.3826205,39.8498971 40.2142461,41.6967094 C28.8419738,40.6618577 17.2921606,42.1936311 6.44527455,46.2920298 C7.83472576,49.9697335 9.22417698,53.6469547 10.6136282,57.324176 C19.7782168,53.8616442 29.5366994,52.5677178 39.1451405,53.4419142 C38.9767661,55.2896913 38.8083916,57.1365036 38.6404996,58.9837982 C44.221462,55.6553872 58.1116321,51.8083441 58.1116321,51.8083441" id="Fill-54" fill="#E8C48F" sketch:type="MSShapeGroup" transform="translate(32.278453, 47.569553) rotate(11.000000) translate(-32.278453, -47.569553) "></path>
<path d="M287.796688,28.1860236 C287.796688,28.1860236 277.342515,17.0009413 270.403943,12.5329872 C270.235568,14.3807644 270.067676,16.2275766 269.899302,18.0743889 C258.527029,17.0395372 246.977216,18.5713106 236.13033,22.6697093 C237.519781,26.347413 238.909232,30.0246342 240.298684,33.7018555 C249.463272,30.2393237 259.221755,28.9453973 268.830196,29.8195937 C268.661822,31.6673708 268.493447,33.5141831 268.325555,35.3614778 C273.906517,32.0330667 287.796688,28.1860236 287.796688,28.1860236" id="Fill-54" fill="#E8C48F" sketch:type="MSShapeGroup" transform="translate(261.963509, 23.947232) rotate(2.000000) translate(-261.963509, -23.947232) "></path>
<g id="noun_48910_cc" sketch:type="MSLayerGroup" transform="translate(298.000000, 5.000000)">
<path d="M50.9827143,6 L36.0161055,6 C35.4567164,6 35,6.62621359 35,7.39482201 L35,12 L52,12 L52,7.39482201 C52,6.62621359 51.5432836,6 50.9827143,6 L50.9827143,6 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M84.1925988,9.36030059 L57.803165,9.36030059 L57.803165,6.08482838 C57.803165,2.72879291 54.9894635,0 51.5275421,0 L36.4712707,0 C33.0105365,0 30.1956478,2.72879291 30.1956478,6.08482838 L30.1956478,9.36030059 L3.80740121,9.36030059 C1.70484195,9.36030059 0,11.0118475 0,13.0500982 L0,13.3102024 C0,15.348453 1.70484195,17 3.80740121,17 L84.1925988,17 C86.295158,17 88,15.348453 88,13.3102024 L88,13.0500982 C88,11.0118475 86.2939708,9.36030059 84.1925988,9.36030059 L84.1925988,9.36030059 Z M53,12 L36,12 L36,7.39482201 C36,6.62621359 36.4567164,6 37.0161055,6 L51.9838945,6 C52.5444637,6 53,6.62621359 53,7.39482201 L53,12 L53,12 Z" id="Shape" fill="#E8C48F" sketch:type="MSShapeGroup"></path>
<path d="M74.9552359,20.0447289 L8.04358113,20.0447289 C4.15387761,20.0447289 1,19.3642794 1,23.3113665 L6.28209435,101.692668 C6.28209435,105.636155 9.43715496,109 13.3268585,109 L69.6743245,109 C73.564028,109 76.7179057,105.636155 76.7179057,101.692668 L82,23.3113665 C81.998817,19.3642794 78.8449394,20.0447289 74.9552359,20.0447289 L74.9552359,20.0447289 Z M26.7566501,98.9987039 C25.4744903,99.0375373 24.4044574,98.1989795 24.361495,97.1213538 L22.0012467,36.0255616 C21.9596269,34.947936 22.9652161,34.0414198 24.2433483,34.0013729 C25.5255081,33.961326 26.595541,34.8023109 26.6385035,35.8799365 L28.9987517,96.9757287 C29.0403715,98.0521408 28.0361248,98.9598706 26.7566501,98.9987039 L26.7566501,98.9987039 Z M43,97.0485689 C43,98.1255551 42.328125,99 41.5,99 C40.671875,99 40,98.1243423 40,97.0485689 L40,35.9514311 C40,34.8732321 40.671875,34 41.5,34 C42.328125,34 43,34.8732321 43,35.9514311 L43,97.0485689 L43,97.0485689 Z M61.6385051,97.1213889 C61.5968852,98.1989944 60.5255097,99.0375366 59.2433499,98.9987039 C57.9638752,98.9598713 56.9596285,98.0521585 57.0012483,96.974553 L59.3614965,35.8799014 C59.4031164,34.8022959 60.4731493,33.9613267 61.7553091,34.0013729 C63.0347839,34.0426325 64.0403731,34.9479183 63.9987533,36.0255238 L61.6385051,97.1213889 L61.6385051,97.1213889 Z" id="Shape" fill="#E8C48F" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
<svg width="392" height="192" viewBox="0 0 392 192" xmlns="http://www.w3.org/2000/svg"><title>variable-change.svg</title><desc>Created with bin/sketchtool.</desc><g fill="none" fill-rule="evenodd"><path d="M77 89.196h112.558v42.95c0 .373-.08.862-.28 1.294-.2.433-16.573 35.56-16.573 35.56v-54.36l16.854-25.444L208 61H95.44L77 89.196zM77 118V90l-15 28" id="Shape" fill="#E8C48F"/><path d="M70.91 52.395l54.505 58.45-18.326 17.087-54.506-58.448 18.326-17.09z" stroke="#8A704D" stroke-width="2" fill="#FFF9EB"/><text transform="matrix(.682 .731 -.731 .682 52 52)" font-family="Open Sans" font-size="14" font-weight="526" fill="#8A704D"><tspan x="10.393" y="46.282">&amp;quot;World!&amp;quot;</tspan></text><path d="M149.937 46.212l75.142-27.345 8.57 23.56-75.14 27.344-8.574-23.557z" stroke="#8A704D" stroke-width="2.002" fill="#FFF9EB"/><text transform="matrix(.94 -.342 .342 .94 102.5 -95.134)" font-family="Open Sans" font-size="14" font-weight="526" fill="#8A704D"><tspan x="10.393" y="46.282">&amp;quot;Hello!&amp;quot;</tspan></text><path d="M60 120v54.73c0 3.42 1.484 5.27 4.387 5.27h100.086c3.122 0 5.527-2.548 5.527-3.476V120H60z" id="Shape" fill="#E8C48F"/><text font-family="Open Sans" font-size="18" font-weight="526" fill="#fff"><tspan x="77" y="157">Message</tspan></text><path d="M56.836 56.667s-8.13-12.98-14.09-18.693l-1.554 5.345c-10.97-3.19-22.604-3.89-34.04-1.94L9.14 53.01c9.66-1.65 19.49-1.056 28.76 1.638-.52 1.78-1.037 3.562-1.555 5.344 6.116-2.202 20.49-3.327 20.49-3.327m230.788-27.58s-10.052-11.54-16.827-16.245l-.698 5.518c-11.325-1.432-22.917-.306-33.896 3.41 1.26 3.72 2.518 7.443 3.778 11.166 9.276-3.14 19.07-4.09 28.64-2.88l-.7 5.52c5.692-3.13 19.703-6.488 19.703-6.488" fill="#E8C48F"/><path d="M348.983 11h-14.967c-.56 0-1.016.626-1.016 1.395V17h17v-4.605c0-.77-.457-1.395-1.017-1.395z"/><path d="M382.193 14.36h-26.39v-3.275c0-3.356-2.814-6.085-6.275-6.085H334.47c-3.46 0-6.274 2.73-6.274 6.085v3.275h-26.39c-2.1 0-3.806 1.652-3.806 3.69v.26c0 2.038 1.705 3.69 3.807 3.69h80.386c2.102 0 3.807-1.652 3.807-3.69v-.26c0-2.038-1.706-3.69-3.807-3.69zM351 17h-17v-4.605c0-.77.457-1.395 1.016-1.395h14.968c.56 0 1.016.626 1.016 1.395V17zm21.955 8.045h-66.91c-3.89 0-7.045-.68-7.045 3.266l5.282 78.384c0 3.943 3.155 7.307 7.045 7.307h56.347c3.89 0 7.044-3.363 7.044-7.306L380 28.31c0-3.946-3.155-3.265-7.045-3.265zM324.757 104c-1.283.038-2.353-.8-2.396-1.88L320 41.027c-.04-1.078.965-1.985 2.243-2.025 1.283-.04 2.353.802 2.396 1.88l2.36 61.096c.04 1.076-.965 1.984-2.244 2.023zM341 102.05c0 1.076-.672 1.95-1.5 1.95s-1.5-.876-1.5-1.95v-61.1c0-1.077.672-1.95 1.5-1.95s1.5.873 1.5 1.95v61.1zm18.64.07c-.043 1.08-1.114 1.918-2.397 1.88-1.28-.04-2.283-.948-2.242-2.025l2.36-61.095c.044-1.078 1.114-1.92 2.396-1.88 1.28.043 2.285.948 2.244 2.026l-2.36 61.095z" fill="#E8C48F"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7 KiB

After

Width:  |  Height:  |  Size: 2.7 KiB

Before After
Before After

28
1-js/2-first-steps/5-variables/variable.svg
View file

@ -1,27 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="166px" height="145px" viewBox="0 0 166 145" 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>variable.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="variable.svg" sketch:type="MSArtboardGroup">
<g id="noun_1211_cc-+-Message" sketch:type="MSLayerGroup" transform="translate(13.000000, 3.000000)">
<g id="noun_1211_cc">
<path d="M17,37.1960457 L129.557785,37.1960457 L129.557785,80.1456641 C129.557785,80.5185728 129.479295,81.0083855 129.279367,81.4404861 C129.07944,81.8725868 112.704625,117 112.704625,117 L112.704625,62.6396695 L129.559266,37.1960457 L148,9 L35.4407339,9 L17,37.1960457 L17,37.1960457 Z" id="Shape" fill="#E8C48F" sketch:type="MSShapeGroup"></path>
<path d="M17,66 L17,38 L2,66" id="Shape" fill="#E8C48F" sketch:type="MSShapeGroup"></path>
<g id="Rectangle-5-+-&quot;World!&quot;" transform="translate(15.000000, 0.000000)">
<path d="M18.9106925,0.395208397 L73.4146415,58.8435379 L55.0893075,75.9321883 L0.585358502,17.4838588 L18.9106925,0.395208397 L18.9106925,0.395208397 Z" id="Rectangle-5" stroke="#8A704D" stroke-width="2" fill="#FFF9EB" sketch:type="MSShapeGroup"></path>
<text id="&quot;Hello!&quot;" sketch:type="MSTextLayer" transform="translate(39.885486, 39.782373) rotate(47.000000) translate(-39.885486, -39.782373) " font-family="Open Sans" font-size="14" font-weight="526" sketch:alignment="middle" line-spacing="17" fill="#8A704D">
<tspan x="10.392998" y="46.2823729">"Hello!"</tspan>
</text>
</g>
<path d="M0,68 L0,122.729971 C0,126.150501 1.4836395,128 4.38712201,128 L104.473443,128 C107.59502,128 110,125.4521 110,124.524372 L110,68 L0,68 L0,68 Z" id="Shape" fill="#E8C48F" sketch:type="MSShapeGroup"></path>
</g>
<text id="Message" sketch:type="MSTextLayer" font-family="Open Sans" font-size="18" font-weight="526" fill="#FFFFFF">
<tspan x="17" y="105">Message</tspan>
</text>
</g>
</g>
</g>
</svg>
<svg width="166" height="145" viewBox="0 0 166 145" xmlns="http://www.w3.org/2000/svg"><title>variable.svg</title><desc>Created with bin/sketchtool.</desc><g fill="none" fill-rule="evenodd"><path d="M30 40.196h112.558v42.95c0 .373-.08.862-.28 1.294-.2.433-16.573 35.56-16.573 35.56V65.64l16.854-25.444L161 12H48.44L30 40.196zM30 69V41L15 69" fill="#E8C48F"/><path d="M46.91 3.395l54.505 58.45L83.09 78.93 28.584 20.484 46.91 3.394z" stroke="#8A704D" stroke-width="2" fill="#FFF9EB"/><text transform="matrix(.682 .731 -.731 .682 28 3)" font-family="Open Sans" font-size="14" font-weight="526" fill="#8A704D"><tspan x="10.393" y="46.282">&amp;quot;Hello!&amp;quot;</tspan></text><path d="M13 71v54.73c0 3.42 1.484 5.27 4.387 5.27h100.086c3.122 0 5.527-2.548 5.527-3.476V71H13z" fill="#E8C48F"/><text font-family="Open Sans" font-size="18" font-weight="526" fill="#fff" transform="translate(13 3)"><tspan x="17" y="105">Message</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.5 KiB

After

Width:  |  Height:  |  Size: 949 B

Before After
Before After

2
1-js/3-writing-js/1-debugging-chrome/statusbarButtonGlyphs.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

Before After
Before After

91
1-js/3-writing-js/2-coding-style/code-style.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 82 KiB

After

Width:  |  Height:  |  Size: 75 KiB

Before After
Before After

33
1-js/3-writing-js/2-coding-style/figure-bracket-style.svg
View file

File diff suppressed because one or more lines are too long
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 50 KiB

After

Width:  |  Height:  |  Size: 46 KiB

Before After
Before After

66
1-js/5-functions-closures/6-memory-management/family-no-family.svg
View file

@ -1,65 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="420px" height="279px" viewBox="0 0 420 279" 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>family-no-family.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="family-no-family.svg" sketch:type="MSArtboardGroup">
<path d="M256.5,233.5 L197.5,233.5" id="Line" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path id="Line-decoration-1" d="M197.5,233.5 C201.28,234.55 204.52,235.45 208.3,236.5 C208.3,234.4 208.3,232.6 208.3,230.5 C204.52,231.55 201.28,232.45 197.5,233.5 C197.5,233.5 197.5,233.5 197.5,233.5 Z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"></path>
<rect id="Rectangle-1" stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" sketch:type="MSShapeGroup" x="167" y="24" width="120" height="50"></rect>
<text id="window" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="201" y="17">window</tspan>
</text>
<text id="Корень" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="202" y="43">Корень</tspan>
</text>
<rect id="Rectangle-2" stroke="#BCA68E" stroke-width="2" fill="#FFF9EB" sketch:type="MSShapeGroup" x="186" y="122" width="80" height="28"></rect>
<text id="Object" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="203" y="139">Object</tspan>
</text>
<rect id="Rectangle-3" stroke="#BCA68E" stroke-width="2" fill="#FFF9EB" sketch:type="MSShapeGroup" x="68" y="190" width="120" height="50"></rect>
<text id="Object-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="103" y="208">Object</tspan>
</text>
<text id="father" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="99" y="170">father</tspan>
</text>
<text id="wife" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="211" y="191">wife</tspan>
</text>
<text id="name:-&quot;Василий&quot;" sketch:type="MSTextLayer" font-family="Consolas" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="83" y="228">name: "Василий"</tspan>
</text>
<rect id="Rectangle-4" stroke="#BCA68E" stroke-width="2" fill="#FFF9EB" sketch:type="MSShapeGroup" x="277" y="190" width="120" height="50"></rect>
<text id="name:-&quot;Мария&quot;" sketch:type="MSTextLayer" font-family="Consolas" font-size="12" font-weight="normal" fill="#8A704D">
<tspan x="294" y="228">name: "Мария"</tspan>
</text>
<text id="mother" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="306" y="170">mother</tspan>
</text>
<text id="Object-3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="308" y="208">Object</tspan>
</text>
<path d="M178.5,155.5 L132.5,187.5" id="Line-2" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path id="Line-2-decoration-1" d="M132.529309,187.479611 C136.231948,186.182938 139.405639,185.071504 143.108278,183.77483 C141.909043,182.05093 140.881127,180.5733 139.681891,178.849399 C137.178487,181.869973 135.032713,184.459037 132.529309,187.479611 C132.529309,187.479611 132.529309,187.479611 132.529309,187.479611 Z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"></path>
<path d="M197.5,199.5 L258.5,199.5" id="Line" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path id="Line-decoration-1" d="M258.5,199.5 C254.72,198.45 251.48,197.55 247.7,196.5 C247.7,198.6 247.7,200.4 247.7,202.5 C251.48,201.45 254.72,200.55 258.5,199.5 C258.5,199.5 258.5,199.5 258.5,199.5 Z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"></path>
<text id="husband" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="200" y="224">husband</tspan>
</text>
<path d="M272.5,155.5 L319.5,187.5" id="Line" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47" sketch:type="MSShapeGroup"></path>
<path id="Line-decoration-1" d="M318.789558,187.016295 C316.255943,184.021016 314.084274,181.453634 311.550659,178.458354 C310.368798,180.194213 309.355774,181.682091 308.173913,183.41795 C311.889389,184.677371 315.074082,185.756874 318.789558,187.016295 C318.789558,187.016295 318.789558,187.016295 318.789558,187.016295 Z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"></path>
<rect id="Rectangle-5" stroke="#D0011B" stroke-width="2" sketch:type="MSShapeGroup" x="47" y="111" width="366" height="152"></rect>
<text id="family:-null" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#8A704D">
<tspan x="181" y="66">family: null</tspan>
</text>
<g id="noun_48910_cc" sketch:type="MSLayerGroup" transform="translate(8.000000, 110.000000)">
<path d="M17.5030263,1.75054945 L12.4969737,1.75054945 C12.3098684,1.75054945 12.1571053,1.90364835 12.1571053,2.09156044 L12.1571053,3.21745055 L17.8432895,3.21745055 L17.8432895,2.09156044 C17.8432895,1.90364835 17.6905263,1.75054945 17.5030263,1.75054945 L17.5030263,1.75054945 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M28.3638158,3.21745055 L19.5896053,3.21745055 L19.5896053,2.09156044 C19.5896053,0.937978022 18.6540789,4.4408921e-16 17.5030263,4.4408921e-16 L12.4969737,4.4408921e-16 C11.3463158,4.4408921e-16 10.4103947,0.937978022 10.4103947,2.09156044 L10.4103947,3.21745055 L1.63657895,3.21745055 C0.9375,3.21745055 0.370657895,3.78514286 0.370657895,4.48575824 L0.370657895,4.57516484 C0.370657895,5.27578022 0.9375,5.84347253 1.63657895,5.84347253 L28.3638158,5.84347253 C29.0628947,5.84347253 29.6297368,5.27578022 29.6297368,4.57516484 L29.6297368,4.48575824 C29.6297368,3.78514286 29.0625,3.21745055 28.3638158,3.21745055 L28.3638158,3.21745055 Z M17.8432895,3.21745055 L12.1571053,3.21745055 L12.1571053,2.09156044 C12.1571053,1.90364835 12.3098684,1.75054945 12.4969737,1.75054945 L17.5034211,1.75054945 C17.6909211,1.75054945 17.8432895,1.90364835 17.8432895,2.09156044 L17.8432895,3.21745055 L17.8432895,3.21745055 Z" id="Shape" fill="#D0021B" sketch:type="MSShapeGroup"></path>
<path d="M26.0542105,6.28101099 L3.7275,6.28101099 C2.42960526,6.28101099 1.37723684,6.0567033 1.37723684,7.35784615 L3.13973684,33.195956 C3.13973684,34.4959121 4.1925,35.6047912 5.49039474,35.6047912 L24.2921053,35.6047912 C25.59,35.6047912 26.6423684,34.4959121 26.6423684,33.195956 L28.4048684,7.35784615 C28.4044737,6.0567033 27.3521053,6.28101099 26.0542105,6.28101099 L26.0542105,6.28101099 Z M9.63710526,32.1927033 C9.26013158,32.2053626 8.94552632,31.932 8.93289474,31.5807033 L8.23894737,11.664 C8.22671053,11.3127033 8.52236842,11.0171868 8.89815789,11.0041319 C9.27513158,10.9910769 9.58973684,11.2652308 9.60236842,11.6165275 L10.2963158,31.5332308 C10.3085526,31.8841319 10.0132895,32.180044 9.63710526,32.1927033 L9.63710526,32.1927033 Z M15.6809211,31.5632967 C15.6809211,31.9145934 15.3753947,32.1998242 14.9988158,32.1998242 C14.6222368,32.1998242 14.3167105,31.9141978 14.3167105,31.5632967 L14.3167105,11.6343297 C14.3167105,11.2826374 14.6222368,10.9978022 14.9988158,10.9978022 C15.3753947,10.9978022 15.6809211,11.2826374 15.6809211,11.6343297 L15.6809211,31.5632967 L15.6809211,31.5632967 Z M21.0651316,31.5810989 C21.0528947,31.9323956 20.7378947,32.2057582 20.3609211,32.1930989 C19.9847368,32.1804396 19.6894737,31.8845275 19.7017105,31.5332308 L20.3956579,11.6165275 C20.4078947,11.2652308 20.7225,10.9910769 21.0994737,11.0041319 C21.4756579,11.0175824 21.7713158,11.3127033 21.7590789,11.664 L21.0651316,31.5810989 L21.0651316,31.5810989 Z" id="Shape" fill="#D0021B" sketch:type="MSShapeGroup"></path>
</g>
</g>
</g>
</svg>
<svg width="420" height="279" viewBox="0 0 420 279" xmlns="http://www.w3.org/2000/svg"><title>family-no-family.svg</title><desc>Created with bin/sketchtool.</desc><g fill="none" fill-rule="evenodd"><g><path d="M256.5 233.5h-59" id="Line" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path id="Line-decoration-1" d="M197.5 233.5l10.8 3v-6l-10.8 3z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path stroke="#E8C48E" stroke-width="4" fill="#FFF9EB" d="M167 24h120v50H167z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="201" y="17">window</tspan></text><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="202" y="43">Корень</tspan></text><path stroke="#BCA68E" stroke-width="2" fill="#FFF9EB" d="M186 122h80v28h-80z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="203" y="139">Object</tspan></text><path stroke="#BCA68E" stroke-width="2" fill="#FFF9EB" d="M68 190h120v50H68z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="103" y="208">Object</tspan></text><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="99" y="170">father</tspan></text><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="211" y="191">wife</tspan></text><text font-family="Consolas" font-size="12" fill="#8A704D"><tspan x="83" y="228">name: &amp;quot;Василий&amp;quot;</tspan></text><path stroke="#BCA68E" stroke-width="2" fill="#FFF9EB" d="M277 190h120v50H277z"/><text font-family="Consolas" font-size="12" fill="#8A704D"><tspan x="294" y="228">name: &amp;quot;Мария&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="306" y="170">mother</tspan></text><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="308" y="208">Object</tspan></text><path d="M178.5 155.5l-46 32" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M132.53 187.48l10.578-3.705-3.426-4.926-7.153 8.63z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M197.5 199.5h61" id="Line" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path id="Line-decoration-1" d="M258.5 199.5l-10.8-3v6l10.8-3z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="200" y="224">husband</tspan></text><path d="M272.5 155.5l47 32" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path d="M318.79 187.016l-7.24-8.558c-1.18 1.736-2.194 3.224-3.376 4.96 3.715 1.26 6.9 2.34 10.616 3.598z" stroke="#EE6B47" stroke-linecap="square" fill="#EE6B47"/><path stroke="#D0011B" stroke-width="2" d="M47 111h366v152H47z"/><text font-family="Consolas" font-size="14" fill="#8A704D"><tspan x="181" y="66">family: null</tspan></text><g><path d="M25.503 111.75h-5.006c-.187 0-.34.154-.34.342v1.125h5.686v-1.125c0-.188-.152-.34-.34-.34z" id="Shape"/><path d="M36.364 113.217H27.59v-1.125c0-1.154-.936-2.092-2.087-2.092h-5.006c-1.15 0-2.087.938-2.087 2.092v1.125H9.637c-.7 0-1.266.568-1.266 1.27v.088c0 .7.567 1.268 1.267 1.268h26.727c.7 0 1.266-.567 1.266-1.268v-.09c0-.7-.568-1.268-1.266-1.268zm-10.52 0h-5.687v-1.125c0-.188.153-.34.34-.34h5.006c.188 0 .34.152.34.34v1.125zM34.054 116.28H11.727c-1.297 0-2.35-.223-2.35 1.078l1.763 25.838c0 1.3 1.052 2.41 2.35 2.41h18.802c1.298 0 2.35-1.11 2.35-2.41l1.763-25.838c0-1.3-1.053-1.077-2.35-1.077zm-16.417 25.913c-.377.012-.69-.26-.704-.612l-.694-19.916c-.013-.35.282-.647.658-.66.377-.013.692.26.704.613l.694 19.916c.013.35-.283.647-.66.66zm6.044-.63c0 .352-.305.637-.68.637-.378 0-.683-.286-.683-.637v-19.93c0-.35.305-.635.682-.635.375 0 .68.285.68.636v19.93zm5.385.018c-.012.352-.327.626-.704.613-.375-.013-.67-.308-.658-.66l.694-19.916c.012-.352.326-.626.703-.613.376.014.67.31.66.66l-.695 19.917z" fill="#D0021B"/></g></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 3.7 KiB

Before After
Before After

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