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

BIN
1-js/4-data-structures/6-object-reference/object-reference-console@2x.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 123 KiB

After

Width:  |  Height:  |  Size: 32 KiB

Before After
Before After

48
1-js/4-data-structures/6-object-reference/variable-contains-reference.svg
View file

@ -1,47 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="297px" height="199px" viewBox="0 0 297 199" 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>Slice 2</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="variable-contains-reference" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<path d="M43.5,141 L145.5,141" id="Line-2" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M1.5,197.5 L43.5,141.5" id="Line" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M132.5,196.5 L174.5,140.5" id="Line-3" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M43.5,101 L175.5,101" id="Line-7" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M1.5,157.5 L43.5,101.5" id="Line-8" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M132.5,157.5 L174.5,101.5" id="Line-9" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M43,141.5 L43,101.5" id="Line-4" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-2" stroke="#979797" stroke-width="2" fill="#E8E8E8" sketch:type="MSShapeGroup" transform="translate(81.959003, 132.776161) rotate(47.000000) translate(-81.959003, -132.776161) " x="42" y="120.247795" width="79.918006" height="25.0567324"></rect>
<path d="M175,140 L175,101.5" id="Line-5" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-4" stroke="#979797" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="158" width="133" height="40"></rect>
<g id="Rectangle-3-+-Oval-1-+-message" sketch:type="MSLayerGroup" transform="translate(37.000000, 171.000000)">
<rect id="Rectangle-3" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="63" height="16"></rect>
<circle id="Oval-1" stroke="#979797" sketch:type="MSShapeGroup" cx="3.5" cy="3.5" r="1.5"></circle>
<text id="user" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#4990E2">
<tspan x="15" y="12">user</tspan>
</text>
</g>
<g id="noun_3865-(1)" sketch:type="MSLayerGroup" transform="translate(185.000000, 0.000000)" fill="#000000">
<g id="Three_Stack_1_" sketch:type="MSShapeGroup">
<g id="Cabinet" transform="translate(0.200000, 0.033058)">
<path d="M107.53776,0.321282149 L4.06472,0.321282149 C2.02368,0.321282149 0.36952,0.908809745 0.36952,1.63375009 L0.36952,78.0088142 C0.36952,78.7337546 2.02368,79.3212821 4.06472,79.3212821 L107.53776,79.3212821 C109.5788,79.3212821 111.23296,78.7337546 111.23296,78.0088142 L111.23296,1.63375009 C111.23296,0.908809745 109.5788,0.321282149 107.53776,0.321282149 L107.53776,0.321282149 Z M101.5312,72.9669421 L10.0688,72.9669421 L10.0688,6.84756215 L101.5312,6.84756215 L101.5312,72.9669421 L101.5312,72.9669421 Z" id="Shape"></path>
</g>
<g id="Top_Handle" transform="translate(40.500000, 9.404959)">
<path d="M28.84488,0.0375813223 L25.08024,0.0375813223 L25.08024,5.56178132 C25.08024,5.99756132 24.53712,6.35072132 23.86752,6.35072132 L6.89192,6.35072132 C6.22232,6.35072132 5.6792,5.99756132 5.6792,5.56178132 L5.6792,0.0375813223 L2.1576,0.0375813223 C1.49048,0.0375813223 0.94984,0.387501322 0.94984,0.820041322 L0.94984,8.72402132 C0.94984,9.15656132 1.49048,9.50648132 2.1576,9.50648132 L28.84488,9.50648132 C29.512,9.50648132 30.05264,9.15656132 30.05264,8.72402132 L30.05264,0.820041322 C30.05264,0.387501322 29.50952,0.0375813223 28.84488,0.0375813223 L28.84488,0.0375813223 Z" id="Shape"></path>
</g>
</g>
</g>
<text id="name" sketch:type="MSTextLayer" font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797">
<tspan x="218" y="49">name</tspan>
</text>
<g id="noun_37574_cc" sketch:type="MSLayerGroup" transform="translate(127.000000, 83.500000) rotate(10.000000) translate(-127.000000, -83.500000) translate(72.000000, 36.000000)" fill="#000000">
<g id="Editor" transform="translate(54.754715, 47.398639) rotate(141.000000) translate(-54.754715, -47.398639) translate(-4.796384, 34.631516)" sketch:type="MSShapeGroup">
<path d="M67.2636383,25.5342454 L67.2636383,17.7965953 C67.2636383,17.7965953 3.56264802,17.9173072 2.58917769,0 C34.7901854,16.5161804 67.2668582,10.8327102 67.2668582,10.8327102 L67.2636383,3.09506005 L116.972573,14.3146527 L67.2636383,25.5342454 L67.2636383,25.5342454 Z M72.5431368,22.3343418 L72.5431368,16.3282175 C72.5431368,16.3282175 23.6262507,17.435782 9.14303504,4.96543295 C35.1656667,17.435782 72.5431345,11.9892017 72.5431345,11.9892017 L72.5431368,6.09642199 L107.216377,14.3146527 L72.5431368,22.3343418 L72.5431368,22.3343418 Z" id="left_arrow" transform="translate(59.780875, 12.767123) scale(-1, 1) translate(-59.780875, -12.767123) "></path>
</g>
</g>
<g id="noun_4093_cc" sketch:type="MSLayerGroup" transform="translate(73.000000, 126.000000)" fill="#010101">
<path d="M15.47568,0 L0.52464,0 C0.19664,0 0,0.138870968 0,0.370322581 L0,6.57074194 C0,6.80208065 0.19664,6.94083871 0.52464,6.94083871 L15.47568,6.94083871 C15.80352,6.94083871 16,6.80208065 16,6.57074194 L16,0.370322581 C16,0.138870968 15.80336,0 15.47568,0 L15.47568,0 Z M14.67984,0.555370968 L7.86896,4.34959677 L1.17744,0.555370968 L14.67984,0.555370968 L14.67984,0.555370968 Z M14.95088,6.38558065 L1.04912,6.38558065 C0.88512,6.38558065 0.78688,6.31614516 0.78688,6.20030645 L0.78688,1.03125806 L7.86896,4.99743548 L15.21296,0.884483871 L15.21296,6.20030645 C15.21312,6.31614516 15.11488,6.38558065 14.95088,6.38558065 L14.95088,6.38558065 Z" id="Shape" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
<svg width="297" height="199" viewBox="0 0 297 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.505-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.687c.668 0 1.21-.35 1.21-.78V10.22c0-.432-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.098.186-.26.186z" fill="#010101"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

