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

minify svgs

Browse source
This commit is contained in:
Ilya Kantor 2015-01-28 14:27:05 +03:00
parent 6c4af3d588
commit 6cfa0a2738
28 changed files with 28 additions and 529 deletions
Download patch file Download diff file Expand all files Collapse all files

2
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: 15 KiB

After

Width:  |  Height:  |  Size: 15 KiB

Before After
Before After

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

@ -1 +1 @@
<svg width="253" height="176" viewBox="0 0 253 176" xmlns="http://www.w3.org/2000/svg"><title>Diagrams 2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" fill="#E8E8E8" d="M124.865 3.774l54.504 58.42-18.32 17.09-54.505-58.42z"/><text opacity=".7" transform="rotate(47 146.5 43.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="122" y="49">&amp;quot;Hello!&amp;quot;</tspan></text><g fill="#979797"><path d="M242.667 10.63h1.476v25.815h-1.476zm-5.905 0h1.476v25.815h-1.476zm-5.905 0h1.476v25.815h-1.476zM247.095 6.074h-2.952V3.037c0-1.67-1.33-3.037-2.953-3.037h-7.38c-1.624 0-2.953 1.367-2.953 3.037v3.037H222v1.52h2.952v28.85c0 2.582 1.92 4.556 4.43 4.556h16.237c2.51 0 4.425-1.974 4.425-4.556V7.594H253v-1.52h-5.905zm-14.762-3.037c0-.91.59-1.518 1.477-1.518h7.38c.886 0 1.477.603 1.477 1.514V6.07h-10.334V3.038zm16.238 33.407c0 1.67-1.324 3.037-2.95 3.037h-16.24c-1.62 0-2.95-1.362-2.95-3.033V7.597h22.14v28.85z"/></g><path d="M198.796 17.55l.213-6.078c.02-.562.414-1.057 1.01-1.26.597-.2 1.277-.072 1.73.33l14.47 12.855c.313.278.482.655.47 1.042-.015.383-.21.75-.54 1.002l-15.336 11.81c-.312.242-.714.36-1.116.346-.216-.007-.43-.053-.63-.137-.584-.242-.947-.764-.927-1.326l.197-5.595c-1.327-.065-3.35-.16-5.507-.234-1.988-.07-3.732-.112-5.184-.126-7.945-.074-17.388 4.87-17.48 4.92-.517.27-1.165.268-1.68-.013-.514-.28-.81-.788-.763-1.315 1.184-13.563 24.76-15.852 31.068-16.222zm-11.14 9.815c1.482.013 3.257.056 5.277.127 3.75.13 7.114.317 7.148.32.875.047 1.55.696 1.52 1.46l-.13 3.713 11.28-8.685-10.64-9.45-.144 4.1c-.026.74-.7 1.33-1.545 1.35-.26.01-24.1.746-28.742 10.89 3.71-1.594 10.072-3.88 15.98-3.823zM35.196 52.383l4.23-4.376c.39-.404 1.02-.505 1.598-.256.578.25.996.805 1.063 1.407L44.233 68.4c.047.414-.08.807-.35 1.086-.27.28-.658.42-1.074.386l-19.31-1.49c-.395-.03-.77-.21-1.06-.49-.156-.15-.285-.328-.378-.526-.27-.57-.19-1.2.2-1.605l3.893-4.024c-.943-.937-2.385-2.363-3.936-3.862-1.43-1.382-2.7-2.582-3.77-3.564-5.854-5.377-16.18-8.026-16.286-8.05-.566-.145-1.044-.58-1.238-1.134-.196-.553-.075-1.13.312-1.49 9.96-9.286 29.015 4.8 33.95 8.75zm-14.85-.167c1.09 1.002 2.383 2.223 3.837 3.628 2.7 2.61 5.075 5 5.1 5.024.614.62.68 1.554.148 2.104l-2.58 2.672L41.05 66.74l-1.58-14.15-2.85 2.95c-.515.537-1.413.52-2.054-.025-.198-.17-18.408-15.587-28.652-11.156 3.826 1.297 10.085 3.86 14.44 7.86z" fill="#979797"/><path d="M44.5 117h102m-144 56.5l42-56m89 55l42-56M44.5 77h132m-174 56.5l42-56m89 56l42-56M44 117.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M64.865 70.774l54.504 58.42-18.32 17.09-54.505-58.42z"/><text transform="rotate(47 86.5 110.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="59" y="116">&amp;quot;World!&amp;quot;</tspan></text><path d="M176 116V77.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M1 134h133v40H1z"/><g transform="translate(38 147)"><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="#373535"><tspan x="7" y="12">message</tspan></text></g></g></svg> <svg width="253" height="176" viewBox="0 0 253 176" xmlns="http://www.w3.org/2000/svg"><title>Diagrams 2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" fill="#E8E8E8" d="M124.865 3.774l54.504 58.42-18.32 17.09-54.508-58.42z"/><text opacity=".7" transform="rotate(47 146.5 43.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="122" y="49">&amp;quot;Hello!&amp;quot;</tspan></text><path d="M242.667 10.63h1.476v25.815h-1.476zm-5.905 0h1.476v25.815h-1.476zm-5.905 0h1.476v25.815h-1.476zm16.238-4.556h-2.952V3.037c0-1.67-1.33-3.037-2.953-3.037h-7.38c-1.624 0-2.953 1.367-2.953 3.037v3.037H222v1.52h2.952v28.85c0 2.582 1.92 4.556 4.43 4.556h16.237c2.51 0 4.422-1.974 4.422-4.556V7.594H253v-1.52h-5.905zm-14.762-3.037c0-.91.59-1.518 1.477-1.518h7.38c.886 0 1.477.6 1.477 1.51v3.04h-10.334V3.038zm16.238 33.407c0 1.67-1.32 3.037-2.95 3.037h-16.24c-1.62 0-2.95-1.36-2.95-3.03V7.598h22.14v28.85zM198.798 17.55l.213-6.078c.02-.562.412-1.057 1.01-1.26.595-.2 1.275-.072 1.73.33l14.47 12.855c.31.278.48.655.47 1.042-.017.38-.21.75-.54 1l-15.34 11.81c-.312.242-.714.36-1.116.346-.216-.007-.43-.053-.63-.137-.584-.244-.947-.766-.927-1.328l.196-5.595c-1.327-.066-3.35-.16-5.507-.235-1.99-.07-3.733-.112-5.185-.126-7.944-.075-17.387 4.87-17.48 4.92-.516.27-1.164.267-1.68-.014-.513-.28-.81-.788-.762-1.315 1.184-13.562 24.76-15.85 31.068-16.22zm-11.14 9.815c1.482.013 3.257.056 5.277.127 3.75.13 7.114.317 7.148.32.877.047 1.55.696 1.52 1.46l-.13 3.713 11.28-8.685-10.64-9.45-.142 4.1c-.026.74-.7 1.33-1.545 1.35-.26.01-24.1.746-28.742 10.89 3.71-1.594 10.073-3.88 15.98-3.823zM35.197 52.383l4.23-4.376c.39-.404 1.02-.505 1.597-.256.578.25.996.808 1.063 1.41l2.146 19.24c.047.415-.08.808-.35 1.087-.27.28-.658.42-1.074.386l-19.31-1.49c-.398-.03-.77-.21-1.06-.49-.16-.15-.288-.328-.38-.526-.27-.57-.19-1.2.2-1.605l3.892-4.022c-.943-.937-2.385-2.363-3.936-3.862-1.43-1.382-2.7-2.582-3.77-3.564-5.854-5.376-16.18-8.025-16.286-8.05-.565-.144-1.043-.58-1.237-1.133-.196-.553-.075-1.13.312-1.49 9.96-9.286 29.015 4.8 33.95 8.75zm-14.85-.167c1.09 1.002 2.382 2.223 3.836 3.628 2.7 2.61 5.075 5 5.1 5.024.614.62.68 1.554.148 2.104l-2.58 2.672 14.2 1.096-1.58-14.15-2.85 2.95c-.513.537-1.41.52-2.052-.025-.198-.17-18.408-15.587-28.652-11.156C9.74 45.653 16 48.22 20.356 52.22z" fill="#979797"/><path d="M44.5 117h102m-144 56.5l42-56m89 55l42-56M44.5 77h132m-174 56.5l42-56m89 56l42-56M44 117.5v-40" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#E8E8E8" d="M64.865 70.774l54.504 58.42-18.32 17.09-54.508-58.42z"/><text transform="rotate(47 86.5 110.5)" font-family="Open Sans" font-size="14" fill="#373535"><tspan x="59" y="116">&amp;quot;World!&amp;quot;</tspan></text><path d="M176 116V77.5" stroke="#979797" stroke-width="2" stroke-linecap="square"/><path stroke="#979797" stroke-width="2" fill="#fff" d="M1 134h133v40H1z"/><g transform="translate(38 147)"><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="#373535"><tspan x="7" y="12">message</tspan></text></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.1 KiB

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

