<?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>Red-Pill Blog &#187; Přístupnost</title>
	<atom:link href="http://blog.red-pill.cz/category/programovani/pristupnost/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.red-pill.cz</link>
	<description>Blog o internetu, programování a jiných věcech…</description>
	<lastBuildDate>Thu, 29 Apr 2010 13:20:39 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Skinování Gmailu &#8211; konec přehlednosti?</title>
		<link>http://blog.red-pill.cz/2008/11/20/skinovani-gmailu-konec-prehlednosti/</link>
		<comments>http://blog.red-pill.cz/2008/11/20/skinovani-gmailu-konec-prehlednosti/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 13:48:52 +0000</pubDate>
		<dc:creator>tomas.fejfar</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Přístupnost]]></category>
		<category><![CDATA[Zájimavosti]]></category>

		<guid isPermaLink="false">http://blog.red-pill.cz/2008/11/20/skinovani-gmailu-konec-prehlednosti/</guid>
		<description><![CDATA[
<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Před pár dny se mi na gmailu objevila zpráva, že od nynějška je možné
skinovat rozhraní. Podobně již dříve povolil skinování iGoogle.</p>
Gmail jsem měl vždycky rád, protože měl
<ol>
	<li>dostatek prostoru</li>

	<li>přehledné rozhraní</li>

	<li>obstojný antispam</li>
</ol>
 Jsem velmi rád, že zachovali i ten původní design. Proč? Dnes jsem si dal
tu práci a proklikal jsem si všechny jednotlivé skiny. Můžu o nich říct
jediné – <strong>jsou buď nekontrastní, nebo naopak příliš
kontrastní</strong> a pokud už jsou tak akorát, tak jsou vybaveny úžasnými
rušivými prvky (např. Ninja). Zajímavou vlastností některých skinů je,
že se mění podle denní doby. Nastavíte si kde jste a ráno máte schránku
svěže zelenou, večer naopak tlumeně modrošedou. Hezké.
<p>Zde je malá ukázka pro ty, kteří ještě službu nemají aktivní:<br />
 <a class="imagelink"
href="http://red-pill.darkyork.com/wp-content/uploads/2008/11/gmail_themes.jpg"
title="Nastavení témat v gmailu"><img id="image92"
src="http://red-pill.darkyork.com/wp-content/uploads/2008/11/gmail_themes-150x150.jpg"
alt="Nastavení témat v gmailu" /></a></p>

<p>Osobně nehodnotím přidání skinů jako krok správným směrem (resp.
jako něco extra přínosného). Pubertální slečny (které by jistě využily
skin Candy) si stejně budou svoje bložííínkové maily zakládat na seznamu.
Mnohem raději bych viděl nějak <strong>rozumně zpracovanou možnost
excludovat nějakou doménu ze spamfiltru</strong> (konkrétně seznam.cz –
maily z něj mi pravidleně končí ve spamu).</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.red-pill.cz/2008/11/20/skinovani-gmailu-konec-prehlednosti/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sitemap a sub-domény na Google Webmasters Tools</title>
		<link>http://blog.red-pill.cz/2008/08/13/sitemap-a-sub-domeny-na-google-webmasters-tools/</link>
		<comments>http://blog.red-pill.cz/2008/08/13/sitemap-a-sub-domeny-na-google-webmasters-tools/#comments</comments>
		<pubDate>Wed, 13 Aug 2008 19:28:13 +0000</pubDate>
		<dc:creator>petr.kratina</dc:creator>
				<category><![CDATA[Google]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Programování]]></category>
		<category><![CDATA[Přístupnost]]></category>
		<category><![CDATA[Třídy]]></category>

		<guid isPermaLink="false">http://blog.red-pill.cz/2008/08/13/sitemap-a-sub-domeny-na-google-webmasters-tools/</guid>
		<description><![CDATA[
<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p style="text-align: justify;">Pokud vám není lhostejná viditelnost vašich
stránek a pojem SEO vám není úplně cizí, možná používáte nástroj <a
href="https://www.google.com/webmasters/tools/" target="_blank">Google
Webmasters Tools</a> (dále GWT). Je to skvělý nástroj, který vám umožní
alespoň částečně nahlédnout pod pokličku indexace webu Google crawlerem,
a umožní předat mu další informace o vašich stránkách. Jednou z ne
zrovna zanedbatelných možností jak pomoci indexovat své stránky je tzv. <a
href="http://www.sitemaps.org/protocol.php" target="_blank">sitemap soubor</a>,
který obsahuje všechna URL vašeho webu a užitečné informace jako čas
poslední změny, priority stránky a podobně, problém ale nastává ve
chvíli, kdy vaše stránky používají sub-domény jako logikou součást URL
pro vaši aplikaci, GWT totiž neumožní odkazovat ze sitemap souboru na jiné
domény a jen suše zahlásí:</p>

<div class="code">Adresa URL není povolena<br />
Tato adresa URL není v tomto umístění pro soubor Sitemap povolena.</div>
 <span id="more-86"></span>
<h2>Zamyšlení: K čemu vlastně používat sub-domény?</h2>

<p style="text-align: justify;">Použití sub-domén jako proměnných
součástí adresy je trochu sporné, někteří tvrdí, že je to zbytečné a
matoucí, například mě se ale toto dělení líbí – vezměme si jako
příklad katalog restaurací, proč by každá restaurace zařazená do
katalogu neměla mít pěkné URL složené z jejího názvu a naší domény,
vždyť na oné stránce jsou informace týkající se jen jí a restaurace jí
může snadno použít jako svou „homepage“…</p>

<h2>A jaké že je to slavné řešení?</h2>

<p style="text-align: justify;">Řešení je malinko složitější, spíše
tedy na technické provedení než na pochopení. Musíme totiž GWT
„vnutit“ ne sitemap soubor, ale sitemap index. To je vlastně seznam
souborů, které se mají načíst a zpracovat. Google ho přečte a všechy
soubory v něm obsažené přidá pod hlavní doménu. Sitemap index má
následující podobu:</p>

<div class="code">&lt;?xml version=„1.0“ encoding=„UTF-8“?&gt;<br />
&lt;sitemapindex
xmlns=„http:/­/www.sitemaps­.org/schemas/si­temap/0.9“&gt;<br />
    &lt;sitemap&gt;<br />
        &lt;loc&gt;­http://www.exam­ple.com/Sitemap­.xml&lt;/loc&gt;<br
/>
    &lt;/sitemap&gt;<br />
    &lt;sitemap&gt;<br />
        &lt;loc&gt;­http://blog.e­xample.com/Si­temap.xml&lt;/loc&gt;<br
/>
    &lt;/sitemap&gt;<br />
    &lt;sitemap&gt;<br />
        &lt;loc&gt;­http://articles­.example.com/Si­temap.xml&lt;/loc&gt;<br
/>
    &lt;/sitemap&gt;<br />
&lt;/sitemapindex&gt;<br />
</div>

<p style="text-align: justify;">To složitější je, dostat na každou
sub-doménu sitemap, který je platný jenom pro ni, já celou situaci řeším
generováním XML souborů do speciální složky a poté je pomocí PHP
zobrazím, vždy tedy jde o umístění <a
href="http://subdomena.domena.cz/Sitemap.xml">http://subdomena.domena.cz/Sitemap.xml</a>
ale aplikace podstrčí správný XML soubor pro danou sub-doménu. Pokud
nevíte jak na to, připravil jsem v PHP malý soubor (download na konci
článku), který toto vyřeší za vás. Vy jen generujete XML do složky
sitemaps (subdomena.xml), tento skript nasadíte přímo do rootu vaší
stránky a nasměrujete na něj pomocí mod_rewrite soubor sitemap.xml:</p>

<div class="code">RewriteEngine On<br />
<br />
RewriteCond %{REQUEST_FILENAME} /Sitemap.xml$<br />
RewriteRule .* Sitemap.php [L]</div>

<p>Případně budeme sitemap indexem odkazovat přímo na Sitemap.php.</p>

<h2>Závěr</h2>

<p style="text-align: justify;">Když tedy máme dostupný správný soubor
Sitemap.xml na každé sub-doméně a SitemapIndex.xml, obsahující jejich
umístění, stačí jej vložit do GWT a počkat až jej Google načte. První
se načte Index a poté postupně všechny jednotlivé Sitemapy, to bude trvat
nekolik desítek, minut, tak buďte trpěliví – výsledek stojí za to –
Google bude přesně vědět které poddomény jsou součástí
vašeho webu!</p>

<div style="text-align: center; margin-bottom: 10px;"><img
style="border: 1px #AAA solid;"
src="http://img87.imageshack.us/img87/8624/sitemapindexvh5.jpg"
alt="Google Web Tools Sitemap Index Status" /></div>

<p><strong>Download:</strong> <a
href="http://red-pill.cz/sitemap.zip">sitemap.zip</a> – třída sitemap,
ukázková XML a soubor .htaccess</p>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.red-pill.cz/2008/08/13/sitemap-a-sub-domeny-na-google-webmasters-tools/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Označování externích odkazů</title>
		<link>http://blog.red-pill.cz/2006/06/11/oznacovani-externich-odkazu/</link>
		<comments>http://blog.red-pill.cz/2006/06/11/oznacovani-externich-odkazu/#comments</comments>
		<pubDate>Sun, 11 Jun 2006 11:28:57 +0000</pubDate>
		<dc:creator>tomas.fejfar</dc:creator>
				<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[Přístupnost]]></category>

		<guid isPermaLink="false">http://blog.red-pill.cz/2006/06/11/oznacovani-externich-odkazu/</guid>
		<description><![CDATA[
<!-- by Texy2! -->]]></description>
			<content:encoded><![CDATA[
<p>Pro přístupnost a vlasně i přehlednost odkazů je vhodné mít ty
externí odlišené od těch interních. Do chvíle, než IE bude plně
podporovat CSS je jedinou šancí JavaScript.</p>

<p><strong>Teorie: </strong></p>

<p>Postupně projdeme všechny tagy <em>A</em> na stránce a zjistíme, které
z nich mají atribut <em>href </em>nastaveny na naší doménu. Ty potom
označíme příslušným CSS stylem.</p>
<strong>Praxe:</strong>
<ul>
	<li>JS kód:</li>
</ul>

<pre class="js"><code><span class="js-keywords1">function</span><span
class="js-out"> highlightExternalLinks(){
   </span><span
class="js-keywords1">var</span><span class="js-out"> links = </span><span
class="js-keywords2">document</span><span class="js-out">.</span><span
class="js-keywords2">getElementsByTagName</span><span
class="js-out">(</span><span class="js-quote">'a'</span><span
class="js-out">);
   </span><span class="js-keywords1">for</span><span
class="js-out"> (</span><span class="js-keywords1">var</span><span
class="js-out"> i=</span><span class="js-num">0</span><span
class="js-out">; i&lt;links.length; i++) {
      </span><span
class="js-keywords1">var</span><span
class="js-out"> link = links[i];
      </span><span
class="js-keywords1">var</span><span
class="js-out"> reg = /^http:[\/]{</span><span class="js-num">2</span><span
class="js-out">}tomasfejfar.wz.cz.*$/;
      </span><span
class="js-keywords1">if</span><span
class="js-out"> ((reg.test(link.href)!=</span><span
class="js-keywords1">true</span><span
class="js-out">)&amp;&amp;(link.href!=</span><span
class="js-quote">'#'</span><span
class="js-out">)&amp;&amp;(link.href!=</span><span
class="js-quote">''</span><span class="js-out">)) {
         </span><span
class="js-keywords1">var</span><span class="js-out"> obrazky = link.</span><span
class="js-keywords2">getElementsByTagName</span><span
class="js-out">(</span><span class="js-quote">'img'</span><span
class="js-out">)
         </span><span class="js-keywords1">if</span><span
class="js-out">(!obrazky[</span><span class="js-num">0</span><span
class="js-out">]){
            link.className = </span><span
class="js-quote">'external'</span><span
class="js-out">;
         }
      }
   }
}</span></code></pre>

<ul>
	<li>CSS screen styl:</li>
</ul>

<pre class="css"><code>a<span class="css-class">.external</span>{
   <span
class="css-property">padding-right</span>:<span
class="css-value">12px</span>;
   <span
class="css-property">background</span>:<span
class="css-value"> top right url(images/external.gif) no-repeat</span>;
}</code></pre>

<ul>
	<li>CSS print styl:</li>
</ul>

<pre class="css"><code><span
class="css-comment">/* pouze pro Gecko-based = nejde v IE */</span>
a<span
class="css-class">.external:after</span>{
   <span
class="css-property">content</span>:<span
class="css-value"> &quot; (&quot; attr(href) &quot;) &quot;</span>;
}</code></pre>

<!-- by Texy2! -->]]></content:encoded>
			<wfw:commentRss>http://blog.red-pill.cz/2006/06/11/oznacovani-externich-odkazu/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>
