<?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</title>
	<atom:link href="http://23d.cz/feed/" rel="self" type="application/rss+xml" />
	<link>http://23d.cz</link>
	<description>Just another 23d.cz weblog</description>
	<lastBuildDate>Tue, 09 Mar 2010 08:24:40 +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>Flex 4: skinování aplikací</title>
		<link>http://www.viktorbezdek.cz/2010/03/flex-4-skinovani-aplikaci/</link>
		<comments>http://www.viktorbezdek.cz/2010/03/flex-4-skinovani-aplikaci/#comments</comments>
		<pubDate>Tue, 09 Mar 2010 08:24:40 +0000</pubDate>
		<dc:creator>Viktor Bezděk</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Flex]]></category>
		<category><![CDATA[skinning]]></category>
		<category><![CDATA[Styles & Skinning]]></category>
		<category><![CDATA[zdroják]]></category>

		<guid isPermaLink="false">http://www.viktorbezdek.cz/?p=148</guid>
		<description><![CDATA[Na zdrojáku dnes vyšel můj článek o skinování aplikací ve Flexu 4. Zajímá-li vás tato problematika, můžete si jej přečíst.
]]></description>
			<content:encoded><![CDATA[<p>Na zdrojáku dnes vyšel můj článek o skinování aplikací ve Flexu 4. Zajímá-li vás tato problematika, můžete si jej <a href="http://zdrojak.root.cz/clanky/flex-4-skinovani-aplikaci/" >přečíst</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.viktorbezdek.cz/2010/03/flex-4-skinovani-aplikaci/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Papervision 2</title>
		<link>http://www.flash.cz/portal/clanek.aspx?id=1618</link>
		<comments>http://www.flash.cz/portal/clanek.aspx?id=1618#comments</comments>
		<pubDate>Thu, 04 Mar 2010 13:19:06 +0000</pubDate>
		<dc:creator>Flash.cz</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Adobe]]></category>

		<guid isPermaLink="false">tag:flash.cz://3d04943b2f0792d15a9fcc4bc6fab9a2</guid>
		<description><![CDATA[Populární flashový 3D engine Papervision je v současné době ve verzi 2, která se oproti předchozím  mírně odlišuje. Pojďme si tedy sestavit základní 3D scénu pomocí tohoto projektu.]]></description>
			<content:encoded><![CDATA[Populární flashový 3D engine Papervision je v současné době ve verzi 2, která se oproti předchozím  mírně odlišuje. Pojďme si tedy sestavit základní 3D scénu pomocí tohoto projektu.]]></content:encoded>
			<wfw:commentRss>http://www.flash.cz/portal/clanek.aspx?id=1618/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Import historie chatu z ICQ 6.5 do ICQ 7</title>
		<link>http://munio.cz/weblog/import-historie-chatu-z-icq-65-do-icq-7/</link>
		<comments>http://munio.cz/weblog/import-historie-chatu-z-icq-65-do-icq-7/#comments</comments>
		<pubDate>Wed, 03 Mar 2010 14:16:07 +0000</pubDate>
		<dc:creator>Petr Brádler</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[ICQ]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[zálohování]]></category>

		<guid isPermaLink="false">http://munio.cz/weblog/?p=405</guid>
		<description><![CDATA[<p>Před pár dny jsem měnil operační systém a při tom je nejdůležitější si vše pořádně zazálohovat. To platí i pro historii zpráv v&#160;ICQ. Až do verze 6.5 ukládalo ICQ zprávy do souboru <em>messages.mdb</em>. Od poslední, sedmé verze je to ale nový soubor <em>messages.<strong>qdb</strong></em>. Abyste o staré zprávy nepřišli, je potřeba je naimportovat do nového souboru. </p>]]></description>
			<content:encoded><![CDATA[<p>Před pár dny jsem měnil operační systém a při tom je nejdůležitější si vše pořádně zazálohovat. To platí i pro historii zpráv v&nbsp;ICQ. Až do verze 6.5 ukládalo ICQ zprávy do souboru <em>messages.mdb</em>. Od poslední, sedmé verze je to ale nový soubor <em>messages.<strong>qdb</strong></em>. Abyste o staré zprávy nepřišli, je potřeba je naimportovat do nového souboru. </p>
<p>Nejprve nahrajte messages.mdb do stejné složky, <a href="http://munio.cz/weblog/jak-vymazat-historii-v-icq-6/" title="Jak vymazat historii v ICQ">kam se historie ICQ ukládá</a>. Potom v&nbsp;nabídce Nastavení – Historie klikněte na Importovat historii. To je vše. Měla by zdárně projít aktualizace. </p>
<div class="box-center"><img src="http://munio.cz/weblog/img/import-historie-icq7a.png" alt="Import historie v ICQ 7" /><img src="http://munio.cz/weblog/img/import-historie-icq7b.png" alt="Import historie v ICQ 7" /></a></div>
]]></content:encoded>
			<wfw:commentRss>http://munio.cz/weblog/import-historie-chatu-z-icq-65-do-icq-7/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Steam client beta &#8211; nově a přehledněji</title>
		<link>http://munio.cz/weblog/steam-client-beta-nove-prehledneji/</link>
		<comments>http://munio.cz/weblog/steam-client-beta-nove-prehledneji/#comments</comments>
		<pubDate>Thu, 25 Feb 2010 10:29:12 +0000</pubDate>
		<dc:creator>Petr Brádler</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Hry]]></category>
		<category><![CDATA[Steam]]></category>

		<guid isPermaLink="false">http://munio.cz/weblog/?p=402</guid>
		<description><![CDATA[<p>Steam vydal beta verzi svého desktopového klienta. Beta verze je veřejná, takže si ho může stáhnout každý a to tak, že si zvolí v&#160;menu <em>Zobrazit – Nastavení – záložka Účet a tam aktivovat položku Účast a betaverzích: UI Update</em>. </p>
<p>Vše se opět nese v&#160;černých barvách, jen je design více propracovaný a působí elegantněji a především přehledněji. Hlavní důraz je kladen na <strong>komunikaci mezi přáteli a poskytování informací o nich</strong> a zvětšení soutěživosti a zábavnosti ve hrách. </p>]]></description>
			<content:encoded><![CDATA[<p>Steam vydal beta verzi svého desktopového klienta. Beta verze je veřejná, takže si ho může stáhnout každý a to tak, že si zvolí v&nbsp;menu <em>Zobrazit – Nastavení – záložka Účet a tam aktivovat položku Účast a betaverzích: UI Update</em>. </p>
<p>Vše se opět nese v&nbsp;černých barvách, jen je design více propracovaný a působí elegantněji a především přehledněji. Hlavní důraz je kladen na <strong>komunikaci mezi přáteli a poskytování informací o nich</strong> a zvětšení soutěživosti a zábavnosti ve hrách. </p>
<p>Na úvodní straně (obchod) vidíte poslední akce vašich přátel – jakou hru si koupili a můžete si tak všimnout zajímavé hry, novinky nebo velké slevy. </p>
<div class="box-center"><a href="http://munio.cz/weblog/img/steam-homepage.png" title="Steam client, homepage" rel="lightbox[newsteam]"><img src="http://munio.cz/weblog/img/steam-homepage-s.png" alt="Steam client, homepage" /></a><a href="http://munio.cz/weblog/img/steam-detail.png" title="Steam client, game detail" rel="lightbox[newsteam]"><img src="http://munio.cz/weblog/img/steam-detail-s.png" alt="Steam client, game detail" /></a></div>
<p>V&nbsp;knihovně u každé hry přímo na stránce nyní vidíte kdo z&nbsp;vašich přátel ji taky hraje a můžete tedy rychle nabídnout kooperaci nebo hru ve více hráčích a taktéž vidíte splněné a dostupné cíle (achievementy). Protože se aktivním hráčům časem nasbírá poměrně velké množství her, přibyly možnosti filtrování podle oblíbených her, naposledy hraných, nainstalovaných, anebo si můžete vytvořit kompletně vlastní seznamy – třeba podle žánrů. Knihovna má tři možnosti zobrazení: detail, seznam a mřížku, ve které si lze měnit velikost ikon. </p>
<div class="box-center"><a href="http://munio.cz/weblog/img/steam-game-detail.png" title="Steam client, library" rel="lightbox[newsteam]"><img src="http://munio.cz/weblog/img/steam-game-detail-s.png" alt="Steam client, library" /></a><a href="http://munio.cz/weblog/img/steam-game-list.png" title="Steam client, library list" rel="lightbox[newsteam]"><img src="http://munio.cz/weblog/img/steam-game-list-s.png" alt="Steam client, library list" /></a><a href="http://munio.cz/weblog/img/steam-game-grid.png" title="Steam client, library grid" rel="lightbox[newsteam]"><img src="http://munio.cz/weblog/img/steam-game-grid-s.png" alt="Steam client, library grid" /></a><a href="http://munio.cz/weblog/img/steam-game-download.png" title="Steam client, game download" rel="lightbox[newsteam]"><img src="http://munio.cz/weblog/img/steam-game-download-s.png" alt="Steam client, game download" /></a></div>
<p>Z&nbsp;webdesignerského soudku snad stojí za zmínku informace, že kompletní renderování bylo přeneseno z&nbsp;Internet Exploreru na Webkit. Osobně jsem z&nbsp;nového Steamu hezky překvapen a líbí se mi. </p>
]]></content:encoded>
			<wfw:commentRss>http://munio.cz/weblog/steam-client-beta-nove-prehledneji/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manuál stylopisů (a jednoduchost CSS můžeme zase chválit)</title>
		<link>http://feedproxy.google.com/~r/vzhurudolu_clanky/~3/492IrE4BRJc/409587540</link>
		<comments>http://feedproxy.google.com/~r/vzhurudolu_clanky/~3/492IrE4BRJc/409587540#comments</comments>
		<pubDate>Wed, 24 Feb 2010 20:36:00 +0000</pubDate>
		<dc:creator>Vzhůru dolů</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[články]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[spravovatelnost kódu]]></category>

		<guid isPermaLink="false">http://kratce.vzhurudolu.cz/post/409587540</guid>
		<description><![CDATA[<p>Jak se ve změti CSS pravidel webového projektu dobrat systému, který bude snadno přenositelný na jiného člověka? Jak to udělat s technologií, jejíž esencí je jednoduchost? Supergeeky proklínaná a amatéry zbožňovaná vlastnost kaskádových stylů.</p>

<h3 id="toc-jednoduchost-css">Jednoduchost technologie špatný kód neospravedlňuje</h3>

<p>„Ach, kdyby jen specifikace CSS obsahovala proměnné!” a další geekovské povzdechy si můžeme odpustit, protože a) právě teď nic takového CSS neobsahuje a b) není jisté, že by to CSS bordelářům skutečně pomohlo. Myslím si, že jednoduchost je velmi dobrá vlastnost jakékoliv technologie, CSS nevyjímaje.</p>

<p>Hezky to dříve popsal <a href="http://withoutanswers.com/post/174883150/does-css-needs-variables-selector-blocks-or-similar">Honza Sládek</a>, takže pro argumenty zajděte k němu. My můžeme pokračovat směrem k návrhu řešení palčivé otázky.</p>

<p>Jak z jednotlivých opakujících se pravidel extrahovat informaci o typech písem, barvách či layoutu obecně používaném na webu tak, aby stylopisy splňovaly alespoň základní parametr udržovatelnosti — že jim bude rozumět sám autor, když se ke své práci za tři měsíce vrátí?</p>

<p>Jelikož se snažím se upřednostňovat jednoduchá řešení a vyhýbat se vrstvení technologií, z našich úvah vyřazuji CSS preprocesory jako <a href="http://lesscss.org/" title="LESS - Leaner CSS">LESS</a>, čímž ale neříkám, že pro ně nevidím uplatnění.</p>

<h3 id="toc-ponekud-tupy">Poněkud tupý, přesně takový jaký jej chceme — manuál stylopisu</h3>

<p>Po mnoha pokusech se mi nakonec obrovsky osvědčila úplně nejtupější varianta — manuál v externím souboru. V adresáři se stylopisy u každého svého projektu najdu soubor README.txt, ve kterém všechny potřebné informace jsou. Kdykoliv pak na webu vytvářím nový prvek, podívám se sem a zjistím jaké by měl mít vlastnosti.</p>

<h3 id="toc-obsah-manualu">Obsah manuálu</h3>

<p>Pojďme se podívat co takový manuál stylopisu může obsahovat.</p>

<ul>
<li>Kontakty na autora</li>
<li>Seznam souborů a jejich obsah</li>
<li>Písma a jejich varianty </li>
<li><a href="http://kratce.vzhurudolu.cz/post/70178003/z-index-index">Index z-indexů</a></li>
<li>Barvy a jejich varianty</li>
<li>Rozměry opakujících se prvků laoyutu<br />
</li>
</ul>
<p>Než plýtvat detaily, odkážu vás na tři své manuály stylopisu, které jsou součástí projektů vyrobených v Shortcat studiu.</p>

<p><a class="big_anchor" href="http://www.biooko.net/css/readme.txt" title="BioOKO">BioOKO</a> 
<a class="big_anchor" href="http://www.festival.cz/stylesheets/readme.txt" title="Pražské jaro">Pražské jaro</a> 
<a class="big_anchor" href="http://static.hipposdesign.com/css/readme.txt" title="Hipposdesign.com">Hipposdesign.com</a><br /></p>

<p>Jedna část manuálu tedy nahrazuje velmi málo se vyskytující manuály designu a také vizuální identity. Další část supluje nedokonalost CSS jako technologie — například pro varianty barev  budeme moci brzy začít široce využívat <a href="http://www.css3.info/preview/rgba/" id="mmic" title="RGBa">RGBa</a>. Index z-indexů a varianty písem zase sjednocují na jedno místo informace, které bývají rozptýlené po různých pravidlech ve stylopisu.</p>

<p>Manuál stylopisu v žádném případě nenahradí dobře organizovaný, komentovaný a srozumitelně psaný CSS kód. Přidává vrstvu abstrakce, kterou kaskádové styly neumožňují.</p>

<p>Milí čtenáři, více než jindy zde ocením váš feedback a vlastní zkušenosti se správou CSS.<br /></p>

<hr />
<div class="underline_note">

Díky <a href="http://www.valka.info/">Ondrovi Válkovi</a> za <a href="http://twitter.com/ondrejvalka/status/9324746359">výstřel z Aurory</a>, kterým mě donutil článek oprášit a publikovat.


</div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=492IrE4BRJc:WFp9bUamG-8: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=492IrE4BRJc:WFp9bUamG-8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?i=492IrE4BRJc:WFp9bUamG-8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=492IrE4BRJc:WFp9bUamG-8: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/492IrE4BRJc" height="1">]]></description>
			<content:encoded><![CDATA[<p>Jak se ve změti CSS pravidel webového projektu dobrat systému, který bude snadno přenositelný na jiného člověka? Jak to udělat s technologií, jejíž esencí je jednoduchost? Supergeeky proklínaná a amatéry zbožňovaná vlastnost kaskádových stylů.</p>

<h3 id="toc-jednoduchost-css">Jednoduchost technologie špatný kód neospravedlňuje</h3>

<p>„Ach, kdyby jen specifikace CSS obsahovala proměnné!” a další geekovské povzdechy si můžeme odpustit, protože a) právě teď nic takového CSS neobsahuje a b) není jisté, že by to CSS bordelářům skutečně pomohlo. Myslím si, že jednoduchost je velmi dobrá vlastnost jakékoliv technologie, CSS nevyjímaje.</p>

<p>Hezky to dříve popsal <a href="http://withoutanswers.com/post/174883150/does-css-needs-variables-selector-blocks-or-similar">Honza Sládek</a>, takže pro argumenty zajděte k němu. My můžeme pokračovat směrem k návrhu řešení palčivé otázky.</p>

<p>Jak z jednotlivých opakujících se pravidel extrahovat informaci o typech písem, barvách či layoutu obecně používaném na webu tak, aby stylopisy splňovaly alespoň základní parametr udržovatelnosti — že jim bude rozumět sám autor, když se ke své práci za tři měsíce vrátí?</p>

<p>Jelikož se snažím se upřednostňovat jednoduchá řešení a vyhýbat se vrstvení technologií, z našich úvah vyřazuji CSS preprocesory jako <a href="http://lesscss.org/" title="LESS - Leaner CSS">LESS</a>, čímž ale neříkám, že pro ně nevidím uplatnění.</p>

<h3 id="toc-ponekud-tupy">Poněkud tupý, přesně takový jaký jej chceme — manuál stylopisu</h3>

<p>Po mnoha pokusech se mi nakonec obrovsky osvědčila úplně nejtupější varianta — manuál v externím souboru. V adresáři se stylopisy u každého svého projektu najdu soubor README.txt, ve kterém všechny potřebné informace jsou. Kdykoliv pak na webu vytvářím nový prvek, podívám se sem a zjistím jaké by měl mít vlastnosti.</p>

<h3 id="toc-obsah-manualu">Obsah manuálu</h3>

<p>Pojďme se podívat co takový manuál stylopisu může obsahovat.</p>

<ul>
<li>Kontakty na autora</li>
<li>Seznam souborů a jejich obsah</li>
<li>Písma a jejich varianty </li>
<li><a href="http://kratce.vzhurudolu.cz/post/70178003/z-index-index">Index z-indexů</a></li>
<li>Barvy a jejich varianty</li>
<li>Rozměry opakujících se prvků laoyutu<br/>
</li>
</ul>
<p>Než plýtvat detaily, odkážu vás na tři své manuály stylopisu, které jsou součástí projektů vyrobených v Shortcat studiu.</p>

<p><a class="big_anchor" href="http://www.biooko.net/css/readme.txt" title="BioOKO">BioOKO</a> 
<a class="big_anchor" href="http://www.festival.cz/stylesheets/readme.txt" title="Pražské jaro">Pražské jaro</a> 
<a class="big_anchor" href="http://static.hipposdesign.com/css/readme.txt" title="Hipposdesign.com">Hipposdesign.com</a><br/></p>

<p>Jedna část manuálu tedy nahrazuje velmi málo se vyskytující manuály designu a také vizuální identity. Další část supluje nedokonalost CSS jako technologie — například pro varianty barev  budeme moci brzy začít široce využívat <a href="http://www.css3.info/preview/rgba/" id="mmic" title="RGBa">RGBa</a>. Index z-indexů a varianty písem zase sjednocují na jedno místo informace, které bývají rozptýlené po různých pravidlech ve stylopisu.</p>

<p>Manuál stylopisu v žádném případě nenahradí dobře organizovaný, komentovaný a srozumitelně psaný CSS kód. Přidává vrstvu abstrakce, kterou kaskádové styly neumožňují.</p>

<p>Milí čtenáři, více než jindy zde ocením váš feedback a vlastní zkušenosti se správou CSS.<br/></p>

<hr>
<div class="underline_note">

<small>Díky <a href="http://www.valka.info/">Ondrovi Válkovi</a> za <a href="http://twitter.com/ondrejvalka/status/9324746359">výstřel z Aurory</a>, kterým mě donutil článek oprášit a publikovat.</small>


</div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=492IrE4BRJc:WFp9bUamG-8: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=492IrE4BRJc:WFp9bUamG-8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?i=492IrE4BRJc:WFp9bUamG-8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=492IrE4BRJc:WFp9bUamG-8: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/492IrE4BRJc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feedproxy.google.com/~r/vzhurudolu_clanky/~3/492IrE4BRJc/409587540/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Manuál stylopisů (a jednoduchost CSS můžeme zase chválit)</title>
		<link>http://feedproxy.google.com/~r/vzhurudolu_clanky/~3/492IrE4BRJc/409587540</link>
		<comments>http://feedproxy.google.com/~r/vzhurudolu_clanky/~3/492IrE4BRJc/409587540#comments</comments>
		<pubDate>Wed, 24 Feb 2010 20:36:00 +0000</pubDate>
		<dc:creator>Vzhůru dolů</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[články]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[spravovatelnost kódu]]></category>

		<guid isPermaLink="false">http://kratce.vzhurudolu.cz/post/409587540</guid>
		<description><![CDATA[<p>Jak se ve změti CSS pravidel webového projektu dobrat systému, který bude snadno přenositelný na jiného člověka? Jak to udělat s technologií, jejíž esencí je jednoduchost? Supergeeky proklínaná a amatéry zbožňovaná vlastnost kaskádových stylů.</p>

<h3 id="toc-jednoduchost-css">Jednoduchost technologie špatný kód neospravedlňuje</h3>

<p>„Ach, kdyby jen specifikace CSS obsahovala proměnné!” a další geekovské povzdechy si můžeme odpustit, protože a) právě teď nic takového CSS neobsahuje a b) není jisté, že by to CSS bordelářům skutečně pomohlo. Myslím si, že jednoduchost je velmi dobrá vlastnost jakékoliv technologie, CSS nevyjímaje.</p>