2
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: 118 KiB

After

Width:  |  Height:  |  Size: 118 KiB

Before After
Before After

2
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: 69 KiB

After

Width:  |  Height:  |  Size: 69 KiB

Before After
Before After

2
1-js/4-data-structures/4-object/object-person-1.svg
View file

@ -1 +1 @@
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 139H10.27V77.802h91.46v61.552zm0-70.92H10.27V6.88h91.46v61.553zm-32.384 13.93H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79v-5.524h-3.525c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78H69.34c.668 0 1.21-.35 1.21-.784V83.14c0-.43-.544-.78-1.21-.78zm0-72.92H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.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.78H69.34c.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="#4990E2"><tspan x="35" y="46">name</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="42" y="119">age</tspan></text></g></svg> <svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 139H10.27V77.802h91.46v61.552zm0-70.92H10.27V6.88h91.46v61.553zm-32.38 13.93h-3.77v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79v-5.524H42.65c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.69c.668 0 1.21-.35 1.21-.787V83.14c0-.43-.544-.78-1.21-.78zm0-72.92h-3.77v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443H42.65c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.69c.668 0 1.21-.35 1.21-.78v-7.91c0-.434-.544-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="46">name</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="42" y="119">age</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.1 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

Before After
Before After

2
1-js/4-data-structures/4-object/object-person-2.svg
View file

@ -1 +1 @@
<svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 137H10.27V6.88h91.46v130.474zM69.346 9.444H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.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.78H69.34c.668 0 1.21-.35 1.21-.78V10.22c0-.433-.544-.782-1.21-.782z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="74">name</tspan></text></g></svg> <svg width="112" height="146" viewBox="0 0 112 146" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M107.738.354H4.265C2.225.354.57 1.434.57 2.768v140.464c0 1.333 1.654 2.414 3.695 2.414h103.473c2.04 0 3.695-1.08 3.695-2.414V2.768c0-1.333-1.654-2.414-3.695-2.414zm-6.007 137H10.27V6.88h91.46v130.474zM69.35 9.444H65.58v5.523c0 .436-.543.79-1.212.79H47.392c-.67 0-1.213-.354-1.213-.79V9.443H42.65c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.69c.668 0 1.21-.35 1.21-.78v-7.91c0-.435-.544-.784-1.21-.784z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="35" y="74">name</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 746 B

After

Width:  |  Height:  |  Size: 744 B

Before After
Before After

2
1-js/4-data-structures/4-object/object.svg
View file

@ -1 +1 @@
<svg width="99" height="128" viewBox="0 0 99 128" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M95.605.323H3.397C1.577.323.104 1.27.104 2.438V125.56c0 1.17 1.474 2.117 3.293 2.117h92.208c1.82 0 3.293-.947 3.293-2.116V2.44c0-1.168-1.474-2.115-3.293-2.115zM90.252 123.71H8.748V86.55h81.504v37.16zm0-41.13H8.748V45.42h81.504v37.16zm0-41.13H8.748V4.29h81.504v37.16zM61.186 90.545h-3.354v4.844c0 .38-.484.69-1.08.69H41.62c-.597 0-1.08-.31-1.08-.69V90.54H37.4c-.594 0-1.076.31-1.076.688v6.93c0 .38.482.686 1.076.686h23.782c.595 0 1.077-.307 1.077-.686v-6.926c0-.38-.48-.688-1.077-.688zm.206-41.128h-3.355v4.842c0 .38-.484.69-1.08.69H41.83c-.598 0-1.082-.31-1.082-.69v-4.846H37.61c-.594 0-1.076.306-1.076.685v6.93c0 .38.482.684 1.076.684h23.782c.595 0 1.076-.306 1.076-.685V50.1c0-.376-.484-.684-1.076-.684zm0-41.127H58.04v4.84c0 .383-.484.693-1.08.693H41.83c-.597 0-1.08-.31-1.08-.692V8.29h-3.14c-.594 0-1.076.306-1.076.685v6.928c0 .38.482.686 1.077.686h23.786c.594 0 1.076-.31 1.076-.69V8.975c0-.38-.484-.686-1.076-.686z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="35">ключ1</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="74">ключ2</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="118">ключ3</tspan></text></g></svg> <svg width="99" height="128" viewBox="0 0 99 128" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M95.605.323H3.397C1.577.323.104 1.27.104 2.438V125.56c0 1.17 1.474 2.117 3.293 2.117h92.208c1.82 0 3.293-.947 3.293-2.116V2.44c0-1.168-1.474-2.115-3.293-2.115zM90.252 123.71H8.748V86.55h81.504v37.16zm0-41.13H8.748V45.42h81.504v37.16zm0-41.13H8.748V4.29h81.504v37.16zM61.186 90.545h-3.354v4.844c0 .38-.484.69-1.08.69H41.62c-.597 0-1.08-.31-1.08-.69v-4.85H37.4c-.594 0-1.076.31-1.076.686v6.93c0 .38.482.686 1.076.686h23.782c.595 0 1.077-.307 1.077-.686V91.23c0-.38-.48-.687-1.08-.687zm.206-41.128h-3.355v4.842c0 .38-.484.69-1.08.69H41.83c-.598 0-1.082-.31-1.082-.69v-4.85H37.61c-.594 0-1.076.306-1.076.685v6.93c0 .38.482.684 1.076.684h23.782c.595 0 1.076-.306 1.076-.685V50.1c0-.376-.484-.684-1.076-.684zm0-41.127H58.04v4.84c0 .383-.484.693-1.08.693H41.83c-.597 0-1.08-.31-1.08-.692V8.29h-3.14c-.594 0-1.076.306-1.076.685v6.928c0 .38.482.686 1.077.686H61.4c.594 0 1.076-.31 1.076-.69V8.972c0-.38-.484-.686-1.076-.686z" fill="#000"/><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="35">ключ1</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="74">ключ2</tspan></text><text font-family="Open Sans" font-size="14" font-weight="bold" fill="#4990E2"><tspan x="26" y="118">ключ3</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.5 KiB

After

Width:  |  Height:  |  Size: 1.5 KiB

Before After
Before After

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

@ -1 +1 @@
<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> <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.508-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.528c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.688c.667 0 1.21-.35 1.21-.78v-7.91c0-.434-.545-.784-1.21-.784z" 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-.1.186-.26.186z" fill="#010101"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

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

@ -1 +1 @@
<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> <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.508-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.528c-.668 0-1.208.35-1.208.782v7.904c0 .43.54.78 1.207.78h26.688c.667 0 1.21-.35 1.21-.78v-7.91c0-.434-.545-.784-1.21-.784z" 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-.1.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.508-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.78-38.052-33.927 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.792z" 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-.1.186-.26.186z" fill="#010101"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.2 KiB

After

Width:  |  Height:  |  Size: 3.2 KiB

Before After
Before After

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

@ -1 +1 @@
<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> <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.508-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.508-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: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.8 KiB

Before After
Before After

2
1-js/4-data-structures/7-array/array-speed.svg
View file

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

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 16 KiB

Before After
Before After

2
1-js/4-data-structures/7-array/queue.svg
View file

