|
1 |
| -<!DOCTYPE html> |
2 |
| -<meta charset=utf-8> |
3 |
| -<meta name=robots content=noindex> |
4 |
| -<title>Colophon - Dive Into Python 3</title> |
5 |
| -<link rel=stylesheet href=dip3.css> |
6 |
| -<style> |
7 |
| -h1:before,h2:before{content:''} |
8 |
| -.ss{float:right;margin:0 0 1.75em 1.75em} |
9 |
| -</style> |
10 |
| -<link rel=stylesheet media='only screen and (max-device-width: 480px)' href=mobile.css> |
11 |
| -<link rel=stylesheet media=print href=print.css> |
12 |
| -<meta name=viewport content='initial-scale=1.0'> |
13 |
| -<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=Search></div></form> |
14 |
| -<p>You are here: <a href=index.html>Home</a> <span class=u>‣</span> <a href=table-of-contents.html>Dive Into Python 3</a> <span class=u>‣</span> |
15 |
| -<h1>Colophon</h1> |
16 |
| -<blockquote class=q> |
17 |
| -<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>— <a href=http://en.wikiquote.org/wiki/Blaise_Pascal>Blaise Pascal</a> |
18 |
| -</blockquote> |
19 |
| -<p id=toc> |
20 |
| -<h2 id=divingin>Diving In</h2> |
21 |
| -<p class=f>This book, like all books, was a labor of love. Oh sure, I got paid the medium-sized bucks for it, but nobody writes technical books for the money. And since this book is available on the web as well as on paper, I spent a lot of time fiddling with webby stuff when I should have been writing. |
22 |
| - |
23 |
| -<p class='ss nm'><img src=i/openclipart.org_media_files_johnny_automatic_5261.png width=314 height=273 alt='[typewriter]'> |
24 |
| - |
25 |
| -<p>The online edition loads as efficiently as possible. Efficiency never happens by accident; I spent many hours making it so. Perhaps too many hours. Yes, almost certainly too many hours. Never underestimate the depths to which a procrastinating writer will sink. |
26 |
| - |
27 |
| -<p>I won’t bore you with all the details. Wait, yes — I will bore you with all the details. But here’s the short version. |
28 |
| - |
29 |
| -<ol> |
30 |
| -<li>HTML is minimized, then served <a href=http://httpd.apache.org/docs/trunk/mod/mod_deflate.html>compressed</a>. |
31 |
| -<li>Scripts and stylesheets are minimized by <a href=http://developer.yahoo.com/yui/compressor/>YUI Compressor</a> (and also served compressed). |
32 |
| -<li>Scripts are combined to reduce HTTP requests. |
33 |
| -<li>Stylesheets are combined and inlined to reduce HTTP requests. |
34 |
| -<li>Unused CSS selectors and properties are <a href=http://hg.diveintopython3.org/file/default/util/lesscss.py>removed on a page-by-page basis</a> with a little help from <a href=http://pyquery.org/>pyquery</a>. |
35 |
| -<li>HTTP caching and other server-side options are optimized based on advice from <a href=http://developer.yahoo.com/yslow/>YSlow</a> and <a href=http://code.google.com/speed/page-speed/>Page Speed</a>. |
36 |
| -<li>Pages use <a href=http://www.alanwood.net/unicode/unicode_samples.html>Unicode characters</a> in place of images wherever possible. |
37 |
| -<li>Images are optimized with <a href=http://optipng.sourceforge.net/>OptiPNG</a>. |
38 |
| -<li>The entire book was <a href=http://diveintomark.org/archives/2009/03/27/dive-into-history-2009-edition>lovingly hand-authored in HTML 5</a> to avoid markup cruft. |
39 |
| -</ol> |
40 |
| - |
41 |
| -<p class=a>⁂ |
42 |
| - |
43 |
| -<h2 id=typography>Typography</h2> |
44 |
| - |
45 |
| -<p>vertical rhythm, best available ampersand, curly quotes/apostrophes, other stuff from webtypography.net |
46 |
| - |
47 |
| -<p class=a>⁂ |
48 |
| - |
49 |
| -<h2 id=graphics>Graphics</h2> |
50 |
| - |
51 |
| -<p>Unicode, callouts, font-family issues on Windows |
52 |
| - |
53 |
| -<p class=a>⁂ |
54 |
| - |
55 |
| -<h2 id=performance>Performance</h2> |
56 |
| - |
57 |
| -<p>"Dive Into History 2009 edition", minimizing CSS + JS + HTML, inline CSS, optimizing images |
58 |
| - |
59 |
| -<p class=a>⁂ |
60 |
| - |
61 |
| -<h2 id=fun>Fun stuff</h2> |
62 |
| - |
63 |
| -<p>Quotes, constrained writing(?), PapayaWhip |
64 |
| - |
65 |
| -<p class=a>⁂ |
66 |
| - |
67 |
| -<h2 id=furtherreading>Further Reading</h2> |
68 |
| - |
69 |
| -<ul> |
70 |
| -<li><a href=http://webtypography.net/toc/>The Elements of Typographic Style Applied to the Web</a> |
71 |
| -<li><a href=http://www.alistapart.com/articles/settingtypeontheweb>Setting Type on the Web to a Baseline Grid</a> |
72 |
| -<li><a href=http://24ways.org/2006/compose-to-a-vertical-rhythm>Compose to a Vertical Rhythm</a> |
73 |
| -<li><a href=http://simplebits.com/notebook/2008/08/14/ampersands.html>Use the Best Available Ampersand</a> |
74 |
| -<li><a href=http://alanwood.net/unicode/>Unicode Support in HTML, Fonts, and Web Browsers</a> |
75 |
| -<li><a href=http://developer.yahoo.com/yslow/>YSlow</a> for <a href=http://getfirebug.com/>Firebug</a> |
76 |
| -<li><a href=http://developer.yahoo.com/performance/rules.html>Best Practices for Speeding Up Your Web Site</a> |
77 |
| -<li><a href=http://stevesouders.com/hpws/rules.php>14 Rules for Faster-Loading Web Sites</a> |
78 |
| -<li><a href=http://developer.yahoo.com/yui/compressor/>YUI Compressor</a> |
79 |
| -<li><a href=http://code.google.com/speed/page-speed/>Google Page Speed</a> |
80 |
| -<li><a href=http://code.google.com/speed/page-speed/docs/using.html>Using Google Page Speed</a> |
81 |
| -<li><a href=http://optipng.sourceforge.net/>OptiPNG</a> |
82 |
| -</ul> |
83 |
| - |
84 |
| -<p class=c>© 2001–10 <a href=about.html>Mark Pilgrim</a> |
85 |
| -<script src=j/jquery.js></script> |
86 |
| -<script src=j/dip3.js></script> |
87 |
| -<!--[if IE]><script src=j/html5.js></script><![endif]--> |
| 1 | +<!DOCTYPE html> |
| 2 | +<meta charset=utf-8> |
| 3 | +<meta name=robots content=noindex> |
| 4 | +<title>Colophon - Dive Into Python 3</title> |
| 5 | +<link rel=stylesheet href=dip3.css> |
| 6 | +<style> |
| 7 | +h1:before,h2:before{content:''} |
| 8 | +.ss{float:right;margin:0 0 1.75em 1.75em} |
| 9 | +</style> |
| 10 | +<link rel=stylesheet media='only screen and (max-device-width: 480px)' href=mobile.css> |
| 11 | +<link rel=stylesheet media=print href=print.css> |
| 12 | +<meta name=viewport content='initial-scale=1.0'> |
| 13 | +<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=Search></div></form> |
| 14 | +<p>You are here: <a href=index.html>Home</a> <span class=u>‣</span> <a href=table-of-contents.html>Dive Into Python 3</a> <span class=u>‣</span> |
| 15 | +<h1>Colophon</h1> |
| 16 | +<blockquote class=q> |
| 17 | +<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>— <a href=http://en.wikiquote.org/wiki/Blaise_Pascal>Blaise Pascal</a> |
| 18 | +</blockquote> |
| 19 | +<p id=toc> |
| 20 | +<h2 id=divingin>Diving In</h2> |
| 21 | +<p class=f>This book, like all books, was a labor of love. Oh sure, I got paid the medium-sized bucks for it, but nobody writes technical books for the money. And since this book is available on the web as well as on paper, I spent a lot of time fiddling with webby stuff when I should have been writing. |
| 22 | + |
| 23 | +<p class='ss nm'><img src=i/openclipart.org_media_files_johnny_automatic_5261.png width=314 height=273 alt='[typewriter]'> |
| 24 | + |
| 25 | +<p>The online edition loads as efficiently as possible. Efficiency never happens by accident; I spent many hours making it so. Perhaps too many hours. Yes, almost certainly too many hours. Never underestimate the depths to which a procrastinating writer will sink. |
| 26 | + |
| 27 | +<p>I won’t bore you with all the details. Wait, yes — I will bore you with all the details. But here’s the short version. |
| 28 | + |
| 29 | +<ol> |
| 30 | +<li>HTML is minimized, then served <a href=http://httpd.apache.org/docs/trunk/mod/mod_deflate.html>compressed</a>. |
| 31 | +<li>Scripts and stylesheets are minimized by <a href=http://developer.yahoo.com/yui/compressor/>YUI Compressor</a> (and also served compressed). |
| 32 | +<li>Scripts are combined to reduce HTTP requests. |
| 33 | +<li>Stylesheets are combined and inlined to reduce HTTP requests. |
| 34 | +<li>Unused CSS selectors and properties are <a href=http://hg.diveintopython3.org/file/default/util/lesscss.py>removed on a page-by-page basis</a> with a little help from <a href=http://pyquery.org/>pyquery</a>. |
| 35 | +<li>HTTP caching and other server-side options are optimized based on advice from <a href=http://developer.yahoo.com/yslow/>YSlow</a> and <a href=http://code.google.com/speed/page-speed/>Page Speed</a>. |
| 36 | +<li>Pages use <a href=http://www.alanwood.net/unicode/unicode_samples.html>Unicode characters</a> in place of images wherever possible. |
| 37 | +<li>Images are optimized with <a href=http://optipng.sourceforge.net/>OptiPNG</a>. |
| 38 | +<li>The entire book was <a href=http://diveintomark.org/archives/2009/03/27/dive-into-history-2009-edition>lovingly hand-authored in HTML 5</a> to avoid markup cruft. |
| 39 | +</ol> |
| 40 | + |
| 41 | +<p class=a>⁂ |
| 42 | + |
| 43 | +<h2 id=typography>Typography</h2> |
| 44 | + |
| 45 | +<p>vertical rhythm, best available ampersand, curly quotes/apostrophes, other stuff from webtypography.net |
| 46 | + |
| 47 | +<p class=a>⁂ |
| 48 | + |
| 49 | +<h2 id=graphics>Graphics</h2> |
| 50 | + |
| 51 | +<p>Unicode, callouts, font-family issues on Windows |
| 52 | + |
| 53 | +<p class=a>⁂ |
| 54 | + |
| 55 | +<h2 id=performance>Performance</h2> |
| 56 | + |
| 57 | +<p>"Dive Into History 2009 edition", minimizing CSS + JS + HTML, inline CSS, optimizing images |
| 58 | + |
| 59 | +<p class=a>⁂ |
| 60 | + |
| 61 | +<h2 id=fun>Fun stuff</h2> |
| 62 | + |
| 63 | +<p>Quotes, constrained writing(?), PapayaWhip |
| 64 | + |
| 65 | +<p class=a>⁂ |
| 66 | + |
| 67 | +<h2 id=furtherreading>Further Reading</h2> |
| 68 | + |
| 69 | +<ul> |
| 70 | +<li><a href=http://webtypography.net/toc/>The Elements of Typographic Style Applied to the Web</a> |
| 71 | +<li><a href=http://www.alistapart.com/articles/settingtypeontheweb>Setting Type on the Web to a Baseline Grid</a> |
| 72 | +<li><a href=http://24ways.org/2006/compose-to-a-vertical-rhythm>Compose to a Vertical Rhythm</a> |
| 73 | +<li><a href=http://simplebits.com/notebook/2008/08/14/ampersands.html>Use the Best Available Ampersand</a> |
| 74 | +<li><a href=http://alanwood.net/unicode/>Unicode Support in HTML, Fonts, and Web Browsers</a> |
| 75 | +<li><a href=http://developer.yahoo.com/yslow/>YSlow</a> for <a href=http://getfirebug.com/>Firebug</a> |
| 76 | +<li><a href=http://developer.yahoo.com/performance/rules.html>Best Practices for Speeding Up Your Web Site</a> |
| 77 | +<li><a href=http://stevesouders.com/hpws/rules.php>14 Rules for Faster-Loading Web Sites</a> |
| 78 | +<li><a href=http://developer.yahoo.com/yui/compressor/>YUI Compressor</a> |
| 79 | +<li><a href=http://code.google.com/speed/page-speed/>Google Page Speed</a> |
| 80 | +<li><a href=http://code.google.com/speed/page-speed/docs/using.html>Using Google Page Speed</a> |
| 81 | +<li><a href=http://optipng.sourceforge.net/>OptiPNG</a> |
| 82 | +</ul> |
| 83 | + |
| 84 | +<p class=c>© 2001–10 <a href=about.html>Mark Pilgrim</a> |
| 85 | +<script src=j/jquery.js></script> |
| 86 | +<script src=j/dip3.js></script> |
| 87 | +<!--[if IE]><script src=j/html5.js></script><![endif]--> |
0 commit comments