<p>Hezky to dříve popsal <a href="http://withoutanswers.com/post/174883150/does-css-needs-variables-selector-blocks-or-similar">Honza Sládek</a>, takže pro argumenty zajděte k němu. My můžeme pokračovat směrem k návrhu řešení palčivé otázky.</p>

<p>Jak z jednotlivých opakujících se pravidel extrahovat informaci o typech písem, barvách či layoutu obecně používaném na webu tak, aby stylopisy splňovaly alespoň základní parametr udržovatelnosti — že jim bude rozumět sám autor, když se ke své práci za tři měsíce vrátí?</p>

<p>Jelikož se snažím se upřednostňovat jednoduchá řešení a vyhýbat se vrstvení technologií, z našich úvah vyřazuji CSS preprocesory jako <a href="http://lesscss.org/" title="LESS - Leaner CSS">LESS</a>, čímž ale neříkám, že pro ně nevidím uplatnění.</p>

<h3 id="toc-ponekud-tupy">Poněkud tupý, přesně takový jaký jej chceme — manuál stylopisu</h3>

<p>Po mnoha pokusech se mi nakonec obrovsky osvědčila úplně nejtupější varianta — manuál v externím souboru. V adresáři se stylopisy u každého svého projektu najdu soubor README.txt, ve kterém všechny potřebné informace jsou. Kdykoliv pak na webu vytvářím nový prvek, podívám se sem a zjistím jaké by měl mít vlastnosti.</p>