@ -1 +1 @@
<svg width="168" height="93" viewBox="0 0 168 93" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M82.795 34.15c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.456-3.022 1.94-3.436l22.39-6.253c1.484-.41 3.02.457 3.438 1.94.414 1.484-.453 3.02-1.937 3.436L83.548 34.05c-.25.07-.504.103-.752.103zm0 11.038c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.456-3.022 1.94-3.436l22.39-6.253c1.484-.418 3.02.45 3.438 1.932.414 1.484-.453 3.022-1.937 3.436L83.548 45.08c-.25.07-.504.105-.752.105zm0 10.37c-1.22 0-2.34-.808-2.684-2.04-.41-1.484.456-3.02 1.94-3.437l22.39-6.25c1.484-.413 3.02.454 3.438 1.937.414 1.484-.453 3.022-1.937 3.436l-22.393 6.254c-.25.07-.504.104-.752.104zM106.837 8.44V6.654c0-3.613-3.02-7.324-6.55-6.55-9.413 2.06-30.72 8.958-41.854 11.352-3.53.76-6.552 3.736-6.552 7.35v60.95c0 3.614 2.98 7.062 6.556 6.553 2-.287 4.267-.75 6.728-1.34v1.425c0 3.613 2.976 7.06 6.552 6.552 4.176-.595 26.68-7.4 32.483-9.11V78.46c-5.568 1.64-28.035 8.31-32.484 9.35-.76.18-1.416-.635-1.416-1.416V26.74c-.08-1.792.62-3.287 2.714-3.847 6.07-1.623 21.953-5.945 31.945-8.668l1.88-.512 6.73-1.834c.78 0 1.413.63 1.413 1.412v60.953c0 .78-.665 1.203-1.416 1.416-2.596.74-5.82 1.714-9.382 2.8l.013 5.376c3.404-1.12 6.6-2.17 9.37-3.04 3.444-1.083 6.55-2.37 6.55-6.552v-60.95c0-3.613-3.02-7.325-6.55-6.55-1.84.4-4.143.99-6.73 1.694zm-35.124 9.656c-3.53.76-6.55 3.737-6.55 7.35V79.46c-2.39.648-4.652 1.23-6.73 1.715-.76.178-1.415-.636-1.415-1.417V20.1c-.078-1.792.62-3.287 2.715-3.847C68.876 13.81 100.287 5.24 100.287 5.24c.78 0 1.416.634 1.416 1.415v3.217c-10.06 2.86-22.39 6.59-29.99 8.224zM168 42l-12-12v8h-30.634v8H156v8l12-12zM43 42L31 30v8H.366v8H31v8l12-12z" fill-rule="evenodd"/></svg> <svg width="168" height="93" viewBox="0 0 168 93" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M82.795 34.15c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.46-3.022 1.94-3.436l22.39-6.253c1.487-.41 3.02.46 3.44 1.94.415 1.487-.452 3.02-1.936 3.44l-22.396 6.25c-.25.07-.504.103-.752.103zm0 11.038c-1.22 0-2.34-.807-2.684-2.04-.41-1.484.46-3.022 1.94-3.436l22.39-6.253c1.487-.42 3.02.45 3.44 1.93.415 1.483-.452 3.02-1.936 3.435L83.548 45.08c-.25.07-.504.105-.752.105zm0 10.37c-1.22 0-2.34-.808-2.684-2.04-.41-1.484.46-3.02 1.94-3.437l22.39-6.25c1.487-.41 3.02.457 3.44 1.94.415 1.484-.452 3.02-1.936 3.436L83.55 55.458c-.25.07-.505.104-.753.104zM106.837 8.44V6.654c0-3.613-3.02-7.324-6.55-6.55-9.413 2.06-30.72 8.958-41.854 11.352-3.53.76-6.552 3.736-6.552 7.35v60.95c0 3.614 2.98 7.062 6.56 6.553 2-.29 4.266-.75 6.727-1.34v1.422c0 3.613 2.976 7.06 6.552 6.552 4.175-.595 26.68-7.4 32.482-9.11V78.46c-5.567 1.64-28.034 8.31-32.483 9.35-.76.18-1.417-.635-1.417-1.416V26.74c-.08-1.792.62-3.287 2.715-3.847 6.07-1.623 21.953-5.945 31.945-8.668l1.88-.512 6.73-1.834c.78 0 1.412.63 1.412 1.41V74.24c0 .78-.665 1.203-1.416 1.416-2.597.74-5.82 1.713-9.383 2.8l.013 5.375c3.404-1.12 6.6-2.17 9.37-3.04 3.444-1.083 6.55-2.37 6.55-6.552V13.29c0-3.612-3.02-7.324-6.55-6.55-1.84.4-4.143.99-6.73 1.695zm-35.124 9.656c-3.53.76-6.55 3.737-6.55 7.35V79.46c-2.39.648-4.652 1.23-6.73 1.715-.76.178-1.415-.636-1.415-1.417V20.1c-.078-1.792.62-3.287 2.715-3.847C68.876 13.81 100.287 5.24 100.287 5.24c.78 0 1.416.634 1.416 1.415v3.217c-10.06 2.86-22.39 6.59-29.99 8.224zM168 42l-12-12v8h-30.634v8H156v8l12-12zM43 42L31 30v8H.366v8H31v8l12-12z" fill-rule="evenodd"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

2
1-js/4-data-structures/7-array/stack.svg
View file

@ -1 +1 @@
<svg width="90" height="97" viewBox="0 0 90 97" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M19.785 54.07c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L20.425 53.763c-.207.12-.422.222-.64.306zm7 5c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L27.425 58.763c-.207.12-.422.222-.64.306zm7 4c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L34.425 62.763c-.207.12-.422.222-.64.306zM90 67.92c0-.394-.213-.758-.555-.955l-3.647-2.105 3.647-2.107c.342-.197.554-.562.554-.956 0-.396-.216-.76-.558-.956L38.02 31.15c-.342-.197-.763-.197-1.105 0L.552 52.143C.21 52.34 0 52.705 0 53.1c0 .395.21.76.552.956L4.2 56.163.552 58.27c-.342.196-.552.56-.552.955 0 .396.21.76.552.958l3.65 2.106-3.65 2.102C.21 64.59 0 64.956 0 65.35c0 .396.21.76.552.957l51.427 29.69c.17.1.36.15.55.15.19 0 .38-.05.55-.15l36.363-20.993c.342-.197.554-.562.554-.957 0-.395-.213-.76-.555-.956l-3.648-2.104 3.648-2.106c.34-.2.553-.565.553-.96zM37.466 33.38l49.217 28.416-34.153 19.72L3.314 53.1l34.154-19.72zm46.27 38.966l2.947 1.702-34.153 19.72L3.314 65.352l3.096-1.788 45.57 26.31c.17.1.36.147.55.147.192 0 .383-.045.554-.143l30.52-17.623c.042.035.085.07.133.096zM52.53 87.64L3.37 59.26l-.057-.033L6.41 57.44l45.57 26.31c.17.1.36.148.55.148.19 0 .382-.05.553-.148l30.6-17.668c.09.12.202.227.34.307l2.66 1.532-34.153 19.72zM36.535 40.267c-.218.245-.484.36-.766.36-.57 0-1.2-.462-1.648-1.294L27.29 26.66c-.596-1.11-.213-2.414.595-2.414.1 0 .208.02.322.063l3.318 1.28.05-25.59 9.096 5.975v23.167l3.32 1.285c1.02.392 1.32 1.314.667 2.05l-8.12 7.786zm23-22.907c-.218-.244-.484-.36-.766-.36-.57 0-1.2.463-1.648 1.295L50.29 30.967c-.596 1.11-.213 2.415.595 2.415.1 0 .208-.02.322-.063l3.318-1.287.05 25.592 9.096 5.592V28.483l3.32-1.285c1.02-.396 1.32-1.318.667-2.053l-8.12-7.787z" fill-rule="evenodd"/></svg> <svg width="90" height="97" viewBox="0 0 90 97" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><path d="M19.785 54.07c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L20.425 53.763c-.207.12-.422.222-.64.306zm7 5c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L27.425 58.763c-.207.12-.422.222-.64.306zm7 4c-1.07.41-2.213.374-2.757-.14-.655-.62-.196-1.7 1.026-2.41l18.438-10.737c1.22-.71 2.742-.786 3.398-.167.654.62.195 1.7-1.027 2.41L34.425 62.763c-.207.12-.422.222-.64.306zM90 67.92c0-.394-.213-.758-.555-.955l-3.647-2.105 3.647-2.107c.342-.197.554-.562.554-.956 0-.396-.22-.76-.56-.956L38.02 31.15c-.342-.197-.763-.197-1.105 0L.552 52.143C.21 52.34 0 52.705 0 53.1c0 .395.21.76.552.956L4.2 56.163.552 58.27c-.342.196-.552.56-.552.955 0 .396.21.76.552.958l3.65 2.106-3.65 2.1c-.342.2-.552.564-.552.96s.21.76.552.955l51.427 29.69c.17.1.36.15.55.15.19 0 .38-.05.55-.15l36.36-20.992c.34-.197.553-.562.553-.957 0-.395-.213-.76-.555-.956l-3.648-2.1 3.648-2.106c.34-.2.554-.564.554-.96zM37.466 33.38l49.217 28.416-34.153 19.72L3.314 53.1l34.154-19.72zm46.27 38.966l2.947 1.702-34.153 19.72L3.314 65.352l3.096-1.788 45.57 26.31c.17.1.36.147.55.147.192 0 .383-.042.554-.14l30.52-17.623c.042.035.085.07.133.096zM52.53 87.64L3.37 59.26l-.057-.033L6.41 57.44l45.57 26.31c.17.1.36.148.55.148.19 0 .382-.05.553-.148l30.6-17.668c.09.12.202.227.34.307l2.66 1.53L52.53 87.64zM36.535 40.267c-.218.245-.484.36-.766.36-.57 0-1.2-.462-1.65-1.294L27.29 26.66c-.596-1.11-.213-2.414.595-2.414.1 0 .208.02.322.063l3.318 1.28.05-25.59L40.67 5.97V29.14l3.32 1.286c1.02.392 1.32 1.314.67 2.05l-8.12 7.786zm23-22.907c-.218-.244-.484-.36-.766-.36-.57 0-1.2.463-1.65 1.295l-6.83 12.672c-.598 1.11-.215 2.415.593 2.415.1 0 .208-.02.322-.063l3.318-1.29.05 25.592 9.096 5.592v-34.73l3.32-1.286c1.02-.396 1.32-1.318.667-2.053l-8.12-7.787z" fill-rule="evenodd"/></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