73
1-js/4-data-structures/6-object-reference/variable-copy-reference.svg
View file

@ -1,72 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="501px" height="199px" viewBox="0 0 501 199" 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>Slice 1</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="variable-copy-reference" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<path d="M43.5,141 L145.5,141" id="Line-2" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M1.5,197.5 L43.5,141.5" id="Line" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M132.5,196.5 L174.5,140.5" id="Line-3" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M43.5,101 L175.5,101" id="Line-7" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M1.5,157.5 L43.5,101.5" id="Line-8" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M132.5,157.5 L174.5,101.5" id="Line-9" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M43,141.5 L43,101.5" id="Line-4" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-2" stroke="#979797" stroke-width="2" fill="#E8E8E8" sketch:type="MSShapeGroup" transform="translate(81.959003, 132.776161) rotate(47.000000) translate(-81.959003, -132.776161) " x="42" y="120.247795" width="79.918006" height="25.0567324"></rect>
<path d="M175,140 L175,101.5" id="Line-5" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-4" stroke="#979797" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="158" width="133" height="40"></rect>
<g id="Rectangle-3-+-Oval-1-+-message" sketch:type="MSLayerGroup" transform="translate(37.000000, 171.000000)">
<rect id="Rectangle-3" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="63" height="16"></rect>
<circle id="Oval-1" stroke="#979797" sketch:type="MSShapeGroup" cx="3.5" cy="3.5" r="1.5"></circle>
<text id="user" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#4990E2">
<tspan x="15" y="12">user</tspan>
</text>
</g>
<g id="noun_3865-(1)" sketch:type="MSLayerGroup" transform="translate(185.000000, 0.000000)" fill="#000000">
<g id="Three_Stack_1_" sketch:type="MSShapeGroup">
<g id="Cabinet" transform="translate(0.200000, 0.033058)">
<path d="M107.53776,0.321282149 L4.06472,0.321282149 C2.02368,0.321282149 0.36952,0.908809745 0.36952,1.63375009 L0.36952,78.0088142 C0.36952,78.7337546 2.02368,79.3212821 4.06472,79.3212821 L107.53776,79.3212821 C109.5788,79.3212821 111.23296,78.7337546 111.23296,78.0088142 L111.23296,1.63375009 C111.23296,0.908809745 109.5788,0.321282149 107.53776,0.321282149 L107.53776,0.321282149 Z M101.5312,72.9669421 L10.0688,72.9669421 L10.0688,6.84756215 L101.5312,6.84756215 L101.5312,72.9669421 L101.5312,72.9669421 Z" id="Shape"></path>
</g>
<g id="Top_Handle" transform="translate(40.500000, 9.404959)">
<path d="M28.84488,0.0375813223 L25.08024,0.0375813223 L25.08024,5.56178132 C25.08024,5.99756132 24.53712,6.35072132 23.86752,6.35072132 L6.89192,6.35072132 C6.22232,6.35072132 5.6792,5.99756132 5.6792,5.56178132 L5.6792,0.0375813223 L2.1576,0.0375813223 C1.49048,0.0375813223 0.94984,0.387501322 0.94984,0.820041322 L0.94984,8.72402132 C0.94984,9.15656132 1.49048,9.50648132 2.1576,9.50648132 L28.84488,9.50648132 C29.512,9.50648132 30.05264,9.15656132 30.05264,8.72402132 L30.05264,0.820041322 C30.05264,0.387501322 29.50952,0.0375813223 28.84488,0.0375813223 L28.84488,0.0375813223 Z" id="Shape"></path>
</g>
</g>
</g>
<text id="name" sketch:type="MSTextLayer" font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797">
<tspan x="218" y="49">name</tspan>
</text>
<g id="noun_37574_cc" sketch:type="MSLayerGroup" transform="translate(127.000000, 83.500000) rotate(10.000000) translate(-127.000000, -83.500000) translate(72.000000, 36.000000)" fill="#000000">
<g id="Editor" transform="translate(54.754715, 47.398639) rotate(141.000000) translate(-54.754715, -47.398639) translate(-4.796384, 34.631516)" sketch:type="MSShapeGroup">
<path d="M67.2636383,25.5342454 L67.2636383,17.7965953 C67.2636383,17.7965953 3.56264802,17.9173072 2.58917769,0 C34.7901854,16.5161804 67.2668582,10.8327102 67.2668582,10.8327102 L67.2636383,3.09506005 L116.972573,14.3146527 L67.2636383,25.5342454 L67.2636383,25.5342454 Z M72.5431368,22.3343418 L72.5431368,16.3282175 C72.5431368,16.3282175 23.6262507,17.435782 9.14303504,4.96543295 C35.1656667,17.435782 72.5431345,11.9892017 72.5431345,11.9892017 L72.5431368,6.09642199 L107.216377,14.3146527 L72.5431368,22.3343418 L72.5431368,22.3343418 Z" id="left_arrow" transform="translate(59.780875, 12.767123) scale(-1, 1) translate(-59.780875, -12.767123) "></path>
</g>
</g>
<g id="noun_4093_cc" sketch:type="MSLayerGroup" transform="translate(73.000000, 126.000000)" fill="#010101">
<path d="M15.47568,0 L0.52464,0 C0.19664,0 0,0.138870968 0,0.370322581 L0,6.57074194 C0,6.80208065 0.19664,6.94083871 0.52464,6.94083871 L15.47568,6.94083871 C15.80352,6.94083871 16,6.80208065 16,6.57074194 L16,0.370322581 C16,0.138870968 15.80336,0 15.47568,0 L15.47568,0 Z M14.67984,0.555370968 L7.86896,4.34959677 L1.17744,0.555370968 L14.67984,0.555370968 L14.67984,0.555370968 Z M14.95088,6.38558065 L1.04912,6.38558065 C0.88512,6.38558065 0.78688,6.31614516 0.78688,6.20030645 L0.78688,1.03125806 L7.86896,4.99743548 L15.21296,0.884483871 L15.21296,6.20030645 C15.21312,6.31614516 15.11488,6.38558065 14.95088,6.38558065 L14.95088,6.38558065 Z" id="Shape" sketch:type="MSShapeGroup"></path>
</g>
<path d="M367.5,141 L469.5,141" id="Line-16" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M325.5,197.5 L367.5,141.5" id="Line-6" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M456.5,196.5 L498.5,140.5" id="Line-10" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M367.5,101 L499.5,101" id="Line-11" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M325.5,157.5 L367.5,101.5" id="Line-12" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M456.5,157.5 L498.5,101.5" id="Line-13" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M367,141.5 L367,101.5" id="Line-14" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-5" stroke="#979797" stroke-width="2" fill="#E8E8E8" sketch:type="MSShapeGroup" transform="translate(405.959003, 132.776161) rotate(47.000000) translate(-405.959003, -132.776161) " x="366" y="120.247795" width="79.918006" height="25.0567324"></rect>
<path d="M499,140 L499,101.5" id="Line-15" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-6" stroke="#979797" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="324" y="158" width="133" height="40"></rect>
<g id="Rectangle-3-+-Oval-1-+-message-2" sketch:type="MSLayerGroup" transform="translate(361.000000, 171.000000)">
<rect id="Rectangle-3" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="63" height="16"></rect>
<circle id="Oval-1" stroke="#979797" sketch:type="MSShapeGroup" cx="3.5" cy="3.5" r="1.5"></circle>
<text id="admin" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#4990E2">
<tspan x="15" y="12">admin</tspan>
</text>
</g>
<g id="noun_37574_cc-2" sketch:type="MSLayerGroup" transform="translate(358.286167, 83.555879) scale(-1, 1) rotate(10.000000) translate(-358.286167, -83.555879) translate(303.786167, 35.555879)" fill="#000000">
<g id="Editor" transform="translate(54.526831, 47.793916) rotate(141.000000) translate(-54.526831, -47.793916) translate(-5.024268, 35.026793)" sketch:type="MSShapeGroup">
<path d="M67.2636383,25.5342454 L67.2636383,17.7965953 C67.2636383,17.7965953 3.56264802,17.9173072 2.58917769,0 C34.7901854,16.5161804 67.2668582,10.8327102 67.2668582,10.8327102 L67.2636383,3.09506005 L116.972573,14.3146527 L67.2636383,25.5342454 L67.2636383,25.5342454 Z M72.5431368,22.3343418 L72.5431368,16.3282175 C72.5431368,16.3282175 23.6262507,17.435782 9.14303504,4.96543295 C35.1656667,17.435782 72.5431345,11.9892017 72.5431345,11.9892017 L72.5431368,6.09642199 L107.216377,14.3146527 L72.5431368,22.3343418 L72.5431368,22.3343418 Z" id="left_arrow" transform="translate(59.780875, 12.767123) scale(-1, 1) translate(-59.780875, -12.767123) "></path>
</g>
</g>
<g id="noun_4093_cc-2" sketch:type="MSLayerGroup" transform="translate(397.000000, 126.000000)" fill="#010101">
<path d="M15.47568,0 L0.52464,0 C0.19664,0 0,0.138870968 0,0.370322581 L0,6.57074194 C0,6.80208065 0.19664,6.94083871 0.52464,6.94083871 L15.47568,6.94083871 C15.80352,6.94083871 16,6.80208065 16,6.57074194 L16,0.370322581 C16,0.138870968 15.80336,0 15.47568,0 L15.47568,0 Z M14.67984,0.555370968 L7.86896,4.34959677 L1.17744,0.555370968 L14.67984,0.555370968 L14.67984,0.555370968 Z M14.95088,6.38558065 L1.04912,6.38558065 C0.88512,6.38558065 0.78688,6.31614516 0.78688,6.20030645 L0.78688,1.03125806 L7.86896,4.99743548 L15.21296,0.884483871 L15.21296,6.20030645 C15.21312,6.31614516 15.11488,6.38558065 14.95088,6.38558065 L14.95088,6.38558065 Z" id="Shape" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
<svg width="501" height="199" viewBox="0 0 501 199" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 141h102m-144 56.5l42-56m89 55l42-56M43.5 101h132m-174 56.5l42-56m89 56l42-56M43 141.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865 95.022l54.504 58.42-18.32 17.09-54.505-58.42z"/><path d="M175 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 158h133v40H0z"/><g transform="translate(37 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">user</tspan></text></g><path d="M292.738.354H189.265c-2.04 0-3.695.588-3.695 1.313v76.375c0 .725 1.654 1.312 3.695 1.312h103.473c2.04 0 3.695-.587 3.695-1.312V1.667c0-.725-1.654-1.313-3.695-1.313zM286.73 73h-91.46V6.88h91.46V73zM254.345 9.443h-3.765v5.524c0 .436-.543.79-1.212.79h-16.976c-.67 0-1.213-.354-1.213-.79V9.443h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.687c.668 0 1.21-.35 1.21-.78V10.22c0-.432-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#979797"><tspan x="218" y="49">name</tspan></text><path d="M126.932 68.668l3.752 6.77s-55.797 30.79-47.958 46.94c20.165-30.07 51.34-40.848 51.34-40.848l3.75 6.772 38.052-33.926-48.936 14.292zm6.17.24l2.914 5.254s-43.34 22.756-49.964 40.692C102.774 91.32 138.12 77.96 138.12 77.96l2.858 5.155 26.354-24.007-34.23 9.8z" fill="#000"/><path d="M88.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795H87.68zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.098.186-.26.186z" fill="#010101"/><path d="M367.5 141h102m-144 56.5l42-56m89 55l42-56m-131-39.5h132m-174 56.5l42-56m89 56l42-56m-131.5 40v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M387.865 95.022l54.504 58.42-18.32 17.09-54.505-58.42z"/><path d="M499 140v-38.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M324 158h133v40H324z"/><g transform="translate(361 171)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="15" y="12">admin</tspan></text></g><path d="M358.068 68.67l-3.752 6.77s55.797 30.788 47.958 46.938c-20.165-30.07-51.34-40.847-51.34-40.847l-3.75 6.776-38.052-33.926 48.936 14.29zm-6.17.238l-2.914 5.255s43.34 22.756 49.964 40.692C382.226 91.322 346.88 77.96 346.88 77.96l-2.858 5.156-26.354-24.007 34.23 9.795z" fill="#000"/><path d="M412.476 126h-14.95c-.33 0-.526.14-.526.37v6.2c0 .232.197.37.525.37h14.95c.33 0 .525-.138.525-.37v-6.2c0-.23-.197-.37-.524-.37zm-.796.555l-6.81 3.795-6.693-3.795h13.503zm.27 5.83h-13.9c-.165 0-.263-.07-.263-.185v-5.17l7.082 3.967 7.34-4.113v5.316c0 .116-.098.186-.26.186z" fill="#010101"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

50
1-js/4-data-structures/6-object-reference/variable-copy-value.svg
View file

@ -1,49 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="366px" height="103px" viewBox="0 0 366 103" 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>Diagrams</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="variable-copy-value" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<path d="M43.5,45 L145.5,45" id="Line-2" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M1.5,101.5 L43.5,45.5" id="Line" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M132.5,100.5 L174.5,44.5" id="Line-3" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M43.5,5 L175.5,5" id="Line-7" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M1.5,61.5 L43.5,5.5" id="Line-8" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M132.5,61.5 L174.5,5.5" id="Line-9" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M43,45.5 L43,5.5" id="Line-4" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-2" stroke="#979797" stroke-width="2" fill="#E8E8E8" sketch:type="MSShapeGroup" transform="translate(81.959003, 36.776161) rotate(47.000000) translate(-81.959003, -36.776161) " x="42" y="24.247795" width="79.918006" height="25.0567324"></rect>
<text id="&quot;Привет&quot;" sketch:type="MSTextLayer" transform="translate(85.693270, 38.500000) rotate(47.000000) translate(-85.693270, -38.500000) " font-family="Open Sans" font-size="14" font-weight="normal" fill="#373535">
<tspan x="54.6932699" y="44">"Привет"</tspan>
</text>
<path d="M175,44 L175,5.5" id="Line-5" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-4" stroke="#979797" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="62" width="133" height="40"></rect>
<g id="Rectangle-3-+-Oval-1-+-message" sketch:type="MSLayerGroup" transform="translate(37.000000, 75.000000)">
<rect id="Rectangle-3" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="63" height="16"></rect>
<circle id="Oval-1" stroke="#979797" sketch:type="MSShapeGroup" cx="3.5" cy="3.5" r="1.5"></circle>
<text id="message" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#4990E2">
<tspan x="7" y="12">message</tspan>
</text>
</g>
<path d="M232.5,45 L334.5,45" id="Line-6" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M190.5,101.5 L232.5,45.5" id="Line-10" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M321.5,100.5 L363.5,44.5" id="Line-11" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M232.5,5 L364.5,5" id="Line-12" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M190.5,61.5 L232.5,5.5" id="Line-13" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M321.5,61.5 L363.5,5.5" id="Line-14" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path d="M232,45.5 L232,5.5" id="Line-15" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-5" stroke="#979797" stroke-width="2" fill="#E8E8E8" sketch:type="MSShapeGroup" transform="translate(270.959003, 36.776161) rotate(47.000000) translate(-270.959003, -36.776161) " x="231" y="24.247795" width="79.918006" height="25.0567324"></rect>
<text id="&quot;Привет&quot;" sketch:type="MSTextLayer" transform="translate(274.693270, 38.500000) rotate(47.000000) translate(-274.693270, -38.500000) " font-family="Open Sans" font-size="14" font-weight="normal" fill="#373535">
<tspan x="243.69327" y="44">"Привет"</tspan>
</text>
<path d="M364,44 L364,5.5" id="Line-16" stroke="#979797" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-6" stroke="#979797" stroke-width="2" fill="#FFFFFF" sketch:type="MSShapeGroup" x="189" y="62" width="133" height="40"></rect>
<g id="Rectangle-3-+-Oval-1-+-message-2" sketch:type="MSLayerGroup" transform="translate(226.000000, 75.000000)">
<rect id="Rectangle-3" stroke="#979797" fill="#FFFFFF" sketch:type="MSShapeGroup" x="0" y="0" width="63" height="16"></rect>
<circle id="Oval-1" stroke="#979797" sketch:type="MSShapeGroup" cx="3.5" cy="3.5" r="1.5"></circle>
<text id="phrase" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#4990E2">
<tspan x="10" y="12">phrase</tspan>
</text>
</g>
</g>
</svg>
<svg width="366" height="103" viewBox="0 0 366 103" xmlns="http://www.w3.org/2000/svg"><title>Diagrams</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M43.5 45h102m-144 56.5l42-56m89 55l42-56M43.5 5h132M1.5 61.5l42-56m89 56l42-56M43 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M63.865-.978l54.504 58.42-18.32 17.09-54.505-58.42z"/><text transform="rotate(47 85.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="54.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M175 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M0 62h133v40H0z"/><g transform="translate(37 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="7" y="12">message</tspan></text></g><path d="M232.5 45h102m-144 56.5l42-56m89 55l42-56M232.5 5h132m-174 56.5l42-56m89 56l42-56M232 45.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M252.865-.978l54.504 58.42-18.32 17.09-54.505-58.42z"/><text transform="rotate(47 274.693 38.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="243.693" y="44">&amp;quot;Привет&amp;quot;</tspan></text><path d="M364 44V5.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M189 62h133v40H189z"/><g transform="translate(226 75)"><path stroke="#979797" fill="#fff" d="M0 0h63v16H0z"/><circle stroke="#979797" cx="3.5" cy="3.5" r="1.5"/><text font-family="Consolas" font-size="14" fill="#4990E2"><tspan x="10" y="12">phrase</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After