<h3 id="toc-obsah-manualu">Obsah manuálu</h3>

<p>Pojďme se podívat co takový manuál stylopisu může obsahovat.</p>

<ul>
<li>Kontakty na autora</li>
<li>Seznam souborů a jejich obsah</li>
<li>Písma a jejich varianty </li>
<li><a href="http://kratce.vzhurudolu.cz/post/70178003/z-index-index">Index z-indexů</a></li>
<li>Barvy a jejich varianty</li>
<li>Rozměry opakujících se prvků laoyutu<br />
</li>
</ul>
<p>Než plýtvat detaily, odkážu vás na tři své manuály stylopisu, které jsou součástí projektů vyrobených v Shortcat studiu.</p>

<p><a class="big_anchor" href="http://www.biooko.net/css/readme.txt" title="BioOKO">BioOKO</a> 
<a class="big_anchor" href="http://www.festival.cz/stylesheets/readme.txt" title="Pražské jaro">Pražské jaro</a> 
<a class="big_anchor" href="http://static.hipposdesign.com/css/readme.txt" title="Hipposdesign.com">Hipposdesign.com</a><br /></p>

<p>Jedna část manuálu tedy nahrazuje velmi málo se vyskytující manuály designu a také vizuální identity. Další část supluje nedokonalost CSS jako technologie — například pro varianty barev  budeme moci brzy začít široce využívat <a href="http://www.css3.info/preview/rgba/" id="mmic" title="RGBa">RGBa</a>. Index z-indexů a varianty písem zase sjednocují na jedno místo informace, které bývají rozptýlené po různých pravidlech ve stylopisu.</p>