61
1-js/4-data-structures/8-array-methods/9-output-single-linked-list/linked-list.svg
View file

@ -1,60 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="594" height="53" viewBox="0 0 594 53" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" stroke-width="2" d="M0 19h80v34H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="3" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="40">1</tspan></text><path d="M65.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M136.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="89" y="24">next</tspan></text><path stroke="#979797" stroke-width="2" d="M140 19h80v34h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="143" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="175" y="40">2</tspan></text><path d="M205.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M276.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="229" y="24">next</tspan></text><path stroke="#979797" stroke-width="2" d="M279 19h80v34h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="282" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="314" y="40">3</tspan></text><path d="M344.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M415.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="368" y="24">next</tspan></text><path stroke="#979797" stroke-width="2" d="M419 19h80v34h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="422" y="10">value</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="454" y="40">4</tspan></text><path d="M484.73 35h71.54" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M555.73 35l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="508" y="24">next</tspan></text><text font-family="Consolas" font-size="14" font-style="italic" fill="#000"><tspan x="564" y="39">null</tspan></text></g></svg>
<svg width="594px" height="53px" viewBox="0 0 594 53" 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="linked-list" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<rect id="Rectangle-1" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="0" y="19" width="80" height="34"></rect>
<text id="value" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="3" y="10">value</tspan>
</text>
<text id="1" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="35" y="40">1</tspan>
</text>
<path d="M65.73,35 L137.27,35" id="Line" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-decoration-1" d="M136.73,35 C132.95,33.95 129.71,33.05 125.93,32 C125.93,34.1 125.93,35.9 125.93,38 C129.71,36.95 132.95,36.05 136.73,35 C136.73,35 136.73,35 136.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="89" y="24">next</tspan>
</text>
<rect id="Rectangle-2" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="140" y="19" width="80" height="34"></rect>
<text id="value-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="143" y="10">value</tspan>
</text>
<text id="2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="175" y="40">2</tspan>
</text>
<path d="M205.73,35 L277.27,35" id="Line-2" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-2-decoration-1" d="M276.73,35 C272.95,33.95 269.71,33.05 265.93,32 C265.93,34.1 265.93,35.9 265.93,38 C269.71,36.95 272.95,36.05 276.73,35 C276.73,35 276.73,35 276.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next-2" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="229" y="24">next</tspan>
</text>
<rect id="Rectangle-3" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="279" y="19" width="80" height="34"></rect>
<text id="value-3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="282" y="10">value</tspan>
</text>
<text id="3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="314" y="40">3</tspan>
</text>
<path d="M344.73,35 L416.27,35" id="Line-3" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-3-decoration-1" d="M415.73,35 C411.95,33.95 408.71,33.05 404.93,32 C404.93,34.1 404.93,35.9 404.93,38 C408.71,36.95 411.95,36.05 415.73,35 C415.73,35 415.73,35 415.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next-3" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="368" y="24">next</tspan>
</text>
<rect id="Rectangle-4" stroke="#979797" stroke-width="2" sketch:type="MSShapeGroup" x="419" y="19" width="80" height="34"></rect>
<text id="value-4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="422" y="10">value</tspan>
</text>
<text id="4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="454" y="40">4</tspan>
</text>
<path d="M484.73,35 L556.27,35" id="Line-4" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797" sketch:type="MSShapeGroup"></path>
<path id="Line-4-decoration-1" d="M555.73,35 C551.95,33.95 548.71,33.05 544.93,32 C544.93,34.1 544.93,35.9 544.93,38 C548.71,36.95 551.95,36.05 555.73,35 C555.73,35 555.73,35 555.73,35 Z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"></path>
<text id="next-4" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="normal" fill="#000000">
<tspan x="508" y="24">next</tspan>
</text>
<text id="null" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-style="italic" font-weight="normal" fill="#000000">
<tspan x="564" y="39">null</tspan>
</text>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 5.2 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

2
1-js/4-data-structures/9-array-iteration/reduce.svg
View file

@ -1 +1 @@
<svg width="600" height="105" viewBox="0 0 600 105" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M0 65h80v40H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="36" y="90">1</tspan></text><text id="sum" font-family="Consolas" font-size="14" fill="#000"><tspan x="7" y="8">sum</tspan><tspan x="7" y="24">0</tspan><tspan x="7" y="40">current</tspan><tspan x="7" y="56">1</tspan></text><path stroke="#979797" d="M79 65h80v40H79z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="115" y="90">2</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="86" y="8">sum</tspan><tspan x="86" y="24">0+1</tspan><tspan x="86" y="40">current</tspan><tspan x="86" y="56">2</tspan></text><path stroke="#979797" d="M158 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="194" y="90">3</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="165" y="8">sum</tspan><tspan x="165" y="24">0+1+2</tspan><tspan x="165" y="40">current</tspan><tspan x="165" y="56">3</tspan></text><path stroke="#979797" d="M237 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="273" y="90">4</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="244" y="8">sum</tspan><tspan x="244" y="24">0+1+2+3</tspan><tspan x="244" y="40">current</tspan><tspan x="244" y="56">4</tspan></text><path stroke="#979797" d="M316 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="352" y="90">5</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="323" y="8">sum</tspan><tspan x="323" y="24">0+1+2+3+4</tspan><tspan x="323" y="40">current</tspan><tspan x="323" y="56">5</tspan></text><path d="M412.5 83h50" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M462.5 83l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="477" y="87">0+1+2+3+4+5 = 15</tspan></text></g></svg> <svg width="600" height="105" viewBox="0 0 600 105" xmlns="http://www.w3.org/2000/svg"><title>Slice 1</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M0 65h80v40H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="36" y="90">1</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="7" y="8">sum</tspan><tspan x="7" y="24">0</tspan><tspan x="7" y="40">current</tspan><tspan x="7" y="56">1</tspan></text><path stroke="#979797" d="M79 65h80v40H79z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="115" y="90">2</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="86" y="8">sum</tspan><tspan x="86" y="24">0+1</tspan><tspan x="86" y="40">current</tspan><tspan x="86" y="56">2</tspan></text><path stroke="#979797" d="M158 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="194" y="90">3</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="165" y="8">sum</tspan><tspan x="165" y="24">0+1+2</tspan><tspan x="165" y="40">current</tspan><tspan x="165" y="56">3</tspan></text><path stroke="#979797" d="M237 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="273" y="90">4</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="244" y="8">sum</tspan><tspan x="244" y="24">0+1+2+3</tspan><tspan x="244" y="40">current</tspan><tspan x="244" y="56">4</tspan></text><path stroke="#979797" d="M316 65h80v40h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="352" y="90">5</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="323" y="8">sum</tspan><tspan x="323" y="24">0+1+2+3+4</tspan><tspan x="323" y="40">current</tspan><tspan x="323" y="56">5</tspan></text><path d="M412.5 83h50" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><path d="M462.5 83l-10.8-3v6l10.8-3z" stroke="#979797" stroke-width="2" stroke-linecap="square" fill="#979797"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="477" y="87">0+1+2+3+4+5 = 15</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Before After
Before After

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

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

