-
Notifications
You must be signed in to change notification settings - Fork 1
/
colophon.html
87 lines (67 loc) · 5.61 KB
/
colophon.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
<!DOCTYPE html>
<meta charset=utf-8>
<meta name=robots content=noindex>
<title>Tiráž – Ponořme se do Pythonu 3</title>
<link rel=stylesheet href=dip3.css>
<style>
h1:before,h2:before{content:''}
.ss{float:right;margin:0 0 1.75em 1.75em}
</style>
<link rel=stylesheet media='only screen and (max-device-width: 480px)' href=mobile.css>
<link rel=stylesheet media=print href=print.css>
<meta name=viewport content='initial-scale=1.0'>
<!-- <form action=http://www.google.com/cse><div><input type=hidden name=cx value=014021643941856155761:l5eihuescdw><input type=hidden name=ie value=UTF-8> <input type=search name=q size=25 placeholder="powered by Google™"> <input type="submit" name="sa" value="Hledej"></div></form> -->
<p>Nacházíte se zde: <a href="index.html">Domů</a> <span class="u">‣</span> <a href="table-of-contents.html">Ponořme se do Pythonu 3</a> <span class="u">‣</span>
<h1>Tiráž</h1>
<blockquote class=q>
<p><span class="u">❝</span> <i lang="fr">Je n’ai fait celle-ci plus longue que parce que je n’ai pas eu le loisir de la faire plus courte.</i><br>(I would have written a shorter letter, but I did not have the time.) <span class="u">❞</span><br>(Napsal bych kratší dopis, ale neměl jsem čas.)<br>— <a href="http://en.wikiquote.org/wiki/Blaise_Pascal">Blaise Pascal</a>
</blockquote>
<p id=toc>
<h2 id=divingin>Ponořme se</h2>
<p class=f>Tato kniha, jako všechny knihy, je prací z lásky. Ale jistě, dostal jsem za ni rozumně zaplaceno, ale nikdo nepíše technické knihy kvůli penězům. A protože je dostupná na webu a také na papíře, hodně času jsem strávil pipláním se s webovými záležitostmi v době, kdy jsem měl psát.
<p class='ss nm'><img src="i/openclipart.org_media_files_johnny_automatic_5261.png" width="314" height="273" alt="[psací stroj]" />
<p>On-line edice se načítá tak efektivně, jak jen to šlo. Efektivnost se nikdy nepřihodí jen tak. Strávil jsem s tím spoustu hodin. Možná až příliš mnoho hodin. Ano, téměř určitě příliš mnoho hodin. Nikdy nepodceňujte hloubky, do kterých se stále něco odkládající autor noří.
<p>Nebudu vás všemi těmi detaily nudit. Nebo ano, počkejte — budu vás nudit všemi těmi detaily. Ale předložím vám jen zkrácenou verzi.
<ol>
<li>HTML je minimalizované a servírované <a href="http://httpd.apache.org/docs/trunk/mod/mod_deflate.html">v komprimované podobě</a>.
<li>Skripty a kaskádové styly jsou minimalizované <a href="http://developer.yahoo.com/yui/compressor/">YUI-kompresorem</a> (a rovněž předkládané jako komprimované).
<li>Skripty jsou spojené kvůli redukci HTTP požadavků.
<li>Styly jsou spojené kvůli redukci HTTP požadavků.
<li>Nepoužité CSS selektory a vlastnosti jsou <a href="http://hg.diveintopython3.org/file/default/util/lesscss.py">odstraněny na základě potřeb jednotlivých stránek</a> s trochou pomoci od <a href="http://pyquery.org/">pyquery</a>.
<li>Využívání HTTP mezipaměti a další volby na straně serveru jsou optimalizovány na základě rad od <a href="http://developer.yahoo.com/yslow/">YSlow</a> a <a href="http://code.google.com/speed/page-speed/">Page Speed</a>.
<li>Stránky používají <a href="http://www.alanwood.net/unicode/unicode_samples.html">Unicode znaky</a> místo obrázků, kde to jen bylo možné.
<li>Obrázky jsou optimalizovány nástrojem <a href="http://optipng.sourceforge.net/">OptiPNG</a>.
<li>Celá kniha byla <a href="http://diveintomark.org/archives/2009/03/27/dive-into-history-2009-edition">napsána s láskou, ručně, v HTML 5</a> ve snaze vyhnout se značkovacímu smetí.
</ol>
<p class=a>⁂
<h2 id=typography>Typografie</h2>
<p>Vertikální členění, nejlepší možný ampersand (hledejte v originále), oblé uvozovky a apostrofy, další věci z webtypography.net
<p class=a>⁂
<h2 id=graphics>Grafika</h2>
<p>Unicode, popisky, záležitosti rodin písem na Windows
<p class=a>⁂
<h2 id=performance>Výkonnost</h2>
<p>"Dive into history, 2009 edition“, minimalizace CSS + JS + HTML, inline CSS, optimalizace obrázků
<p class=a>⁂
<h2 id=fun>Srandičky</h2>
<p>Citáty, psaní podle vynucených pravidel (constrained writing), PapayaWhip
<p class=a>⁂
<h2 id=furtherreading>Přečtěte si (vše anglicky)</h2>
<ul>
<li><a href="http://webtypography.net/toc/">The Elements of Typographic Style Applied to the Web</a>
<li><a href="http://www.alistapart.com/articles/settingtypeontheweb">Setting Type on the Web to a Baseline Grid</a>
<li><a href="http://24ways.org/2006/compose-to-a-vertical-rhythm">Compose to a Vertical Rhythm</a>
<li><a href="http://simplebits.com/notebook/2008/08/14/ampersands.html">Use the Best Available Ampersand</a>
<li><a href="http://alanwood.net/unicode/">Unicode Support in HTML, Fonts, and Web Browsers</a>
<li><a href="http://developer.yahoo.com/yslow/">YSlow</a> pro <a href="http://getfirebug.com/">Firebug</a>
<li><a href="http://developer.yahoo.com/performance/rules.html">Best Practices for Speeding Up Your Web Site</a>
<li><a href="http://stevesouders.com/hpws/rules.php">14 Rules for Faster-Loading Web Sites</a>
<li><a href="http://developer.yahoo.com/yui/compressor/">YUI Compressor</a>
<li><a href="http://code.google.com/speed/page-speed/">Google Page Speed</a>
<li><a href="http://code.google.com/speed/page-speed/docs/using.html">Using Google Page Speed</a>
<li><a href="http://optipng.sourceforge.net/">OptiPNG</a>
</ul>
<p class=c>© 2001–11 <a href="about.html">Mark Pilgrim</a>
<script src=j/jquery.js></script>
<script src=j/dip3.js></script>
<!--[if IE]><script src=j/html5.js></script><![endif]-->