<p>Manuál stylopisu v žádném případě nenahradí dobře organizovaný, komentovaný a srozumitelně psaný CSS kód. Přidává vrstvu abstrakce, kterou kaskádové styly neumožňují.</p>

<p>Milí čtenáři, více než jindy zde ocením váš feedback a vlastní zkušenosti se správou CSS.<br /></p>

<hr />
<div class="underline_note">

Díky <a href="http://www.valka.info/">Ondrovi Válkovi</a> za <a href="http://twitter.com/ondrejvalka/status/9324746359">výstřel z Aurory</a>, kterým mě donutil článek oprášit a publikovat.


</div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=492IrE4BRJc:WFp9bUamG-8: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=492IrE4BRJc:WFp9bUamG-8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?i=492IrE4BRJc:WFp9bUamG-8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=492IrE4BRJc:WFp9bUamG-8: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/492IrE4BRJc" height="1">]]></description>
			<content:encoded><![CDATA[<p>Jak se ve změti CSS pravidel webového projektu dobrat systému, který bude snadno přenositelný na jiného člověka? Jak to udělat s technologií, jejíž esencí je jednoduchost? Supergeeky proklínaná a amatéry zbožňovaná vlastnost kaskádových stylů.</p>

<h3 id="toc-jednoduchost-css">Jednoduchost technologie špatný kód neospravedlňuje</h3>

<p>„Ach, kdyby jen specifikace CSS obsahovala proměnné!” a další geekovské povzdechy si můžeme odpustit, protože a) právě teď nic takového CSS neobsahuje a b) není jisté, že by to CSS bordelářům skutečně pomohlo. Myslím si, že jednoduchost je velmi dobrá vlastnost jakékoliv technologie, CSS nevyjímaje.</p>