Before

Width:  |  Height:  |  Size: 5.4 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

Before After
Before After

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

@ -1 +1 @@
<svg width="120" height="203" viewBox="0 0 120 203" xmlns="http://www.w3.org/2000/svg"><title>family-no-father-2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M18 18h80v30H18z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="18" y="11">window</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="37">Корень</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M18 85h80v28H18z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="102">Object</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="3" y="69">family</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M0 153h120v50H0z"/><text font-family="Consolas" font-size="12" fill="#000"><tspan x="23" y="191">name: &amp;quot;Мария&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="5" y="136">mother</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="37" y="171">Object</tspan></text><path d="M59.5 50.5v31M59.5 81.5l3-10.8h-6l3 10.8zm-1 36v32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M58.5 149.5l3-10.8h-6l3 10.8z" stroke="#979797" stroke-linecap="square" fill="#979797"/></g></svg> <svg width="120" height="203" viewBox="0 0 120 203" xmlns="http://www.w3.org/2000/svg"><title>family-no-father-2</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path stroke="#979797" d="M18 18h80v30H18z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="18" y="11">window</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="37">Корень</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M18 85h80v28H18z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="102">Object</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="3" y="69">family</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M0 153h120v50H0z"/><text font-family="Consolas" font-size="12" fill="#000"><tspan x="23" y="191">name: &amp;quot;Мария&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="5" y="136">mother</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="37" y="171">Object</tspan></text><path d="M59.5 50.5v31m0 0l3-10.8h-6l3 10.8zm-1 36v32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M58.5 149.5l3-10.8h-6l3 10.8z" stroke="#979797" stroke-linecap="square" fill="#979797"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.3 KiB

Before After
Before After

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

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

Before

Width:  |  Height:  |  Size: 5 KiB

After

Width:  |  Height:  |  Size: 5 KiB

Before After
Before After

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

@ -1 +1 @@
<svg width="329" height="203" viewBox="0 0 329 203" xmlns="http://www.w3.org/2000/svg"><title>family</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M188.5 196.5h-59" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M129.5 196.5l10.8 3v-6l-10.8 3z" stroke="#979797" stroke-linecap="square" fill="#979797"/><path stroke="#979797" d="M118 18h80v30h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="118" y="11">window</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="135" y="37">Корень</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M118 85h80v28h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="135" y="102">Object</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M0 153h120v50H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="171">Object</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="31" y="133">father</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="143" y="154">wife</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="103" y="69">family</tspan></text><text font-family="Consolas" font-size="12" fill="#000"><tspan x="15" y="191">name: &amp;quot;Василий&amp;quot;</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M209 153h120v50H209z"/><text font-family="Consolas" font-size="12" fill="#000"><tspan x="226" y="191">name: &amp;quot;Мария&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="238" y="133">mother</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="240" y="171">Object</tspan></text><path d="M159.5 50.5v31" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M159.5 81.5l3-10.8h-6l3 10.8zM110.5 118.5l-46 32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M64.53 150.48l10.578-3.705-3.426-4.926-7.153 8.63z" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M129.5 162.5h61" stroke="#979797" stroke-linecap="square" fill="#9B9B9B"/><path d="M190.5 162.5l-10.8-3v6l10.8-3z" stroke="#979797" stroke-linecap="square" fill="#9B9B9B"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="132" y="187">husband</tspan></text><path d="M204.5 118.5l47 32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M250.79 150.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="#979797" stroke-linecap="square" fill="#979797"/></g></svg> <svg width="329" height="203" viewBox="0 0 329 203" xmlns="http://www.w3.org/2000/svg"><title>family</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><path d="M188.5 196.5h-59" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M129.5 196.5l10.8 3v-6l-10.8 3z" stroke="#979797" stroke-linecap="square" fill="#979797"/><path stroke="#979797" d="M118 18h80v30h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="118" y="11">window</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="135" y="37">Корень</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M118 85h80v28h-80z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="135" y="102">Object</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M0 153h120v50H0z"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="35" y="171">Object</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="31" y="133">father</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="143" y="154">wife</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="103" y="69">family</tspan></text><text font-family="Consolas" font-size="12" fill="#000"><tspan x="15" y="191">name: &amp;quot;Василий&amp;quot;</tspan></text><path stroke="#979797" fill="#E8E8E8" d="M209 153h120v50H209z"/><text font-family="Consolas" font-size="12" fill="#000"><tspan x="226" y="191">name: &amp;quot;Мария&amp;quot;</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="238" y="133">mother</tspan></text><text font-family="Consolas" font-size="14" fill="#000"><tspan x="240" y="171">Object</tspan></text><path d="M159.5 50.5v31m0 0l3-10.8h-6l3 10.8zm-49 37l-46 32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M64.53 150.48l10.578-3.705-3.426-4.926-7.153 8.63z" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M129.5 162.5h61" stroke="#979797" stroke-linecap="square" fill="#9B9B9B"/><path d="M190.5 162.5l-10.8-3v6l10.8-3z" stroke="#979797" stroke-linecap="square" fill="#9B9B9B"/><text font-family="Consolas" font-size="14" fill="#000"><tspan x="132" y="187">husband</tspan></text><path d="M204.5 118.5l47 32" stroke="#979797" stroke-linecap="square" fill="#979797"/><path d="M250.79 150.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="#979797" stroke-linecap="square" fill="#979797"/></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.6 KiB

After

Width:  |  Height:  |  Size: 2.5 KiB

Before After
Before After

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

@ -1 +1 @@
<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> <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" 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: 2 KiB

After

Width:  |  Height:  |  Size: 2 KiB

Before After
Before After

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

@ -1 +1 @@
<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> <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" 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" 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-5m186 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: 2.2 KiB

After

Width:  |  Height:  |  Size: 2.2 KiB

Before After
Before After

30
2-ui/1-document/16-metrics-window/document-client-width-height.svg
View file

