<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>23D &#187; github</title>
	<atom:link href="http://23d.cz/blog/tag/github/feed/" rel="self" type="application/rss+xml" />
	<link>http://23d.cz</link>
	<description>Just another 23d.cz weblog</description>
	<lastBuildDate>Fri, 30 Jul 2010 08:52:24 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Cufón nebo Typeface.js — který vybrat?</title>
		<link>http://feedproxy.google.com/~r/vzhurudolu_clanky/~3/ydCVDArwdYU/352876017</link>
		<comments>http://feedproxy.google.com/~r/vzhurudolu_clanky/~3/ydCVDArwdYU/352876017#comments</comments>
		<pubDate>Mon, 25 Jan 2010 18:09:00 +0000</pubDate>
		<dc:creator>Vzhůru dolů</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[články]]></category>
		<category><![CDATA[cufón]]></category>
		<category><![CDATA[github]]></category>
		<category><![CDATA[sifr]]></category>
		<category><![CDATA[typeface.js]]></category>
		<category><![CDATA[typografie]]></category>
		<category><![CDATA[ui]]></category>

		<guid isPermaLink="false">http://kratce.vzhurudolu.cz/post/352876017</guid>
		<description><![CDATA[<p>Než budeme moci v prohlížečích začít široce používat <a id="b2cc" title="@font-face" href="https://developer.mozilla.org/index.php?title=En/CSS/%40font-face">@font-face</a>, <a id="hc8j" title="Typekit" href="http://typekit.com/">Typekit</a> a další písně typografické budoucnosti, musíme se rozhodnout mezi třemi hlavními technologiemi sloužícími k nahrazení písma přímo v prohlížeči. <a id="uvku" title="sIFR" href="http://novemberborn.net/sifr3">sIFR</a>, <a id="l7nj" title="Cufón" href="http://cufon.shoqolate.com/">Cufón</a> a nebo <a id="rp7c" title="Typeface.js" href="http://typeface.neocracy.org/">Typeface.js</a>.</p>

<p>sIFR díky komplikovanému nastavování a velmi špatné rychlosti při načítání stránky postupně nahrazujeme jeho současnějšími sourozenci. Oba používají k náhradě <code><a id="eouf" title="canvas" href="https://developer.mozilla.org/en/HTML/canvas">canvas</a></code>, respektive VML v Internet Explorerech a vypadají velmi podobně.</p>

<p>Který z nich zvolit? Na základě dostupných informací se rozhoduje jen těžce. Rozhodl jsem se pro vlastní hloubkový průzkum.</p>

<h3>Ovládnout Typeface.js je snadné jako složit skříň z IKEA. Ale kdo by to chtěl dělat bez návodu?</h3>

<p>Do dneška čistě intuitivně na všechny projekty používám Cufón. Dnes, při cíleném podrobném prozkoumávání Typeface.js jsem dospěl k tomu, že intuice byla v tomto případě jen synonymem pro dokumentaci.</p>

<p>Typeface.js můžete mít jako vývojáři na první pohled jen těžko rádi. Neexistuje pro něj prakticky žádný podrobnější manuál (na rozdíl od velmi slušně <a id="eyos" title="popsaného Cufónu" href="http://wiki.github.com/sorccu/cufon/">popsaného Cufónu</a>.) Jako vývojářské rozhraní Typeface.js používá Launchpad, což je něco jako <a id="hxsr" title="Github" href="http://Github">Github</a>, kde sídlí Cufón. Ovšem Github z roku 2005.</p>

<p>Tady se znovu ukazuje, že chcete-li uspět jako geek, nestačí vám k tomu technické znalosti. Autoři Typeface.js svým přístupem k dokumentaci a absencí efektivního dialogu s komunitou svůj software dobrovolně degradovali do pozice hříčky, kterou berou vážně jen nadšenci do webové typografie.</p>

<p>Už v tuhle chvíli bychom mohli říct co je a co není dobrý software. Vyhrál by Cufón. Dejme ale Typeface.js ještě šanci.</p>

<h3>Typeface.js: Pozor na licenční podmínky</h3>

<p>Na webu Typeface.js si písmo vygenerujete poměrně snadno. Původně uměl jen TrueType formát, ten je teď doplněný o OpenType, který je výrazně rozšířenější u písmolijen. Formulář generátoru písma pro Cufón je naproti tomu složitější a zpočátku z něj budete asi docela na větvi.</p>

<p>Jedna z věcí, kterou Cufón ale umožňuje nastavit, je velmi užitečná — jde o omezení funkčnosti písma na určitou doménu. Náhradou písem pomocí sIFR nebo Cufón jste totiž obvykle na hraně licenčních podmínek většiny písmolijen i když vlastní licenci koupenou máte. Omezení na konkrétní doménu písmo alespoň trochu chrání před hromadným zneužíváním a s menšími písmolijnami se na něm určitě domluvíte.</p>
<p>Pokud písmo nahrazujete pomocí Typeface.js, buďte na pozoru. Omezení na určitou doménu nastavit nelze a tak budete pravděpodobně za hranicí toho, co bude vaše písmolijna ochotná překousnout. Raději se ptejte, protože někteří informovanější typografové užití písma pomocí Typeface.js dokonce <a id="m873" title="vyloženě zakazují" href="http://beta.okaytype.com/Information/End_User_License_Agreement/index.php">vyloženě zakazují</a>.</p>

<h3>Implementace, rychlost — remíza</h3>

<p>Výhodou Typeface.js je o fous snadnější implementace — k prvku, který chcete nahradit prostě přidáte <code>class="typeface-js"</code> a vše důležité si pak nastavíte ve vlastním stylopisu včetně řezu písma. CSS pravidlo pak může vypadat moc hezky i s dopřednou kompatibilitou: <code>font-family: 'Můj řez písma', Arial, sans-serif</code>.</p>
<p>Rychlost obou je v běžných případech srovnatelná. Javascript Typeface je pomalejší, když nahrazujete větší množství nadpisů. Testoval jsem 100 nadpisů na stránce, kde si vzal výkon Firefoxu na dobu o pár vteřin delší než Cufón a z pohledu uživatele byl jistý „zásek” znát.</p>

<p>Je ještě pár drobných rozdílů, které ovšem zrovna na vašem projektu mohou být zásadní:</p>

<table><tbody>
<tr>
<th>
</th>
<th>Typeface.js 0.14</th>

<th>Cufón 1.09
</th>
</tr>
<tr>
<td>:hover efekt</td>
<td>neumí
</td>
<td>umí
</td>
</tr>
<tr>
<td>označování textu pomocí myši<br />
</td>
<td>umí
</td>
<td>
<a title="neumí" href="http://wiki.github.com/sorccu/cufon/known-bugs-and-issues" id="cmp9">neumí</a>, s určitou dávkou štěstí označování funguje v MSIE
</td>
</tr>
</tbody></table>
<p>Jelikož mám od Cufónu daleko dostupnější informace, budu dále standardně používat jej. Typeface.js ovšem nezahazuju a v případech kdy potřeba označit text myší bude zásadní a zároveň nebudu narážet na problém s licencováním, sáhnu po něm.</p>
<p>Důležité je, že oba dobře přebírají CSS vlastnosti nahrazovaných písem a jsou tedy vzájemně poměrně snadno nahraditelné. Nemusíte se tedy bát, že vás případný přechod na jinou technologii bude nějak zvlášť otravovat jako to mohlo být v případě sIFRu.</p> 

<p>Kterou technologii používáte vy a jaký pro to máte důvod? Rád uslyším váš názor v komentářích nebo na <a href="http://twitter.com/machal">Twitteru</a>.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=ydCVDArwdYU:FfflR0pIrNk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=ydCVDArwdYU:FfflR0pIrNk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?i=ydCVDArwdYU:FfflR0pIrNk:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=ydCVDArwdYU:FfflR0pIrNk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/vzhurudolu_clanky/~4/ydCVDArwdYU" height="1">]]></description>
			<content:encoded><![CDATA[<p>Než budeme moci v prohlížečích začít široce používat <a id="b2cc" title="@font-face" href="https://developer.mozilla.org/index.php?title=En/CSS/%40font-face">@font-face</a>, <a id="hc8j" title="Typekit" href="http://typekit.com/">Typekit</a> a další písně typografické budoucnosti, musíme se rozhodnout mezi třemi hlavními technologiemi sloužícími k nahrazení písma přímo v prohlížeči. <a id="uvku" title="sIFR" href="http://novemberborn.net/sifr3">sIFR</a>, <a id="l7nj" title="Cufón" href="http://cufon.shoqolate.com/">Cufón</a> a nebo <a id="rp7c" title="Typeface.js" href="http://typeface.neocracy.org/">Typeface.js</a>.</p>

<p>sIFR díky komplikovanému nastavování a velmi špatné rychlosti při načítání stránky postupně nahrazujeme jeho současnějšími sourozenci. Oba používají k náhradě <code><a id="eouf" title="canvas" href="https://developer.mozilla.org/en/HTML/canvas">canvas</a></code>, respektive VML v Internet Explorerech a vypadají velmi podobně.</p>

<p>Který z nich zvolit? Na základě dostupných informací se rozhoduje jen těžce. Rozhodl jsem se pro vlastní hloubkový průzkum.</p>

<h3>Ovládnout Typeface.js je snadné jako složit skříň z IKEA. Ale kdo by to chtěl dělat bez návodu?</h3>

<p>Do dneška čistě intuitivně na všechny projekty používám Cufón. Dnes, při cíleném podrobném prozkoumávání Typeface.js jsem dospěl k tomu, že intuice byla v tomto případě jen synonymem pro dokumentaci.</p>

<p>Typeface.js můžete mít jako vývojáři na první pohled jen těžko rádi. Neexistuje pro něj prakticky žádný podrobnější manuál (na rozdíl od velmi slušně <a id="eyos" title="popsaného Cufónu" href="http://wiki.github.com/sorccu/cufon/">popsaného Cufónu</a>.) Jako vývojářské rozhraní Typeface.js používá Launchpad, což je něco jako <a id="hxsr" title="Github" href="http://Github">Github</a>, kde sídlí Cufón. Ovšem Github z roku 2005.</p>

<p>Tady se znovu ukazuje, že chcete-li uspět jako geek, nestačí vám k tomu technické znalosti. Autoři Typeface.js svým přístupem k dokumentaci a absencí efektivního dialogu s komunitou svůj software dobrovolně degradovali do pozice hříčky, kterou berou vážně jen nadšenci do webové typografie.</p>

<p>Už v tuhle chvíli bychom mohli říct co je a co není dobrý software. Vyhrál by Cufón. Dejme ale Typeface.js ještě šanci.</p>

<h3>Typeface.js: Pozor na licenční podmínky</h3>

<p>Na webu Typeface.js si písmo vygenerujete poměrně snadno. Původně uměl jen TrueType formát, ten je teď doplněný o OpenType, který je výrazně rozšířenější u písmolijen. Formulář generátoru písma pro Cufón je naproti tomu složitější a zpočátku z něj budete asi docela na větvi.</p>

<p>Jedna z věcí, kterou Cufón ale umožňuje nastavit, je velmi užitečná — jde o omezení funkčnosti písma na určitou doménu. Náhradou písem pomocí sIFR nebo Cufón jste totiž obvykle na hraně licenčních podmínek většiny písmolijen i když vlastní licenci koupenou máte. Omezení na konkrétní doménu písmo alespoň trochu chrání před hromadným zneužíváním a s menšími písmolijnami se na něm určitě domluvíte.</p>
<p>Pokud písmo nahrazujete pomocí Typeface.js, buďte na pozoru. Omezení na určitou doménu nastavit nelze a tak budete pravděpodobně za hranicí toho, co bude vaše písmolijna ochotná překousnout. Raději se ptejte, protože někteří informovanější typografové užití písma pomocí Typeface.js dokonce <a id="m873" title="vyloženě zakazují" href="http://beta.okaytype.com/Information/End_User_License_Agreement/index.php">vyloženě zakazují</a>.</p>

<h3>Implementace, rychlost — remíza</h3>

<p>Výhodou Typeface.js je o fous snadnější implementace — k prvku, který chcete nahradit prostě přidáte <code>class="typeface-js"</code> a vše důležité si pak nastavíte ve vlastním stylopisu včetně řezu písma. CSS pravidlo pak může vypadat moc hezky i s dopřednou kompatibilitou: <code>font-family: 'Můj řez písma', Arial, sans-serif</code>.</p>
<p>Rychlost obou je v běžných případech srovnatelná. Javascript Typeface je pomalejší, když nahrazujete větší množství nadpisů. Testoval jsem 100 nadpisů na stránce, kde si vzal výkon Firefoxu na dobu o pár vteřin delší než Cufón a z pohledu uživatele byl jistý „zásek” znát.</p>

<p>Je ještě pár drobných rozdílů, které ovšem zrovna na vašem projektu mohou být zásadní:</p>

<table><tbody>
<tr>
<th>
</th>
<th>Typeface.js 0.14</th>

<th>Cufón 1.09
</th>
</tr>
<tr>
<td>:hover efekt</td>
<td>neumí
</td>
<td>umí
</td>
</tr>
<tr>
<td>označování textu pomocí myši<br/>
</td>
<td>umí
</td>
<td>
<a title="neumí" href="http://wiki.github.com/sorccu/cufon/known-bugs-and-issues" id="cmp9">neumí</a>, s určitou dávkou štěstí označování funguje v MSIE
</td>
</tr>
</tbody></table>
<p>Jelikož mám od Cufónu daleko dostupnější informace, budu dále standardně používat jej. Typeface.js ovšem nezahazuju a v případech kdy potřeba označit text myší bude zásadní a zároveň nebudu narážet na problém s licencováním, sáhnu po něm.</p>
<p>Důležité je, že oba dobře přebírají CSS vlastnosti nahrazovaných písem a jsou tedy vzájemně poměrně snadno nahraditelné. Nemusíte se tedy bát, že vás případný přechod na jinou technologii bude nějak zvlášť otravovat jako to mohlo být v případě sIFRu.</p> 

<p>Kterou technologii používáte vy a jaký pro to máte důvod? Rád uslyším váš názor v komentářích nebo na <a href="http://twitter.com/machal">Twitteru</a>.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=ydCVDArwdYU:FfflR0pIrNk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=ydCVDArwdYU:FfflR0pIrNk:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?i=ydCVDArwdYU:FfflR0pIrNk:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=ydCVDArwdYU:FfflR0pIrNk:qj6IDK7rITs"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?d=qj6IDK7rITs" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/vzhurudolu_clanky/~4/ydCVDArwdYU" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feedproxy.google.com/~r/vzhurudolu_clanky/~3/ydCVDArwdYU/352876017/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