<p>Hezky to dříve popsal <a href="http://withoutanswers.com/post/174883150/does-css-needs-variables-selector-blocks-or-similar">Honza Sládek</a>, takže pro argumenty zajděte k němu. My můžeme pokračovat směrem k návrhu řešení palčivé otázky.</p>

<p>Jak z jednotlivých opakujících se pravidel extrahovat informaci o typech písem, barvách či layoutu obecně používaném na webu tak, aby stylopisy splňovaly alespoň základní parametr udržovatelnosti — že jim bude rozumět sám autor, když se ke své práci za tři měsíce vrátí?</p>

<p>Jelikož se snažím se upřednostňovat jednoduchá řešení a vyhýbat se vrstvení technologií, z našich úvah vyřazuji CSS preprocesory jako <a href="http://lesscss.org/" title="LESS - Leaner CSS">LESS</a>, čímž ale neříkám, že pro ně nevidím uplatnění.</p>

<h3 id="toc-ponekud-tupy">Poněkud tupý, přesně takový jaký jej chceme — manuál stylopisu</h3>

<p>Po mnoha pokusech se mi nakonec obrovsky osvědčila úplně nejtupější varianta — manuál v externím souboru. V adresáři se stylopisy u každého svého projektu najdu soubor README.txt, ve kterém všechny potřebné informace jsou. Kdykoliv pak na webu vytvářím nový prvek, podívám se sem a zjistím jaké by měl mít vlastnosti.</p>