@ -1,29 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="550" height="203" viewBox="0 0 550 203" xmlns="http://www.w3.org/2000/svg"><title>document-client-width-height</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><g><g fill="#8A704D"><path d="M415.188 153H239.813c-2.105 0-3.813-1.63-3.813-3.625V11.625C236 9.63 237.708 8 239.813 8h175.375C417.284 8 419 9.63 419 11.625v137.75c0 1.994-1.716 3.625-3.813 3.625zm-171.563-7.25h167.75V15.25h-167.75v130.5zM411.375 44.25h-167.75c-2.104 0-3.813-1.63-3.813-3.625 0-1.994 1.708-3.625 3.813-3.625h167.75c2.097 0 3.813 1.63 3.813 3.625 0 1.994-1.716 3.625-3.813 3.625zM297.32 134.578c-1.266 0-2.508-.595-3.233-1.682L270.892 97.85c-.83-1.277-.77-2.872.16-4.083l23.195-29.906c1.25-1.63 3.63-1.964 5.33-.746 1.693 1.19 2.06 3.46.8 5.068l-21.646 27.92 21.808 32.95c1.12 1.69.587 3.938-1.197 4.99-.617.37-1.326.536-2.02.536zM358 134.578c-.694 0-1.403-.167-2.028-.56-1.784-1.057-2.326-3.297-1.197-4.987l21.807-32.95-21.655-27.927c-1.25-1.617-.892-3.88.8-5.068 1.694-1.196 4.08-.848 5.33.762l23.188 29.906c.938 1.204 1 2.82.16 4.082L361.21 132.88c-.71 1.103-1.944 1.698-3.21 1.698zM312.25 127.937c-.633 0-1.266-.153-1.86-.457-1.838-.98-2.494-3.183-1.464-4.96l30.18-51.358c1.03-1.755 3.34-2.385 5.2-1.37 1.83.98 2.485 3.175 1.456 4.937l-30.18 51.358c-.7 1.182-1.998 1.85-3.332 1.85zM258.875 26.125c0 2.003-1.706 3.625-3.813 3.625-2.106 0-3.812-1.622-3.812-3.625s1.706-3.625 3.813-3.625c2.106 0 3.812 1.622 3.812 3.625zM274.125 26.125c0 2.003-1.706 3.625-3.813 3.625-2.106 0-3.812-1.622-3.812-3.625s1.706-3.625 3.813-3.625c2.106 0 3.812 1.622 3.812 3.625zM289.375 26.125c0 2.003-1.706 3.625-3.813 3.625-2.106 0-3.812-1.622-3.812-3.625s1.706-3.625 3.813-3.625c2.106 0 3.812 1.622 3.812 3.625z"/></g><path d="M222.114 47.98l-7.262 19.423c-.278.747-.408 1.718-.39 2.692.015.97.178 1.942.48 2.677.61 1.472 1.555 1.456 2.113-.036l5.24-14.022.764 44.884v.026l.56 32.872-5.715-13.835c-.61-1.47-1.554-1.455-2.112.037-.558 1.494-.517 3.897.09 5.37L225.36 151l1.43-3.82 7.26-19.423c.28-.747.41-1.718.394-2.692-.017-.97-.18-1.942-.484-2.677-.61-1.472-1.554-1.456-2.112.036l-5.24 14.02-.764-44.883-.002-.024-.56-32.872L231 72.5c.61 1.47 1.554 1.455 2.112-.037.558-1.495.517-3.897-.09-5.37l-9.477-22.935-1.43 3.82" fill="#EE6B47"/><path d="M237.128 166.327l33.164 8.156c1.276.313 2.945.487 4.625.516 1.676.027 3.358-.09 4.64-.36 2.567-.54 2.583-1.485.035-2.11l-23.94-5.888 77.448 1.317.043-.002 56.722.965-24.127 5.07c-2.567.54-2.583 1.485-.036 2.11 2.552.628 6.697.698 9.265.16l39.996-8.407-6.523-1.605-33.165-8.155c-1.275-.313-2.944-.49-4.624-.517-1.675-.03-3.357.09-4.64.36-2.566.54-2.582 1.485-.035 2.11l23.94 5.888-77.447-1.317h-.044l-56.72-.965 24.125-5.07c2.567-.54 2.583-1.485.035-2.11-2.55-.628-6.697-.698-9.264-.16l-39.996 8.407 6.524 1.605" fill="#EE6B47"/><text font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D"><tspan x="4" y="99">documentElement.clientHeight</tspan></text><text font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D"><tspan x="253" y="198">document.documentElement.clientWidth</tspan></text></g></g></svg>
<svg width="550px" height="203px" viewBox="0 0 550 203" 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>document-client-width-height</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="document-client-width-height" sketch:type="MSArtboardGroup">
<g id="noun_69008_cc" sketch:type="MSLayerGroup" transform="translate(236.000000, 8.000000)" fill="#8A704D">
<path d="M179.1875,145 L3.8125,145 C1.708,145 0,143.36875 0,141.375 L0,3.625 C0,1.63125 1.708,0 3.8125,0 L179.1875,0 C181.284375,0 183,1.63125 183,3.625 L183,141.375 C183,143.36875 181.284375,145 179.1875,145 L179.1875,145 Z M7.625,137.75 L175.375,137.75 L175.375,7.25 L7.625,7.25 L7.625,137.75 L7.625,137.75 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M175.375,36.25 L7.625,36.25 C5.5205,36.25 3.8125,34.61875 3.8125,32.625 C3.8125,30.63125 5.5205,29 7.625,29 L175.375,29 C177.471875,29 179.1875,30.63125 179.1875,32.625 C179.1875,34.61875 177.471875,36.25 175.375,36.25 L175.375,36.25 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M61.32025,126.57775 C60.0545,126.57775 58.811625,125.98325 58.08725,124.89575 L34.892,89.84925 C34.060875,88.57325 34.121875,86.97825 35.052125,85.7675 L58.247375,55.86125 C59.497875,54.23 61.876875,53.8965 63.57725,55.1145 C65.27,56.3035 65.636,58.57275 64.377875,60.18225 L42.7305,88.102 L64.538,121.05325 C65.658875,122.7425 65.125125,124.99 63.340875,126.04125 C62.72325,126.411 62.014125,126.57775 61.32025,126.57775 L61.32025,126.57775 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M122,126.57775 C121.306125,126.57775 120.597,126.411 119.97175,126.0195 C118.1875,124.961 117.646125,122.72075 118.774625,121.0315 L140.582125,88.08025 L118.927125,60.15325 C117.676625,58.5365 118.035,56.2745 119.72775,55.0855 C121.4205,53.88925 123.807125,54.23725 125.057625,55.84675 L148.24525,85.753 C149.183125,86.9565 149.244125,88.57325 148.405375,89.83475 L125.210125,124.88125 C124.501,125.98325 123.26575,126.57775 122,126.57775 L122,126.57775 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M76.25,119.93675 C75.617125,119.93675 74.98425,119.7845 74.3895,119.48 C72.551875,118.50125 71.896125,116.29725 72.9255,114.521 L103.10525,63.162 C104.134625,61.4075 106.445,60.77675 108.3055,61.79175 C110.1355,62.7705 110.79125,64.96725 109.761875,66.729 L79.582125,118.088 C78.880625,119.26975 77.584375,119.93675 76.25,119.93675 L76.25,119.93675 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M22.875,18.125 C22.875,20.1278125 21.1689062,21.75 19.0625,21.75 C16.9560938,21.75 15.25,20.1278125 15.25,18.125 C15.25,16.1221875 16.9560938,14.5 19.0625,14.5 C21.1689062,14.5 22.875,16.1221875 22.875,18.125 L22.875,18.125 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M38.125,18.125 C38.125,20.1278125 36.4189062,21.75 34.3125,21.75 C32.2060938,21.75 30.5,20.1278125 30.5,18.125 C30.5,16.1221875 32.2060938,14.5 34.3125,14.5 C36.4189062,14.5 38.125,16.1221875 38.125,18.125 L38.125,18.125 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M53.375,18.125 C53.375,20.1278125 51.6689062,21.75 49.5625,21.75 C47.4560938,21.75 45.75,20.1278125 45.75,18.125 C45.75,16.1221875 47.4560938,14.5 49.5625,14.5 C51.6689062,14.5 53.375,16.1221875 53.375,18.125 L53.375,18.125 Z" id="Shape" sketch:type="MSShapeGroup"></path>
</g>
<path d="M274.078672,96.0852289 L254.783869,88.4952289 C254.041565,88.2042289 253.073012,88.0582289 252.099374,88.0582289 C251.128279,88.0582289 250.154641,88.2042289 249.41488,88.4952289 C247.932815,89.0792289 247.932815,90.0242289 249.41488,90.6072289 L263.343236,96.0852289 L218.459304,96.0852289 C218.451678,96.0852289 218.444051,96.0862289 218.433883,96.0862289 L185.561537,96.0862289 L199.489894,90.6082289 C200.971959,90.0242289 200.971959,89.0792289 199.489894,88.4962289 C198.005287,87.9132289 195.60297,87.9132289 194.120905,88.4962289 L171.030695,97.5792289 L174.826102,99.0732289 L194.120905,106.663229 C194.863209,106.954229 195.831762,107.101229 196.8054,107.101229 C197.776495,107.101229 198.750133,106.954229 199.489894,106.663229 C200.971959,106.079229 200.971959,105.134229 199.489894,104.551229 L185.561537,99.0732289 L230.44547,99.0732289 C230.453096,99.0732289 230.460723,99.0722289 230.470891,99.0722289 L263.343236,99.0722289 L249.41488,104.550229 C247.932815,105.134229 247.932815,106.079229 249.41488,106.662229 C250.899486,107.245229 253.301804,107.245229 254.783869,106.662229 L277.874079,97.5792289 L274.078672,96.0852289" id="Fill-25" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(224.452387, 97.579729) rotate(-91.000000) translate(-224.452387, -97.579729) "></path>
<path d="M408.414472,164.793761 L375.121164,157.203761 C373.840315,156.912761 372.16907,156.766761 370.489052,156.766761 C368.81342,156.766761 367.133402,156.912761 365.856939,157.203761 C363.299627,157.787761 363.299627,158.732761 365.856939,159.315761 L389.890409,164.793761 L312.442893,164.793761 C312.429734,164.793761 312.416574,164.794761 312.399028,164.794761 L255.677584,164.794761 L279.711053,159.316761 C282.268365,158.732761 282.268365,157.787761 279.711053,157.204761 C277.149355,156.621761 273.00414,156.621761 270.446828,157.204761 L230.604521,166.287761 L237.15352,167.781761 L270.446828,175.371761 C271.727678,175.662761 273.398923,175.809761 275.078941,175.809761 C276.754572,175.809761 278.43459,175.662761 279.711053,175.371761 C282.268365,174.787761 282.268365,173.842761 279.711053,173.259761 L255.677584,167.781761 L333.125099,167.781761 C333.138259,167.781761 333.151418,167.780761 333.168964,167.780761 L389.890409,167.780761 L365.856939,173.258761 C363.299627,173.842761 363.299627,174.787761 365.856939,175.370761 C368.418638,175.953761 372.563852,175.953761 375.121164,175.370761 L414.963472,166.287761 L408.414472,164.793761" id="Fill-26" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(322.783996, 166.288261) rotate(-179.000000) translate(-322.783996, -166.288261) "></path>
<text id="documentElement.clie" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="4" y="99">documentElement.clientHeight</tspan>
</text>
<text id="document.documentEle" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="253" y="198">document.documentElement.clientWidth</tspan>
</text>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.8 KiB

