/usr/share/doc/hovercraft/html/designing.html is in hovercraft 2.1-3.
This file is owned by root:root, with mode 0o644.
The actual contents of the file can be viewed below.
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 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 | <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Designing your presentations — Hovercraft! 2.1 documentation</title>
<link rel="stylesheet" href="_static/classic.css" type="text/css" />
<link rel="stylesheet" href="_static/pygments.css" type="text/css" />
<script type="text/javascript">
var DOCUMENTATION_OPTIONS = {
URL_ROOT: './',
VERSION: '2.1',
COLLAPSE_INDEX: false,
FILE_SUFFIX: '.html',
HAS_SOURCE: true,
SOURCELINK_SUFFIX: '.txt'
};
</script>
<script type="text/javascript" src="_static/jquery.js"></script>
<script type="text/javascript" src="_static/underscore.js"></script>
<script type="text/javascript" src="_static/doctools.js"></script>
<link rel="index" title="Index" href="genindex.html" />
<link rel="search" title="Search" href="search.html" />
<link rel="next" title="Templates" href="templates.html" />
<link rel="prev" title="Making presentations" href="presentations.html" />
</head>
<body role="document">
<div class="related" role="navigation" aria-label="related navigation">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="genindex.html" title="General Index"
accesskey="I">index</a></li>
<li class="right" >
<a href="templates.html" title="Templates"
accesskey="N">next</a> |</li>
<li class="right" >
<a href="presentations.html" title="Making presentations"
accesskey="P">previous</a> |</li>
<li class="nav-item nav-item-0"><a href="index.html">Hovercraft! 2.1 documentation</a> »</li>
</ul>
</div>
<div class="document">
<div class="documentwrapper">
<div class="bodywrapper">
<div class="body" role="main">
<div class="section" id="designing-your-presentations">
<h1>Designing your presentations<a class="headerlink" href="#designing-your-presentations" title="Permalink to this headline">¶</a></h1>
<p>There are several tricks to making presentations. I certainly do not claim to
be an expert, but here are some beginners hints.</p>
<div class="section" id="take-it-easy">
<h2>Take it easy<a class="headerlink" href="#take-it-easy" title="Permalink to this headline">¶</a></h2>
<p>Don’t go too heavy on the zoom. Having a difference between two slides in
scale of more than 5 is rarely going to look good. It would make for a nice
cool zooming effect if it did, but this is not what browsers are designed
for, so it won’t.</p>
<p>And the 3D effects can be really cool if used well. But not all the time,
it gets tiring for the audience.</p>
<p>Try, if you can, to use the zoom and 3D effects when they make sense in the
presentation. You can for example mention the main topics on one slide, and
then zoom in on each topic when you discuss it in more detail. That way the
effects help clarify the presentation, rather than distract from it.</p>
</div>
<div class="section" id="custom-fonts">
<h2>Custom fonts<a class="headerlink" href="#custom-fonts" title="Permalink to this headline">¶</a></h2>
<p>Browsers tend to render things subtly differently.</p>
<p>They also have different default fonts, and different operating systems have
different implementations of the same fonts. So to make sure you have as much
control over the design as possible, you should always include fonts with the
presentation. A good source for free fonts are Google <a class="reference external" href="http://www.google.com/webfonts">Webfonts</a>. Those fonts
are free and open source, so you can use them with no cost and no risk of
being sued. They can also be downloaded or included online.</p>
<div class="section" id="online-vs-downloaded">
<h3>Online vs Downloaded<a class="headerlink" href="#online-vs-downloaded" title="Permalink to this headline">¶</a></h3>
<p>If you are making a presentation that is going to run on your computer at a
conference or customer meeting, always download the fonts and have them
as a part of the presentation. Put them in a folder called <code class="docutils literal"><span class="pre">fonts</span></code>
under the folder where your presentation is.</p>
<p>You also need to define the font-family in your CSS. <a class="reference external" href="http://www.fontsquirrel.com/">Font Squirrel</a>‘s
webfont generator will provide you with a platform-independent toolkit for
generating both the varius font formats and the CSS.</p>
<p>If the presentation is online only, you can put an <code class="docutils literal"><span class="pre">@include</span></code>-statement in
your CSS to include Googles webfonts directly:</p>
<div class="highlight-default"><div class="highlight"><pre><span></span>@import url(http://fonts.googleapis.com/css?family=Libre+Baskerville|Racing+Sans+One|Satisfy);
</pre></div>
</div>
<p>But don’t use this for things you need to show on your computer, as it
requires you to have internet access.</p>
</div>
</div>
<div class="section" id="test-with-different-browsers">
<h2>Test with different browsers<a class="headerlink" href="#test-with-different-browsers" title="Permalink to this headline">¶</a></h2>
<p>If you are putting the presentation online, test it with a couple of major
browsers, to make sure nothing breaks and that everything still looks good.
Not only are there subtle differences in how things may get positioned,
different browsers are also good at different things.</p>
<p>I’ve tested some browsers, all on Ubuntu, and it is likely that they behave
differently on other operating systems, so you have to try for yourself.</p>
<div class="section" id="firefox">
<h3>Firefox<a class="headerlink" href="#firefox" title="Permalink to this headline">¶</a></h3>
<p>Firefox 18 is quite slow to use with impress.js, especially for 3D stuff, so
it can have very jerky movements from slide to slide. It does keep text
looking good no matter how much you zoom. On the other hand, it refuses to
scale text infinitely, so if you scale too much characters will not grow
larger, they will instead start moving around.</p>
<p>Firefox 19 is better, but for 3D stuff it’s still a bit slow.</p>
</div>
<div class="section" id="chrome">
<h3>Chrome<a class="headerlink" href="#chrome" title="Permalink to this headline">¶</a></h3>
<p>Chrome 24 is fast, but will not redraw text in different sizes, but will
instead create an image of them and rescale them, resulting in the previous
slide having a fuzzy pixelated effect.</p>
</div>
<div class="section" id="epiphany">
<h3>Epiphany<a class="headerlink" href="#epiphany" title="Permalink to this headline">¶</a></h3>
<p>Epiphany 3.4.1 is comparable to Firefox 19, possibly a bit smoother, and the
text looks good. But it has bugs in how it handles 3D data, and the location
bar is visible in fullscreen mode, making it less suitable for any sort of
presentation.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sphinxsidebar" role="navigation" aria-label="main navigation">
<div class="sphinxsidebarwrapper">
<h3><a href="index.html">Table Of Contents</a></h3>
<ul>
<li><a class="reference internal" href="#">Designing your presentations</a><ul>
<li><a class="reference internal" href="#take-it-easy">Take it easy</a></li>
<li><a class="reference internal" href="#custom-fonts">Custom fonts</a><ul>
<li><a class="reference internal" href="#online-vs-downloaded">Online vs Downloaded</a></li>
</ul>
</li>
<li><a class="reference internal" href="#test-with-different-browsers">Test with different browsers</a><ul>
<li><a class="reference internal" href="#firefox">Firefox</a></li>
<li><a class="reference internal" href="#chrome">Chrome</a></li>
<li><a class="reference internal" href="#epiphany">Epiphany</a></li>
</ul>
</li>
</ul>
</li>
</ul>
<h4>Previous topic</h4>
<p class="topless"><a href="presentations.html"
title="previous chapter">Making presentations</a></p>
<h4>Next topic</h4>
<p class="topless"><a href="templates.html"
title="next chapter">Templates</a></p>
<div role="note" aria-label="source link">
<h3>This Page</h3>
<ul class="this-page-menu">
<li><a href="_sources/designing.rst.txt"
rel="nofollow">Show Source</a></li>
</ul>
</div>
<div id="searchbox" style="display: none" role="search">
<h3>Quick search</h3>
<form class="search" action="search.html" method="get">
<div><input type="text" name="q" /></div>
<div><input type="submit" value="Go" /></div>
<input type="hidden" name="check_keywords" value="yes" />
<input type="hidden" name="area" value="default" />
</form>
</div>
<script type="text/javascript">$('#searchbox').show(0);</script>
</div>
</div>
<div class="clearer"></div>
</div>
<div class="related" role="navigation" aria-label="related navigation">
<h3>Navigation</h3>
<ul>
<li class="right" style="margin-right: 10px">
<a href="genindex.html" title="General Index"
>index</a></li>
<li class="right" >
<a href="templates.html" title="Templates"
>next</a> |</li>
<li class="right" >
<a href="presentations.html" title="Making presentations"
>previous</a> |</li>
<li class="nav-item nav-item-0"><a href="index.html">Hovercraft! 2.1 documentation</a> »</li>
</ul>
</div>
<div class="footer" role="contentinfo">
© Copyright 2013-2017, Lennart Regebro.
Created using <a href="http://sphinx-doc.org/">Sphinx</a> 1.5.6.
</div>
</body>
</html>
|