<h3 id="toc-obsah-manualu">Obsah manuálu</h3>

<p>Pojďme se podívat co takový manuál stylopisu může obsahovat.</p>

<ul>
<li>Kontakty na autora</li>
<li>Seznam souborů a jejich obsah</li>
<li>Písma a jejich varianty </li>
<li><a href="http://kratce.vzhurudolu.cz/post/70178003/z-index-index">Index z-indexů</a></li>
<li>Barvy a jejich varianty</li>
<li>Rozměry opakujících se prvků laoyutu<br/>
</li>
</ul>
<p>Než plýtvat detaily, odkážu vás na tři své manuály stylopisu, které jsou součástí projektů vyrobených v Shortcat studiu.</p>

<p><a class="big_anchor" href="http://www.biooko.net/css/readme.txt" title="BioOKO">BioOKO</a> 
<a class="big_anchor" href="http://www.festival.cz/stylesheets/readme.txt" title="Pražské jaro">Pražské jaro</a> 
<a class="big_anchor" href="http://static.hipposdesign.com/css/readme.txt" title="Hipposdesign.com">Hipposdesign.com</a><br/></p>

<p>Jedna část manuálu tedy nahrazuje velmi málo se vyskytující manuály designu a také vizuální identity. Další část supluje nedokonalost CSS jako technologie — například pro varianty barev  budeme moci brzy začít široce využívat <a href="http://www.css3.info/preview/rgba/" id="mmic" title="RGBa">RGBa</a>. Index z-indexů a varianty písem zase sjednocují na jedno místo informace, které bývají rozptýlené po různých pravidlech ve stylopisu.</p>

<p>Manuál stylopisu v žádném případě nenahradí dobře organizovaný, komentovaný a srozumitelně psaný CSS kód. Přidává vrstvu abstrakce, kterou kaskádové styly neumožňují.</p>

<p>Milí čtenáři, více než jindy zde ocením váš feedback a vlastní zkušenosti se správou CSS.<br/></p>

<hr>
<div class="underline_note">

<small>Díky <a href="http://www.valka.info/">Ondrovi Válkovi</a> za <a href="http://twitter.com/ondrejvalka/status/9324746359">výstřel z Aurory</a>, kterým mě donutil článek oprášit a publikovat.</small>


