??? ?? ?? ? ???? ?? ?? - ???? ?? ????? ???! ??? ?? ??? ? ???, ?? ?? ? ????? ?????. ??? ??? ??? ???? ??? ??? ?? ????. ?? ??? ???? ?? ? ??? ?? ?????.

Hoefler ????? ??????

Inkwell ?? ??? ??????! ?? ???, ???, Sans-Serifs ? ??? ???? ???? ?? ?????. ?? ????? Inkwell? ????? ??? ??? ?? ????? ?? ???? ?? ?????? ??????. ? ?? ???? ?????? ?? ?? ?? ??? Inkwell? ??? ??? ? ??? ??? ?? ?????. ???? ???? Sans? ?? ????? ??? ??????.

???? Body Copy? ?? Whitney? ??????. ??? ??? ??????? ??? ??? ? ?????.

Sass? ?? ??? ? ????

Zebra ????? ???? ?????.

 Tr : nth-Child (??) {
  ??? : var (-?? -1);
}
Tr : nth-Child (??) {
  ??? : var (-Color-2);
}

??? ? ?? ??? ???? ?? ?????? The :nth-child Selector? ????? ???? ?????. ??? ?? ??? ?? SASS ????.

 Li {
  & : nth-Child (4n) a {
    ?? : $ Blue;
  }
  & : nth-Child (4n 1) a {
    ?? : $ ???;
  }
  & : nth-Child (4n 2) a {
    ?? : $ ???;
  }
  & : nth-Child (4n 3) a {
    ?? : $ Purple;
  }
}

? ???? ?? ? ??? ?? ??????. ?? ????? ??? ??? ?? Sass? ??????. Codekit? ??? ?? ??????. ??? ?, ??? ?? ?? ?????!

???? YouTube ??

?? ??? ??-?? YouTube ??? ??????. ?? ???????? ?? YouTube Iframe? ????? ?? ?? ??? ?? ???? ??????. ?? ??? ??? ??? ????? ??? ?? ??????.

<iframe allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/Y8Wp3dafaMQ" srcdoc="*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}<a href=https://www.youtube.com/embed/Y8Wp3dafaMQ?autoplay=1><img src=https://img.youtube.com/vi/Y8Wp3dafaMQ/hqdefault.jpg alt='Video The Dark Knight Rises: What Went Wrong? – Wisecrack Edition'>?</a>" title="?? ??? ?? : ??? ?? ?????? - ??? ?" width="560"></iframe>

??? ?? ??? ?? ? ??? ??

?? ??? ? ???? ?? ??? ??????. WordPress??? ?? ?? ??? ?? ??? ?? ????? ?? ? ??? ?? ??? ??? ?????. ?? ?? ??? ??? ??? ???? ?? ??? ??? ??????.

?? ??? ???

? ??? ??? ???? ????. 18? ??????<div> ?? (3 ?? <em>2 ???</em> 3 ?? ??) ? JavaScript? ?????? ?????. ??? ???? ??? ??? ?? ???? ?? ???? ???? ?? ???? ? ???.<pre class="brush:php;toolbar:false"> $ ( &quot;. Bio-Choices Input&quot;). on ( &quot;Change&quot;, function () { var longthclass = &quot;.bio-&quot;$ ( &quot;input [name = length] : checked&quot;). attr ( &quot;id&quot;); var styleclass = &quot;.bio-&quot;$ ( &quot;input [name = style] : checked&quot;). attr ( &quot;id&quot;); var codeclass = &quot;.bio-&quot;$ ( &quot;input [name = code] : checked&quot;). attr ( &quot;id&quot;); var selector = longthclass styleclass codeclass; $ ( &quot;. bio&quot;). hide (); $ (selector) .show (); });</pre> <p> jQuery? ?? ???? ???? FitVids? ?? ?? ??? ??? ??????. ?? ?? ???? jQuery? ???? ??? ??? ????? ?? ??? ? ????.</p> <h3 id="ztext-js-?-?????-??"> ztext.js ? ????? ??</h3> <p> ??? ztext.js? ???? Webby Flair? ??? ?????. ? ??? ?????? ???? ?? ???? ???? ?? ? ??? ??? ??? ?? ????? ?????.</p> <h3 id="SVG-??-?-??-?-??"> SVG ?? ? ?? ? ??</h3> <p> ???? ? SVG ?? ???? ???? ??? ??????. <code>background-attachment: fixed ? ????? ???? ?? ?? ? ??? ???????. ?? ??? ??? ??? ? ????. ??? ? ??? ? ? ??? ????.

????? ??? ?? ???

?? ????? ??? ????? ??? ???? ?? ??? ?? ??? ??????. ??? ??? ????? ? ??? (??? ?? ??? ?? ?????) ????? ??????. filter: brightness(120%); ??? ?? ???? ??? ?? ? ??? ???? ???? ????? ??????.

 A : ??, .Button : ??,
A : ??, .Button : ?? {
  ?? : ?? (120%);
}

??? ??? ????? ??? ?? ??? ?? ????????. ??? ??? ???? ? ?? ??? ?? ??? ???? ?? ??? ??? ??? ? ? ???????!