After

Width:  |  Height:  |  Size: 3 KiB

Before After
Before After

39
2-ui/1-document/17-coordinates/coords.svg
View file

@ -1,38 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?> <svg width="434" height="296" viewBox="0 0 434 296" xmlns="http://www.w3.org/2000/svg"><title>coords</title><desc>Created with Sketch.</desc><g fill="none" fill-rule="evenodd"><g><g fill="#8A704D"><path d="M388.77 283H56.23c-3.99 0-7.23-2.88-7.23-6.4V33.4c0-3.52 3.24-6.4 7.23-6.4h332.54c3.977 0 7.23 2.88 7.23 6.4v243.2c0 3.52-3.253 6.4-7.23 6.4zM63.46 270.2h318.084V39.8H63.458v230.4zM381.542 91H63.458c-3.99 0-7.23-2.88-7.23-6.4 0-3.52 3.24-6.4 7.23-6.4h318.084c3.976 0 7.23 2.88 7.23 6.4 0 3.52-3.254 6.4-7.23 6.4zM92.375 59c0 3.536-3.235 6.4-7.23 6.4-3.993 0-7.228-2.864-7.228-6.4 0-3.536 3.235-6.4 7.23-6.4 3.993 0 7.228 2.864 7.228 6.4zM121.292 59c0 3.536-3.235 6.4-7.23 6.4-3.994 0-7.23-2.864-7.23-6.4 0-3.536 3.236-6.4 7.23-6.4 3.995 0 7.23 2.864 7.23 6.4zM150.208 59c0 3.536-3.235 6.4-7.23 6.4-3.993 0-7.228-2.864-7.228-6.4 0-3.536 3.235-6.4 7.23-6.4 3.993 0 7.228 2.864 7.228 6.4z"/></g><path d="M185.277 94.473l-7.375 12.748c-.283.49-.418 1.127-.407 1.764.01.635.167 1.27.466 1.748.602.96 1.547.943 2.113-.036l5.324-9.202.5 29.354v.017l.365 21.498-5.633-9.016c-.6-.96-1.546-.943-2.113.036-.566.98-.54 2.552.06 3.51l9.34 14.948 1.452-2.506 7.374-12.748c.283-.49.42-1.127.408-1.763-.01-.636-.168-1.27-.468-1.75-.6-.958-1.545-.942-2.112.037l-5.323 9.203-.5-29.355v-.016l-.366-21.5 5.632 9.017c.6.958 1.546.942 2.112-.037.567-.98.54-2.552-.06-3.51l-9.34-14.948-1.45 2.508" fill="#EE6B47"/><path d="M206.3 95.436l-7.293 17.66c-.28.68-.41 1.56-.395 2.446.015.882.176 1.764.478 2.43.607 1.338 1.552 1.322 2.112-.035l5.263-12.747.694 40.78v.022l.508 29.866-5.694-12.56c-.606-1.338-1.55-1.322-2.112.035-.56 1.358-.522 3.54.083 4.878l9.44 20.825 1.435-3.474 7.292-17.658c.28-.68.412-1.562.397-2.447-.016-.882-.178-1.764-.48-2.43-.607-1.338-1.552-1.322-2.113.035l-5.262 12.747-.694-40.78v-.022l-.508-29.866 5.693 12.56c.607 1.337 1.552 1.32 2.112-.035.56-1.36.523-3.542-.083-4.878l-9.44-20.825-1.435 3.474" fill="#EE6B47"/><path d="M68.403 190.825l22.28 7.97c.857.307 1.98.472 3.11.49 1.128.02 2.26-.107 3.125-.383 1.732-.555 1.748-1.5.036-2.112l-16.083-5.753 52.13.886h.028l38.178.65-16.27 5.202c-1.73.554-1.747 1.5-.036 2.112 1.715.612 4.505.66 6.236.106l26.97-8.627-4.382-1.57-22.28-7.97c-.856-.306-1.98-.472-3.11-.49-1.127-.02-2.26.107-3.125.384-1.732.554-1.748 1.5-.037 2.112l16.083 5.753-52.127-.886c-.01-.002-.02 0-.03 0l-38.178-.65 16.27-5.203c1.73-.555 1.747-1.5.035-2.112-1.714-.612-4.504-.66-6.235-.106l-26.97 8.626 4.38 1.57" fill="#EE6B47"/><path d="M71.136 212.888l36.2 8.207c1.392.315 3.213.492 5.046.523 1.828.03 3.664-.083 5.062-.35 2.8-.537 2.816-1.482.035-2.113l-26.132-5.924 84.508 1.438h.048l61.892 1.052-26.318 5.032c-2.8.537-2.816 1.482-.035 2.112 2.785.63 7.308.708 10.108.172l43.63-8.344-7.12-1.615-36.2-8.208c-1.393-.316-3.214-.494-5.047-.525-1.828-.03-3.664.085-5.062.352-2.8.537-2.815 1.482-.035 2.112l26.132 5.923-84.508-1.437h-.05l-61.89-1.052 26.317-5.032c2.8-.536 2.816-1.48.035-2.112-2.785-.63-7.308-.707-10.108-.172l-43.63 8.344 7.122 1.616" fill="#EE6B47"/><path stroke="#BCA68E" stroke-width="2" d="M187 161.957h75V191h-75z"/><text font-family="Open Sans" font-size="14" font-weight="526" fill="#8A704D"><tspan x="205.052" y="181.544">&lt;DIV&gt;</tspan></text><text font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D"><tspan x="155" y="128">top</tspan></text><text font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D"><tspan x="221" y="128">bottom</tspan></text><text font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D"><tspan x="109" y="178">left</tspan></text><text font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D"><tspan x="145" y="232">right</tspan></text></g></g></svg>
<svg width="434px" height="296px" viewBox="0 0 434 296" 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>coords</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="coords" sketch:type="MSArtboardGroup">
<g id="noun_69008_cc" sketch:type="MSLayerGroup" transform="translate(49.000000, 27.000000)" fill="#8A704D">
<path d="M339.770833,256 L7.22916667,256 C3.23866667,256 0,253.12 0,249.6 L0,6.4 C0,2.88 3.23866667,0 7.22916667,0 L339.770833,0 C343.746875,0 347,2.88 347,6.4 L347,249.6 C347,253.12 343.746875,256 339.770833,256 L339.770833,256 Z M14.4583333,243.2 L332.541667,243.2 L332.541667,12.8 L14.4583333,12.8 L14.4583333,243.2 L14.4583333,243.2 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M332.541667,64 L14.4583333,64 C10.4678333,64 7.22916667,61.12 7.22916667,57.6 C7.22916667,54.08 10.4678333,51.2 14.4583333,51.2 L332.541667,51.2 C336.517708,51.2 339.770833,54.08 339.770833,57.6 C339.770833,61.12 336.517708,64 332.541667,64 L332.541667,64 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M43.375,32 C43.375,35.536 40.1399479,38.4 36.1458333,38.4 C32.1517188,38.4 28.9166667,35.536 28.9166667,32 C28.9166667,28.464 32.1517188,25.6 36.1458333,25.6 C40.1399479,25.6 43.375,28.464 43.375,32 L43.375,32 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M72.2916667,32 C72.2916667,35.536 69.0566146,38.4 65.0625,38.4 C61.0683854,38.4 57.8333333,35.536 57.8333333,32 C57.8333333,28.464 61.0683854,25.6 65.0625,25.6 C69.0566146,25.6 72.2916667,28.464 72.2916667,32 L72.2916667,32 Z" id="Shape" sketch:type="MSShapeGroup"></path>
<path d="M101.208333,32 C101.208333,35.536 97.9732812,38.4 93.9791667,38.4 C89.9850521,38.4 86.75,35.536 86.75,32 C86.75,28.464 89.9850521,25.6 93.9791667,25.6 C97.9732812,25.6 101.208333,28.464 101.208333,32 L101.208333,32 Z" id="Shape" sketch:type="MSShapeGroup"></path>
</g>
<path d="M219.778498,125.408418 L207.15957,117.818418 C206.674099,117.527418 206.040659,117.381418 205.403893,117.381418 C204.76879,117.381418 204.132025,117.527418 203.648216,117.818418 C202.678936,118.402418 202.678936,119.347418 203.648216,119.930418 L212.757453,125.408418 L183.403067,125.408418 C183.398079,125.408418 183.393092,125.409418 183.386441,125.409418 L161.887712,125.409418 L170.996949,119.931418 C171.966229,119.347418 171.966229,118.402418 170.996949,117.819418 C170.026006,117.236418 168.454875,117.236418 167.485595,117.819418 L152.384446,126.902418 L154.866667,128.396418 L167.485595,135.986418 C167.971066,136.277418 168.604506,136.424418 169.241272,136.424418 C169.876375,136.424418 170.51314,136.277418 170.996949,135.986418 C171.966229,135.402418 171.966229,134.457418 170.996949,133.874418 L161.887712,128.396418 L191.242098,128.396418 C191.247086,128.396418 191.252073,128.395418 191.258724,128.395418 L212.757453,128.395418 L203.648216,133.873418 C202.678936,134.457418 202.678936,135.402418 203.648216,135.985418 C204.619159,136.568418 206.19029,136.568418 207.15957,135.985418 L222.260719,126.902418 L219.778498,125.408418" id="Fill-25" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(187.322583, 126.902918) rotate(-91.000000) translate(-187.322583, -126.902918) "></path>
<path d="M253.647832,139.004454 L236.11755,131.414454 C235.443131,131.123454 234.563153,130.977454 233.678555,130.977454 C232.796267,130.977454 231.911669,131.123454 231.239559,131.414454 C229.89303,131.998454 229.89303,132.943454 231.239559,133.526454 L243.894159,139.004454 L203.114891,139.004454 C203.107962,139.004454 203.101033,139.005454 203.091794,139.005454 L173.225646,139.005454 L185.880245,133.527454 C187.226774,132.943454 187.226774,131.998454 185.880245,131.415454 C184.531407,130.832454 182.348783,130.832454 181.002254,131.415454 L160.023658,140.498454 L163.471973,141.992454 L181.002254,149.582454 C181.676673,149.873454 182.556652,150.020454 183.44125,150.020454 C184.323538,150.020454 185.208136,149.873454 185.880245,149.582454 C187.226774,148.998454 187.226774,148.053454 185.880245,147.470454 L173.225646,141.992454 L214.004914,141.992454 C214.011843,141.992454 214.018772,141.991454 214.02801,141.991454 L243.894159,141.991454 L231.239559,147.469454 C229.89303,148.053454 229.89303,148.998454 231.239559,149.581454 C232.588398,150.164454 234.771022,150.164454 236.11755,149.581454 L257.096146,140.498454 L253.647832,139.004454" id="Fill-27" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(208.559902, 140.498954) rotate(-91.000000) translate(-208.559902, -140.498954) "></path>
<path d="M183.699419,188.81504 L161.29081,181.22504 C160.428713,180.93404 159.303854,180.78804 158.173091,180.78804 C157.045279,180.78804 155.914515,180.93404 155.055371,181.22504 C153.33413,181.80904 153.33413,182.75404 155.055371,183.33704 L171.231494,188.81504 L119.104167,188.81504 C119.09531,188.81504 119.086453,188.81604 119.074644,188.81604 L80.8973409,188.81604 L97.0734635,183.33804 C98.7947045,182.75404 98.7947045,181.80904 97.0734635,181.22604 C95.3492701,180.64304 92.5592654,180.64304 90.8380244,181.22604 L64.0215029,190.30904 L68.4294151,191.80304 L90.8380244,199.39304 C91.7001211,199.68404 92.8249801,199.83104 93.9557439,199.83104 C95.0835554,199.83104 96.2143192,199.68404 97.0734635,199.39304 C98.7947045,198.80904 98.7947045,197.86404 97.0734635,197.28104 L80.8973409,191.80304 L133.024667,191.80304 C133.033524,191.80304 133.042381,191.80204 133.054191,191.80204 L171.231494,191.80204 L155.055371,197.28004 C153.33413,197.86404 153.33413,198.80904 155.055371,199.39204 C156.779564,199.97504 159.569569,199.97504 161.29081,199.39204 L188.107332,190.30904 L183.699419,188.81504" id="Fill-26" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(126.064417, 190.309540) rotate(-179.000000) translate(-126.064417, -190.309540) "></path>
<path d="M258.034748,211.487649 L221.706421,203.897649 C220.308809,203.606649 218.485213,203.460649 216.652045,203.460649 C214.823663,203.460649 212.990494,203.606649 211.597669,203.897649 C208.807232,204.481649 208.807232,205.426649 211.597669,206.009649 L237.822031,211.487649 L153.314396,211.487649 C153.300037,211.487649 153.285678,211.488649 153.266532,211.488649 L91.3743578,211.488649 L117.59872,206.010649 C120.389156,205.426649 120.389156,204.481649 117.59872,203.898649 C114.803497,203.315649 110.280404,203.315649 107.489968,203.898649 L64.0156331,212.981649 L71.1616401,214.475649 L107.489968,222.065649 C108.887579,222.356649 110.711175,222.503649 112.544344,222.503649 C114.372726,222.503649 116.205894,222.356649 117.59872,222.065649 C120.389156,221.481649 120.389156,220.536649 117.59872,219.953649 L91.3743578,214.475649 L175.881993,214.475649 C175.896352,214.475649 175.910711,214.474649 175.929856,214.474649 L237.822031,214.474649 L211.597669,219.952649 C208.807232,220.536649 208.807232,221.481649 211.597669,222.064649 C214.392892,222.647649 218.915984,222.647649 221.706421,222.064649 L265.180755,212.981649 L258.034748,211.487649" id="Fill-28" fill="#EE6B47" sketch:type="MSShapeGroup" transform="translate(164.598194, 212.982149) rotate(-179.000000) translate(-164.598194, -212.982149) "></path>
<rect id="Rectangle-6" stroke="#BCA68E" stroke-width="2" sketch:type="MSShapeGroup" x="187" y="161.957" width="75" height="29.043"></rect>
<text id="&lt;DIV&gt;" sketch:type="MSTextLayer" font-family="Open Sans" font-size="14" font-weight="526" sketch:alignment="middle" fill="#8A704D">
<tspan x="205.051859" y="181.543917">&lt;DIV&gt;</tspan>
</text>
<text id="top" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="155" y="128">top</tspan>
</text>
<text id="bottom" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="221" y="128">bottom</tspan>
</text>
<text id="left" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="109" y="178">left</tspan>
</text>
<text id="right" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" fill="#8A704D">
<tspan x="145" y="232">right</tspan>
</text>
</g>
</g>
</svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.6 KiB

After

Width:  |  Height:  |  Size: 3.6 KiB

Before After
Before After

63
2-ui/1-document/4-traversing-dom/dom-links-elements.svg
View file

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

Before

Width:  |  Height:  |  Size: 9.8 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

Before After
Before After

57
2-ui/1-document/4-traversing-dom/dom-links.svg
View file

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

Before

Width:  |  Height:  |  Size: 9.7 KiB

After

Width:  |  Height:  |  Size: 5 KiB

Before After
Before After

2
3-more/2-animation/2-bezier/demo.svg
View file

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

Before

Width:  |  Height:  |  Size: 7.5 KiB

After

Width:  |  Height:  |  Size: 6.7 KiB

Before After
Before After

263
3-more/5-compress/1-minification/my.svg
View file

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

Before

Width:  |  Height:  |  Size: 17 KiB

After

Width:  |  Height:  |  Size: 13 KiB

Before After
Before After