</div><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=492IrE4BRJc:WFp9bUamG-8: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=492IrE4BRJc:WFp9bUamG-8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?i=492IrE4BRJc:WFp9bUamG-8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/vzhurudolu_clanky?a=492IrE4BRJc:WFp9bUamG-8: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/492IrE4BRJc" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://feedproxy.google.com/~r/vzhurudolu_clanky/~3/492IrE4BRJc/409587540/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Analýza nebo uživatelské testování?</title>
		<link>http://blog.filosof.biz/analyza-nebo-uzivatelske-testovani/</link>
		<comments>http://blog.filosof.biz/analyza-nebo-uzivatelske-testovani/#comments</comments>
		<pubDate>Tue, 23 Feb 2010 15:01:54 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[Webdesign]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=1602</guid>
		<description><![CDATA[
<p>Uživatelské testování není všespasitelné, ačkoliv expertní analýza
také ne. Je potřeba je vyvážit.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Dočetl jsem knihu <a
href="http://www.amazon.com/gp/product/0321635027?ie=UTF8&amp;tag=filuvblog-20&amp;linkCode=as2&amp;camp=1789&amp;creative=9325&amp;creativeASIN=0321635027">Web
Anatomy: Interaction Design Frameworks that Work</a> od pánů Spoola a
Hoekmana. Hned v úvodu knihy pánové připravují půdu pro svůj
výtvor – designové frameworky – a opírají se při tom o výsledky
testů <a href="http://www.dialogdesign.dk/CUE.html">CUE</a> – konkrétně <a
href="http://www.dialogdesign.dk/CUE-2.htm">CUE-2</a> a <a
href="http://www.dialogdesign.dk/CUE-4.htm">CUE-4</a>. Recenzi na knihu napíšu
někdy jindy a zůstanu jen u tohoto úvodu, který se dá mmj. částečně
najít v článku <a
href="http://www.uie.com/articles/molich_interview/">Usability Testing Best
Practices: An Interview with Rolf Molich</a>.</p>

<p>Vyplývají z něj totiž zajímavé závěry.</p>

<h3>Test CUE-2</h3>

<p>Pro tento test bylo v roce 1998 najato Rolfem Molichem 9 týmů, které
měly během 3 týdnů otestovat použitelnost webového emailu Hotmail
libovolnou metodou. Týmy reportovaly celkem 310 různých problémů
použitelnosti, nejvíce se vyskytující problém byl uveden sedmi týmy, šest
problémů bylo reportováno více než polovinou týmů a 232 problémů bylo
zcela unikátních. Mnoho z nich bylo označeno jako „vážné“.</p>

<h3>Test CUE-4</h3>

<p>V testu CUE-4 bylo najato celkem 17 týmů na otestování webu
hotelpenn.com. 9 týmů používalo různé typy uživatelského testování,
8 expertní analýzu. Celkem nalezli 340 problémů použitelnosti, 9 z nich
bylo hlášeno více než polovinou týmů a 60% všech problémů bylo
unikátních – mnoho z nich (61) opět označeno jako „vážné“ nebo
„kritické“.</p>

<p>Teď nad tím chvíli přemýšlejte.</p>

<h3>Důsledky</h3>

<ol>
	<li>uživatelské testování vám neodhalí všechny vážné problémy
	použitelnosti webu, pravděpodobně neodhalí ani zlomek z nich (najměte
	17 týmů <img
	src="http://blog.filosof.biz/wp-includes/images/smilies/icon_smile.gif"
	alt=":-)" class="smiley" /> – většina projektů nikdy neuvidí ani jednu
	iteraci uživatelského testování se třemi uživateli)</li>

	<li>expertní analýza může být pro použitelnost webu stejně přínosná
	jako uživatelské testování – nedá se jasně říct, že je lepší nebo
	horší – v obou případech ovšem předpokládám, že testování
	i analýzu dělá expert (na druhou stranu nutno podotknout, že v ČR jsem se
	setkal PŘEVÁŽNĚ s analýzou a minimem testování, což je stav, který je
	rovněž trvale neudržitelný)</li>
</ol>

<h3>Co s tím?</h3>

<p>Spool a Hoekman nabízí <a href="http://webanatomy.rhjr.net/">designové
frameworky</a>. Osobně vidím frameworky jako velmi přínosné (a dobře se
pomocí nich argumentuje a vytváří obsah stránek), ale tady v ČR nás
pálí právě to uživatelské testování. Ani ne tak z pohledu nalezení
konkrétních chyb na konkrétních webech jako z hlediska změny úhlu pohledu
tvůrců webů.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/analyza-nebo-uzivatelske-testovani/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AlivePDF – tvorba PDF ve Flashi</title>
		<link>http://www.flash.cz/portal/clanek.aspx?id=1611</link>
		<comments>http://www.flash.cz/portal/clanek.aspx?id=1611#comments</comments>
		<pubDate>Wed, 17 Feb 2010 08:51:16 +0000</pubDate>
		<dc:creator>Flash.cz</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Adobe]]></category>

		<guid isPermaLink="false">tag:flash.cz://44d58198750ac7dbddf509d01aceec8d</guid>
		<description><![CDATA[Velmi zajímavým projektem, který nám umožňuje generování PDF dokumentů přímo v prostředí flashových aplikací, je AlivePDF s nímž se seznámíme v dnešním článku.]]></description>
			<content:encoded><![CDATA[Velmi zajímavým projektem, který nám umožňuje generování PDF dokumentů přímo v prostředí flashových aplikací, je AlivePDF s nímž se seznámíme v dnešním článku.]]></content:encoded>
			<wfw:commentRss>http://www.flash.cz/portal/clanek.aspx?id=1611/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ukázka augmented reality v Bing mapách na TED</title>
		<link>http://munio.cz/weblog/ukazka-augmented-reality-v-bing-mapach-na-ted/</link>
		<comments>http://munio.cz/weblog/ukazka-augmented-reality-v-bing-mapach-na-ted/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 15:03:32 +0000</pubDate>
		<dc:creator>Petr Brádler</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Bing]]></category>
		<category><![CDATA[mapy]]></category>
		<category><![CDATA[Photosynth]]></category>
		<category><![CDATA[Zajímavosti]]></category>

		<guid isPermaLink="false">http://munio.cz/weblog/?p=400</guid>
		<description><![CDATA[<p>Osobně používám mapy převážně na zjištění vhodné trasy z&#160;místa A do místa B, ale mám rád technologické novinky a proto mě zaujala ukázka nových možností v&#160;<strong>Bing mapách</strong> &#8211; tzv. augmented reality (rozšířená realita). </p>]]></description>
			<content:encoded><![CDATA[<p>Osobně používám mapy převážně na zjištění vhodné trasy z&nbsp;místa A do místa B, ale mám rád technologické novinky a proto mě zaujala ukázka nových možností v&nbsp;<strong>Bing mapách</strong> &ndash; tzv. augmented reality (rozšířená realita). </p>
<p>Modely 3D budov ve větších městech už dnes nikoho nepřekvapí. Líbí se mi ale možnosti Bing map ve spojení s&nbsp;<a href="http://munio.cz/weblog/tag/photosynth/" title="Microsoft Photosynth">Photosynth</a>, kdy nejsou využívány jako zdroj pouze foto materiály přímo od Microsoftu, ale taky fotky od běžných lidí (např. z&nbsp;Flickru). Tímto způsobem prozkoumávání v&nbsp;mapách nekončí na ulicích, ale při dostatečném množství fotek můžete vejít i do obchodů, domů a prakticky kamkoliv, kde to bylo nafoceno. </p>
<p>Ve videu byla představena i možnost sledovat živé video z&nbsp;místa přímo v&nbsp;mapách. A jako třešnička na konec je možnost pozorovat <strong>souhvězdí</strong> přímo z&nbsp;daného místa a měnit čas pozorování. </p>
<div class="box-center"><object width="446" height="326"><param name="movie" value="http://video.ted.com/assets/player/swf/EmbedPlayer.swf"></param><param name="allowFullScreen" value="true" /><param name="wmode" value="transparent"></param><param name="bgColor" value="#ffffff"></param><param name="flashvars" value="vu=http://video.ted.com/talks/dynamic/BlaiseAguerayArcas_2010-medium.mp4&#038;su=http://images.ted.com/images/ted/tedindex/embed-posters/BlaiseAgueraYArcas-2010.embed_thumbnail.jpg&#038;vw=432&#038;vh=240&#038;ap=0&#038;ti=766&#038;introDuration=16500&#038;adDuration=4000&#038;postAdDuration=2000&#038;adKeys=talk=blaise_aguera;year=2010;theme=new_on_ted_com;theme=a_taste_of_ted2010;theme=the_creative_spark;event=TED2010;&#038;preAdTag=tconf.ted/embed;tile=1;sz=512x288;" /><embed src="http://video.ted.com/assets/player/swf/EmbedPlayer.swf" pluginspace="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" wmode="transparent" bgColor="#ffffff" width="446" height="326" allowFullScreen="true" flashvars="vu=http://video.ted.com/talks/dynamic/BlaiseAguerayArcas_2010-medium.mp4&#038;su=http://images.ted.com/images/ted/tedindex/embed-posters/BlaiseAgueraYArcas-2010.embed_thumbnail.jpg&#038;vw=432&#038;vh=240&#038;ap=0&#038;ti=766&#038;introDuration=16500&#038;adDuration=4000&#038;postAdDuration=2000&#038;adKeys=talk=blaise_aguera;year=2010;theme=new_on_ted_com;theme=a_taste_of_ted2010;theme=the_creative_spark;event=TED2010;"></embed></object></div>
]]></content:encoded>
			<wfw:commentRss>http://munio.cz/weblog/ukazka-augmented-reality-v-bing-mapach-na-ted/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FTMC hledá redaktora</title>
		<link>http://blog.filosof.biz/ftmc-hleda-redaktora/</link>
		<comments>http://blog.filosof.biz/ftmc-hleda-redaktora/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 07:37:26 +0000</pubDate>
		<dc:creator>Filosof</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[zdroje]]></category>

		<guid isPermaLink="false">http://blog.filosof.biz/?p=1595</guid>
		<description><![CDATA[
<p>Brněnská agentura hledá redaktora/copyw­ritera/epublishe­ra pro
zdravotnické weby a sociální sítě.</p>

<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Mladá komunikační agentura sídlící v Brně, zaměřená na segment
medicínských technologií a farmacii hledá posilu svého týmu pro
dlouhodobou externí spolupráci na pozici redaktora webových stránek.</p>

<h3>Náplň práce:</h3>

<ul>
	<li>tvorba článků pro webové stránky projektu a pro komunitní weby</li>

	<li>správa webu, tvorba aktualit</li>
</ul>

<h3>Požadujeme:</h3>

<ul>
	<li>dlouhodobý zájem o oblast zdravotnictví a orientace v problematice
	tohoto prostředí</li>

	<li>mladá aktivní osobnost sledující současné trendy</li>

	<li>vysokou stylistickou a gramatickou úroveň práce</li>

	<li>spolehlivost</li>

	<li>zkušenosti ze zdravotnictví výhodou (studium, praxe)</li>
</ul>

<h3>Nabízíme:</h3>

<ul>
	<li>externí spolupráci na 50% úvazek, při osvědčení plný úvazek</li>

	<li>dlouhodobou spolupráci na tvorbě a prosazení projektu úspěšného
	v ČR</li>

	<li>zázemí dynamické společnosti a spolupráci s profesionály
	v oboru</li>
</ul>

<p>Nabídka platí pro Českou Republiku i Slovensko (2 samostatné pozice).
Máte-li zájem, pošlete nám svůj strukturovaný životopis, kontaktní
údaje a případné (krátké) ukázky vlastních textů na <a
href="mailto:petra.sedlackova&#64;ftmc.cz">petra.sedlackova&#64;<!---->ftmc.cz</a>.</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.filosof.biz/ftmc-hleda-redaktora/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
