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

renovation

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

41
12-css-for-js/10-box-sizing/border-box.svg
View file

@ -1,40 +1 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg width="550px" height="399px" viewBox="0 0 550 399" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: bin/sketchtool 1.3 (252) - http://www.bohemiancoding.com/sketch -->
<title>border-box.svg</title>
<desc>Created with bin/sketchtool.</desc>
<defs></defs>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="border-box.svg" sketch:type="MSArtboardGroup">
<text id="Содержимое" sketch:type="MSTextLayer" font-family="Times" font-size="18" font-weight="normal" sketch:alignment="middle" fill="#5A4739">
<tspan x="306.752441" y="96">Содержимое</tspan>
</text>
<text id="Содержимое" sketch:type="MSTextLayer" font-family="Times" font-size="18" font-weight="normal" sketch:alignment="middle" fill="#5A4739">
<tspan x="306.752441" y="301">Содержимое</tspan>
</text>
<path d="M218,38 L492,38 L492,145 L218,145 L218,38 Z M232,50 L479,50 L479,133 L232,133 L232,50 Z" id="Path-2" fill="#999647" sketch:type="MSShapeGroup"></path>
<path d="M193,243 L517,243 L517,350 L193,350 L193,243 Z M207,255 L504,255 L504,338 L207,338 L207,255 Z" id="Path-2" fill="#999647" sketch:type="MSShapeGroup"></path>
<path d="M223,43 L487,43 L487,140 L223,140 L223,43 Z M243,63 L467,63 L467,120 L243,120 L243,63 Z" id="Rectangle-222" fill="#E8C48E" sketch:type="MSShapeGroup"></path>
<path d="M198,248 L512,248 L512,345 L198,345 L198,248 Z M218,268 L492,268 L492,325 L218,325 L218,268 Z" id="Rectangle-222" fill="#E8C48E" sketch:type="MSShapeGroup"></path>
<path d="M217,20.5 L217,364.570007" id="Line" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
<path d="M493,20.5 L493,364.570007" id="Line-2" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6" sketch:type="MSShapeGroup"></path>
<text id="border-box" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" sketch:alignment="middle" fill="#EE6C49">
<tspan x="317.013672" y="24">border-box</tspan>
</text>
<text id="content-box" sketch:type="MSTextLayer" font-family="Consolas" font-size="14" font-weight="bold" sketch:alignment="middle" fill="#EE6B47">
<tspan x="313.165039" y="229">content-box</tspan>
</text>
<ellipse id="Oval-5" stroke="#EE6B47" stroke-width="2" sketch:type="MSShapeGroup" cx="87" cy="183.5" rx="76" ry="43.5"></ellipse>
<path d="M157,203 L186,221" id="Line-3" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path id="Line-3-decoration-1" d="M185.887766,220.930337 C183.229857,218.044784 180.951649,215.571452 178.29374,212.685898 C177.186278,214.470142 176.237025,215.999495 175.129563,217.783739 C178.894934,218.885048 182.122395,219.829028 185.887766,220.930337 C185.887766,220.930337 185.887766,220.930337 185.887766,220.930337 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
<path d="M159,165 L191,146" id="Line-4" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" sketch:type="MSShapeGroup"></path>
<path id="Line-4-decoration-1" d="M190.814626,146.110066 C187.028309,147.137055 183.782895,148.017331 179.996578,149.04432 C181.068709,150.850015 181.987679,152.397754 183.059811,154.203449 C185.773996,151.370765 188.10044,148.94275 190.814626,146.110066 C190.814626,146.110066 190.814626,146.110066 190.814626,146.110066 Z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"></path>
<text id="border:-5px;" sketch:type="MSTextLayer" font-family="Consolas" font-size="16" font-weight="bold">
<tspan x="32" y="176.64193" fill="#999647">border: 5px;</tspan>
<tspan x="137.5625" y="176.64193" fill="#8A704D"></tspan>
<tspan x="32" y="195.64193" fill="#E8C48E">padding: 20px;</tspan>
<tspan x="155.15625" y="195.64193" fill="#8A704D"></tspan>
</text>
</g>
</g>
</svg>
<svg width="550" height="399" viewBox="0 0 550 399" xmlns="http://www.w3.org/2000/svg"><title>border-box.svg</title><desc>Created with bin/sketchtool.</desc><g fill="none" fill-rule="evenodd"><text font-family="Times" font-size="18" fill="#5A4739"><tspan x="306.752" y="96">Содержимое</tspan></text><text font-family="Times" font-size="18" fill="#5A4739"><tspan x="306.752" y="301">Содержимое</tspan></text><path d="M218 38h274v107H218V38zm14 12h247v83H232V50zm-39 193h324v107H193V243zm14 12h297v83H207v-83z" fill="#999647"/><path d="M223 43h264v97H223V43zm20 20h224v57H243V63zm-45 185h314v97H198v-97zm20 20h274v57H218v-57z" fill="#E8C48E"/><path d="M217 20.5v344.07M493 20.5v344.07" stroke="#EE6B47" stroke-width="2" stroke-linecap="square" stroke-dasharray="3,6"/><text font-family="Consolas" font-size="14" font-weight="bold" fill="#EE6C49"><tspan x="317.014" y="24">border-box</tspan></text><text font-family="Consolas" font-size="14" font-weight="bold" fill="#EE6B47"><tspan x="313.165" y="229">content-box</tspan></text><ellipse stroke="#EE6B47" stroke-width="2" cx="87" cy="183.5" rx="76" ry="43.5"/><path d="M157 203l29 18" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"/><path d="M185.888 220.93c-2.658-2.885-4.936-5.36-7.594-8.244l-3.164 5.098 10.758 3.146zM159 165l32-19" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"/><path d="M190.815 146.11l-10.818 2.934 3.063 5.16 7.755-8.094z" stroke="#EE6B47" stroke-width="2" stroke-linecap="square"/><text font-family="Consolas" font-size="16" font-weight="bold"><tspan x="32" y="176.642" fill="#999647">border: 5px;</tspan><tspan x="32" y="195.642" fill="#E8C48E">padding: 20px;</tspan></text></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.3 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Before After
Before After

BIN
12-css-for-js/17-css-sprite/sprites-example.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.9 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

Before After
Before After

BIN
12-css-for-js/4-float/text.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 76 KiB

After

Width:  |  Height:  |  Size: 76 KiB

Before After
Before After