<?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>Ikeris Sp. z o.o.</title>
	<atom:link href="http://www.ikeris.com/feed" rel="self" type="application/rss+xml" />
	<link>http://www.ikeris.com</link>
	<description>SEO, mobilne strony, dostępność i programowanie</description>
	<lastBuildDate>Wed, 30 Nov 2011 16:48:03 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Firefox i przycisk zamknięcia tab-a po lewej stronie</title>
		<link>http://www.ikeris.com/623/firefox-i-przycisk-zamkniecia-tab-a-po-lewej-stronie</link>
		<comments>http://www.ikeris.com/623/firefox-i-przycisk-zamkniecia-tab-a-po-lewej-stronie#comments</comments>
		<pubDate>Sun, 11 Sep 2011 16:58:18 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[Przeglądarki]]></category>
		<category><![CDATA[firefox]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=623</guid>
		<description><![CDATA[<p class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/09/firefox_przycisk_zamykania_po_prawej_stronie.png" alt="firefox przycisk zamykania po prawej stronie" title="firefox_przycisk_zamykania_po_prawej_stronie" width="124" height="73" class="alignnone size-full wp-image-624" /></p>

<h2 id="toc-wstp">Wstęp</h2>

<p>Co zrobić, by przycisk zamykania tab-a był po lewej jego stronie? Można to osiągnąć wstawiając trochę kodu do Firefoks-owego arkusza stylów CSS <a href="http://kb.mozillazine.org/UserChrome.css"><code>userChrome.css</code></a>, który znajduje się w folderze <em>chrome</em> profilu Firefoksa.</p>

<p>Oczywiście, folder do profilu Firefoksa w każdym systemie jest gdzie indziej. Folder profilu można znaleźć tak (dla systemów Windows poniższe dane wystarczy wkleić w linię komend <em>Start->Uruchom</em>):</p>

<table class="hheader">
<tbody><tr>
<th>System operacyjny</th><th>Lokalizacja folderu <em>Profile</em></th></tr>
<tr>
<td>Windows NT (NT4.x/2000/XP/Vista/7) </td><td>"%APPDATA%\Mozilla\"</td></tr>
<tr>
<td>Unix/Linux </td><td> ~/.mozilla/</td></tr>
<tr>
<td>Mac OS X </td><td> ~/Library/Mozilla/<p>~/Library/Application Support/</p></td></tr>
</tbody></table>

<h2 id="toc-kod-do-wklejenia">Kod do wklejenia</h2>

<pre lang="css">/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */


/* move favicon, throbber and text to the right so that the close button appears on the left */
.tabbrowser-tab .tab-icon-image {
  -moz-box-ordinal-group: 2 !important;
}

.tabbrowser-tab .tab-throbber {
  -moz-box-ordinal-group: 2 !important;
}

.tabbrowser-tab .tab-label {
  -moz-box-ordinal-group: 3 !important;
}

/* hide close button initially */
.tabbrowser-tab .tab-close-button {
  display: none !important;
}

/* show close + hide throbber &#038; favicon on hover */
.tabbrowser-tab:hover .tab-close-button {
  display: block !important;
}

.tabbrowser-tab:hover .tab-icon-image {
  display: none !important;
}

.tabbrowser-tab:hover .tab-throbber {
  display: none !important;
}

/* app tabs should not behave like regular tabs, so let them stay normal (viz. don't show close on hover) */
.tabbrowser-tab[pinned]:hover .tab-close-button {
  display: none !important;
}

.tabbrowser-tab[pinned]:hover .tab-icon-image {
  display: block !important;
}</pre>

<p><small>Źródło kodu: <a href="https://gist.github.com/724503">GitHub</a></small></p>

<h2 id="toc-kompatybilno">Kompatybilność</h2>

<p>Działanie powyższego sprawdzone na Firefoksie od wersji 4 do 6.02.</p><h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/147/css3-box-model-aktualizacja-prac-w3c' rel='bookmark' title='CSS3 Box model &#8211; aktualizacja prac W3C'>CSS3 Box model &#8211; aktualizacja prac W3C</a> <small>Dziś ukazała się aktualizacja specyfikacji Box model CSS basic box...</small></li>
<li><a href='http://www.ikeris.com/119/efekt-hover-dla-td-w-table-uzywajac-a-display-block' rel='bookmark' title='Efekt hover dla &lt;td&gt; w &lt;table&gt; używając &lt;a&gt;, display: block'>Efekt hover dla <td> w <table> używając <a>, display: block</a> <small>Stworzenie efektu typu hover, głównie dla IE&le;6, dla td w...</small></li>
<li><a href='http://www.ikeris.com/267/firefox-35-do-pobrania' rel='bookmark' title='Firefox 3.5 do pobrania'>Firefox 3.5 do pobrania</a> <small>Jest już dostępna do pobrania przeglądarka Firefox w wersji 3.5....</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/09/firefox_przycisk_zamykania_po_prawej_stronie.png" alt="firefox przycisk zamykania po prawej stronie" title="firefox_przycisk_zamykania_po_prawej_stronie" width="124" height="73" class="alignnone size-full wp-image-624" /></p>
<h2 id="toc-wstp">Wstęp</h2>
<p>Co zrobić, by przycisk zamykania tab-a był po lewej jego stronie? Można to osiągnąć wstawiając trochę kodu do Firefoks-owego arkusza stylów CSS <a href="http://kb.mozillazine.org/UserChrome.css#referrer=www.ikeris.com"><code>userChrome.css</code></a>, który znajduje się w folderze <em>chrome</em> profilu Firefoksa.</p>
<p>Oczywiście, folder do profilu Firefoksa w każdym systemie jest gdzie indziej. Folder profilu można znaleźć tak (dla systemów Windows poniższe dane wystarczy wkleić w linię komend <em>Start->Uruchom</em>):</p>
<table class="hheader">
<tbody>
<tr>
<th>System operacyjny</th>
<th>Lokalizacja folderu <em>Profile</em></th>
</tr>
<tr>
<td>Windows NT (NT4.x/2000/XP/Vista/7) </td>
<td>"%APPDATA%\Mozilla\"</td>
</tr>
<tr>
<td>Unix/Linux </td>
<td> ~/.mozilla/</td>
</tr>
<tr>
<td>Mac OS X </td>
<td> ~/Library/Mozilla/
<p>~/Library/Application Support/</p>
</td>
</tr>
</tbody>
</table>
<h2 id="toc-kod-do-wklejenia">Kod do wklejenia</h2>
<pre class="css"><span style="color: #808080; font-style: italic;">/*
 * Do not remove the @namespace line -- it's required for correct functioning
 */</span>
<span style="color: #a1a100;">@namespace url(&quot;http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul&quot;); /* set default namespace to XUL */</span>

<span style="color: #808080; font-style: italic;">/* move favicon, throbber and text to the right so that the close button appears on the left */</span>
<span style="color: #6666ff;">.tabbrowser-tab</span> <span style="color: #6666ff;">.tab-icon-image</span> <span style="color: #66cc66;">&#123;</span>
  -moz-box-ordinal-group: <span style="color: #933;">2</span> !important;
<span style="color: #66cc66;">&#125;</span>

<span style="color: #6666ff;">.tabbrowser-tab</span> <span style="color: #6666ff;">.tab-throbber</span> <span style="color: #66cc66;">&#123;</span>
  -moz-box-ordinal-group: <span style="color: #933;">2</span> !important;
<span style="color: #66cc66;">&#125;</span>

<span style="color: #6666ff;">.tabbrowser-tab</span> <span style="color: #6666ff;">.tab-label</span> <span style="color: #66cc66;">&#123;</span>
  -moz-box-ordinal-group: <span style="color: #933;">3</span> !important;
<span style="color: #66cc66;">&#125;</span>

<span style="color: #808080; font-style: italic;">/* hide close button initially */</span>
<span style="color: #6666ff;">.tabbrowser-tab</span> <span style="color: #6666ff;">.tab-close-button</span> <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">none</span> !important;
<span style="color: #66cc66;">&#125;</span>

<span style="color: #808080; font-style: italic;">/* show close + hide throbber &amp; favicon on hover */</span>
<span style="color: #6666ff;">.tabbrowser-tab</span><span style="color: #3333ff;">:hover</span> <span style="color: #6666ff;">.tab-close-button</span> <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">block</span> !important;
<span style="color: #66cc66;">&#125;</span>

<span style="color: #6666ff;">.tabbrowser-tab</span><span style="color: #3333ff;">:hover</span> <span style="color: #6666ff;">.tab-icon-image</span> <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">none</span> !important;
<span style="color: #66cc66;">&#125;</span>

<span style="color: #6666ff;">.tabbrowser-tab</span><span style="color: #3333ff;">:hover</span> <span style="color: #6666ff;">.tab-throbber</span> <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">none</span> !important;
<span style="color: #66cc66;">&#125;</span>

<span style="color: #808080; font-style: italic;">/* app tabs should not behave like regular tabs, so let them stay normal (viz. don't show close on hover) */</span>
<span style="color: #6666ff;">.tabbrowser-tab</span><span style="color: #66cc66;">&#91;</span>pinned<span style="color: #66cc66;">&#93;</span><span style="color: #3333ff;">:hover</span> <span style="color: #6666ff;">.tab-close-button</span> <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">none</span> !important;
<span style="color: #66cc66;">&#125;</span>

<span style="color: #6666ff;">.tabbrowser-tab</span><span style="color: #66cc66;">&#91;</span>pinned<span style="color: #66cc66;">&#93;</span><span style="color: #3333ff;">:hover</span> <span style="color: #6666ff;">.tab-icon-image</span> <span style="color: #66cc66;">&#123;</span>
  <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">block</span> !important;
<span style="color: #66cc66;">&#125;</span></pre>
<p><small>Źródło kodu: <a href="https://gist.github.com/724503#referrer=www.ikeris.com">GitHub</a></small></p>
<h2 id="toc-kompatybilno">Kompatybilność</h2>
<p>Działanie powyższego sprawdzone na Firefoksie od wersji 4 do 6.02.</p>
<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/147/css3-box-model-aktualizacja-prac-w3c' rel='bookmark' title='CSS3 Box model &#8211; aktualizacja prac W3C'>CSS3 Box model &#8211; aktualizacja prac W3C</a> <small>Dziś ukazała się aktualizacja specyfikacji Box model CSS basic box...</small></li>
<li><a href='http://www.ikeris.com/119/efekt-hover-dla-td-w-table-uzywajac-a-display-block' rel='bookmark' title='Efekt hover dla &lt;td&gt; w &lt;table&gt; używając &lt;a&gt;, display: block'>Efekt hover dla <td> w <table> używając <a>, display: block</a> <small>Stworzenie efektu typu hover, głównie dla IE&le;6, dla td w...</small></li>
<li><a href='http://www.ikeris.com/267/firefox-35-do-pobrania' rel='bookmark' title='Firefox 3.5 do pobrania'>Firefox 3.5 do pobrania</a> <small>Jest już dostępna do pobrania przeglądarka Firefox w wersji 3.5....</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/623/firefox-i-przycisk-zamkniecia-tab-a-po-lewej-stronie/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jak kontrolować zużycie transferu internetowego na Androidzie?</title>
		<link>http://www.ikeris.com/614/jak-kontrolowac-zuzycie-transferu-internetowego-na-androidzie</link>
		<comments>http://www.ikeris.com/614/jak-kontrolowac-zuzycie-transferu-internetowego-na-androidzie#comments</comments>
		<pubDate>Wed, 07 Sep 2011 07:51:40 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Oprogramowanie]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[internet]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=614</guid>
		<description><![CDATA[<div class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/09/counters.jpg" alt="counters" title="counters" width="150" height="213" class="alignnone size-full wp-image-617" /> <p><small>Źródło: <a href="http://www.flickr.com/photos/eisenbahner/5627632484/">Flickr.com</a></small></p></div>

<strong>Jak kontrolować internet w Androidzie</strong>? Mimo, iż czasem mamy internet przez GSM nielimitowany, to warto wiedzieć ile zużywamy pasma i próbować to kontrolować. Zwłaszcza, gdy mamy małe limity w ciągu miesiąca. Świetnie do tego nadaje się oprogramowanie <a href="https://market.android.com/details?id=net.rgruet.android.g3watchdog">3G Watchdog</a>, które (cytat) <q>Monitoruje wykorzystanie twojego mobilnego internetu (3G/Edge/GPRS), pokazuje ikonkę w pasku notyfikacji (zielona, pomarańczowa/czerwona) oraz skrócony raport zużycia danych. Przydatne jeżeli twój pakiet "Internet Bez Limitu!' tak naprawdę ma jakieś limity.</q>

Zrzut z ekranu:
<a href="http://www.ikeris.com/wp-content/uploads/2011/09/3g_watchdog.png"><img src="http://www.ikeris.com/wp-content/uploads/2011/09/3g_watchdog-300x175.png" alt="3G Watchdog screenshot" title="3G Watchdog screenshot" width="300" height="175" class="alignnone size-medium wp-image-615" /></a>
Brak powiązanych wpisów.]]></description>
			<content:encoded><![CDATA[<div class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/09/counters.jpg" alt="counters" title="counters" width="150" height="213" class="alignnone size-full wp-image-617" />
<p><small>Źródło: <a href="http://www.flickr.com/photos/eisenbahner/5627632484/#referrer=www.ikeris.com">Flickr.com</a></small></p>
</div>
<p><strong>Jak kontrolować internet w Androidzie</strong>? Mimo, iż czasem mamy internet przez GSM nielimitowany, to warto wiedzieć ile zużywamy pasma i próbować to kontrolować. Zwłaszcza, gdy mamy małe limity w ciągu miesiąca. Świetnie do tego nadaje się oprogramowanie <a href="https://market.android.com/details?id=net.rgruet.android.g3watchdog#referrer=www.ikeris.com">3G Watchdog</a>, które (cytat) <q>Monitoruje wykorzystanie twojego mobilnego internetu (3G/Edge/GPRS), pokazuje ikonkę w pasku notyfikacji (zielona, pomarańczowa/czerwona) oraz skrócony raport zużycia danych. Przydatne jeżeli twój pakiet "Internet Bez Limitu!' tak naprawdę ma jakieś limity.</q></p>
<p>Zrzut z ekranu:<br />
<a href="http://www.ikeris.com/wp-content/uploads/2011/09/3g_watchdog.png"><img src="http://www.ikeris.com/wp-content/uploads/2011/09/3g_watchdog-300x175.png" alt="3G Watchdog screenshot" title="3G Watchdog screenshot" width="300" height="175" class="alignnone size-medium wp-image-615" /></a></p>
<p>Brak powiązanych wpisów.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/614/jak-kontrolowac-zuzycie-transferu-internetowego-na-androidzie/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Prosty i dodatkowy sposób na spam w komentarzach WordPress-a</title>
		<link>http://www.ikeris.com/606/prosty-i-dodatkowy-sposob-na-spam-w-komentarzach-wordpress-a</link>
		<comments>http://www.ikeris.com/606/prosty-i-dodatkowy-sposob-na-spam-w-komentarzach-wordpress-a#comments</comments>
		<pubDate>Thu, 25 Aug 2011 12:36:40 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[Wordpress]]></category>
		<category><![CDATA[antyspam]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=606</guid>
		<description><![CDATA[Jest wiele sposobów na zabezpieczanie się przed spamem w komentarzach WordPress-a. Jedną z nich jest odmowa dostępu do pliku <code>wp-comments-post.php</code> z innych domen, niż tylko nasza. Dodaj poniższe reguły do pliku <code>.htaccess</code>. Nazwę <em>www.ikeris.com</em> zamień na swoją nazwę domeny. Zanim zrobisz zmiany w pliku <code>.htaccess</code> <strong>zrób sobie jego kopię na wszelki wypadek</strong>.

<pre lang="apache"><IfModule mod_rewrite.c>
RewriteEngine On

RewriteRule ^ - [E=via:http]
RewriteCond %{HTTPS} =on
RewriteRule ^ - [E=via:https]

RewriteCond %{REQUEST_METHOD} POST
RewriteCond %{REQUEST_URI} .wp-comments-post\.php*
RewriteCond %{HTTP_REFERER} !.*www.ikeris.com* [OR]
RewriteCond %{HTTP_USER_AGENT} ^$
RewriteRule (.*) ^%{ENV:via}://%{REMOTE_ADDR}/$ [R=301,L]
</IfModule></pre><h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/453/przekierowanie-domeny-bez-www-na-www-wylaczajac-subdomeny' rel='bookmark' title='Przekierowanie domeny bez www na www wyłączając subdomeny'>Przekierowanie domeny bez www na www wyłączając subdomeny</a> <small>W poprzednim wpisie było opisane jak przekierować domenę bez www...</small></li>
<li><a href='http://www.ikeris.com/271/przekierowania-z-domeny-bez-www-na-domene-z-www' rel='bookmark' title='Przekierowania z domeny bez www na domenę z www'>Przekierowania z domeny bez www na domenę z www</a> <small>Jeśli masz dostęp do serwera www opartego o Apache, to...</small></li>
<li><a href='http://www.ikeris.com/105/wordpress-firefox-i-przestawianie-kategorii' rel='bookmark' title='WordPress, Firefox i przestawianie kategorii'>WordPress, Firefox i przestawianie kategorii</a> <small>Podczas prac nad jednym z projektów Firefox sprawił nam "niepodziankę"...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>Jest wiele sposobów na zabezpieczanie się przed spamem w komentarzach WordPress-a. Jedną z nich jest odmowa dostępu do pliku <code>wp-comments-post.php</code> z innych domen, niż tylko nasza. Dodaj poniższe reguły do pliku <code>.htaccess</code>. Nazwę <em>www.ikeris.com</em> zamień na swoją nazwę domeny. Zanim zrobisz zmiany w pliku <code>.htaccess</code> <strong>zrób sobie jego kopię na wszelki wypadek</strong>.</p>
<pre class="apache">&lt;IfModule mod_rewrite.c&gt;
<span style="color: #00007f;">RewriteEngine</span> <span style="color: #0000ff;">On</span>

<span style="color: #00007f;">RewriteRule</span> ^ - <span style="color: #66cc66;">&#91;</span>E=via:http<span style="color: #66cc66;">&#93;</span>
<span style="color: #00007f;">RewriteCond</span> %<span style="color: #66cc66;">&#123;</span>HTTPS<span style="color: #66cc66;">&#125;</span> =<span style="color: #0000ff;">on</span>
<span style="color: #00007f;">RewriteRule</span> ^ - <span style="color: #66cc66;">&#91;</span>E=via:https<span style="color: #66cc66;">&#93;</span>

<span style="color: #00007f;">RewriteCond</span> %<span style="color: #66cc66;">&#123;</span>REQUEST_METHOD<span style="color: #66cc66;">&#125;</span> POST
<span style="color: #00007f;">RewriteCond</span> %<span style="color: #66cc66;">&#123;</span>REQUEST_URI<span style="color: #66cc66;">&#125;</span> .wp-comments-post\.php*
<span style="color: #00007f;">RewriteCond</span> %<span style="color: #66cc66;">&#123;</span>HTTP_REFERER<span style="color: #66cc66;">&#125;</span> !.*www.ikeris.com* <span style="color: #66cc66;">&#91;</span>OR<span style="color: #66cc66;">&#93;</span>
<span style="color: #00007f;">RewriteCond</span> %<span style="color: #66cc66;">&#123;</span>HTTP_USER_AGENT<span style="color: #66cc66;">&#125;</span> ^$
<span style="color: #00007f;">RewriteRule</span> <span style="color: #66cc66;">&#40;</span>.*<span style="color: #66cc66;">&#41;</span> ^%<span style="color: #66cc66;">&#123;</span>ENV:via<span style="color: #66cc66;">&#125;</span>://%<span style="color: #66cc66;">&#123;</span>REMOTE_ADDR<span style="color: #66cc66;">&#125;</span>/$ <span style="color: #66cc66;">&#91;</span>R=<span style="color: #ff0000;">301</span>,L<span style="color: #66cc66;">&#93;</span>
&lt;/IfModule&gt;</pre>
<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/453/przekierowanie-domeny-bez-www-na-www-wylaczajac-subdomeny' rel='bookmark' title='Przekierowanie domeny bez www na www wyłączając subdomeny'>Przekierowanie domeny bez www na www wyłączając subdomeny</a> <small>W poprzednim wpisie było opisane jak przekierować domenę bez www...</small></li>
<li><a href='http://www.ikeris.com/271/przekierowania-z-domeny-bez-www-na-domene-z-www' rel='bookmark' title='Przekierowania z domeny bez www na domenę z www'>Przekierowania z domeny bez www na domenę z www</a> <small>Jeśli masz dostęp do serwera www opartego o Apache, to...</small></li>
<li><a href='http://www.ikeris.com/105/wordpress-firefox-i-przestawianie-kategorii' rel='bookmark' title='WordPress, Firefox i przestawianie kategorii'>WordPress, Firefox i przestawianie kategorii</a> <small>Podczas prac nad jednym z projektów Firefox sprawił nam "niepodziankę"...</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/606/prosty-i-dodatkowy-sposob-na-spam-w-komentarzach-wordpress-a/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3 powody dla których nie powinniśmy używać edytorów wizualnych (WYSIWYG) na urządzeniach mobilnych</title>
		<link>http://www.ikeris.com/597/3-powody-dla-ktorych-nie-powinnismy-uzywac-edytorow-wizualnych-wysiwyg-na-urzadzeniach-mobilnych</link>
		<comments>http://www.ikeris.com/597/3-powody-dla-ktorych-nie-powinnismy-uzywac-edytorow-wizualnych-wysiwyg-na-urzadzeniach-mobilnych#comments</comments>
		<pubDate>Wed, 24 Aug 2011 12:11:30 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[mobile]]></category>
		<category><![CDATA[wysiwyg]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=597</guid>
		<description><![CDATA[<p class="fleft"><img class="alignnone size-full wp-image-599" title="wysiwyg" src="http://www.ikeris.com/wp-content/uploads/2011/08/wysiwyg.png" alt="wysiwyg" width="306" height="114" /></p>

Zdecydowanie przyzwyczailiśmy się do tego, że podczas edycji treści naszej ulubionej strony internetowej używamy edytora typu <a href="http://pl.wikipedia.org/wiki/WYSIWYG">WYSIWYG</a> (<em>ang. What You See Is What You Get co znaczy dosłownie To Co Widzisz Jest Tym Co Otrzymasz</em>). I wszystko jest dobrze do momentu, aż zdarzy nam się modyfikować treść przy użyciu np. tabletu czy smartphone-a. Dlaczego warto wyłączać edytory WYSIWYG na urządzeniach mobilnych?

<ol>
	<li>Zaznaczamy tekst na wyświetlaczu i pojawiają się nam opcje wbudowane w telefon czy tablet. Problem w tym, że <strong>po kliknięciu poza te opcje zaznaczony tekst traci focus i nie można skorzystać z żadnej opcji edytora WYSIWYG</strong>, ponieważ nie może on odnaleźć treści, do jakiej ma się odnieść. A przecież robi to na podstawie zaznaczonej treści.</li>
	<li>Generalnie <strong>edytory WYSIWYG są dziś nie przygotowane na urządzenia mobilne</strong>. Albo nie działają w ogóle przy okazji blokując dostęp do całej treści, albo działają częściowo, np. klik na button działa, ale nie daje żadnej reakcji.</li>
	<li><strong>Edytory WYSIWYG nie współpracują z wbudowaną, wirtualną klawiaturą</strong> telefonu czy tabletu. To powoduje, że treści praktycznie nie da się edytować. Co najwyżej może się w skrajnym przypadku udać zmienić formatowanie już istniejącej treści (jeśli jakimś cudem uda się zaznaczyć tekst i kliknąć na button w edytorze WYSIWYG).</li>
</ol><h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/158/edytor-wysiwyg-w-2007-roku' rel='bookmark' title='Edytor WYSIWYG w 2007 roku'>Edytor WYSIWYG w 2007 roku</a> <small>Który wybrać edytor WYSIWYG? Nie jest to wcale takie proste,ale...</small></li>
<li><a href='http://www.ikeris.com/96/wysiwyg-wersja-open-source-i-firmowa' rel='bookmark' title='WYSIWYG &#8211; wersja open source i firmowa'>WYSIWYG &#8211; wersja open source i firmowa</a> <small>Szukasz edytora WYSIWYG? Zajrzyj na stronę www.cmsreview.com/WYSIWYG/. Kilkanaście popularnych i...</small></li>
<li><a href='http://www.ikeris.com/175/testowanie-stron-na-mobilnych-urzadzeniach' rel='bookmark' title='Testowanie stron na mobilnych urządzeniach'>Testowanie stron na mobilnych urządzeniach</a> <small>Czasem nie ma możliwości bezpośredniego testu na jakimkolwiek telefonie Twojej...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p class="fleft"><img class="alignnone size-full wp-image-599" title="wysiwyg" src="http://www.ikeris.com/wp-content/uploads/2011/08/wysiwyg.png" alt="wysiwyg" width="306" height="114" /></p>
<p>Zdecydowanie przyzwyczailiśmy się do tego, że podczas edycji treści naszej ulubionej strony internetowej używamy edytora typu <a href="http://pl.wikipedia.org/wiki/WYSIWYG#referrer=www.ikeris.com">WYSIWYG</a> (<em>ang. What You See Is What You Get co znaczy dosłownie To Co Widzisz Jest Tym Co Otrzymasz</em>). I wszystko jest dobrze do momentu, aż zdarzy nam się modyfikować treść przy użyciu np. tabletu czy smartphone-a. Dlaczego warto wyłączać edytory WYSIWYG na urządzeniach mobilnych?</p>
<ol>
<li>Zaznaczamy tekst na wyświetlaczu i pojawiają się nam opcje wbudowane w telefon czy tablet. Problem w tym, że <strong>po kliknięciu poza te opcje zaznaczony tekst traci focus i nie można skorzystać z żadnej opcji edytora WYSIWYG</strong>, ponieważ nie może on odnaleźć treści, do jakiej ma się odnieść. A przecież robi to na podstawie zaznaczonej treści.</li>
<li>Generalnie <strong>edytory WYSIWYG są dziś nie przygotowane na urządzenia mobilne</strong>. Albo nie działają w ogóle przy okazji blokując dostęp do całej treści, albo działają częściowo, np. klik na button działa, ale nie daje żadnej reakcji.</li>
<li><strong>Edytory WYSIWYG nie współpracują z wbudowaną, wirtualną klawiaturą</strong> telefonu czy tabletu. To powoduje, że treści praktycznie nie da się edytować. Co najwyżej może się w skrajnym przypadku udać zmienić formatowanie już istniejącej treści (jeśli jakimś cudem uda się zaznaczyć tekst i kliknąć na button w edytorze WYSIWYG).</li>
</ol>
<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/158/edytor-wysiwyg-w-2007-roku' rel='bookmark' title='Edytor WYSIWYG w 2007 roku'>Edytor WYSIWYG w 2007 roku</a> <small>Który wybrać edytor WYSIWYG? Nie jest to wcale takie proste,ale...</small></li>
<li><a href='http://www.ikeris.com/96/wysiwyg-wersja-open-source-i-firmowa' rel='bookmark' title='WYSIWYG &#8211; wersja open source i firmowa'>WYSIWYG &#8211; wersja open source i firmowa</a> <small>Szukasz edytora WYSIWYG? Zajrzyj na stronę www.cmsreview.com/WYSIWYG/. Kilkanaście popularnych i...</small></li>
<li><a href='http://www.ikeris.com/175/testowanie-stron-na-mobilnych-urzadzeniach' rel='bookmark' title='Testowanie stron na mobilnych urządzeniach'>Testowanie stron na mobilnych urządzeniach</a> <small>Czasem nie ma możliwości bezpośredniego testu na jakimkolwiek telefonie Twojej...</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/597/3-powody-dla-ktorych-nie-powinnismy-uzywac-edytorow-wizualnych-wysiwyg-na-urzadzeniach-mobilnych/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Czy warto przekierować domenę z www na bez www lub odwrotnie?</title>
		<link>http://www.ikeris.com/589/czy-warto-przekierowac-domene-z-www-na-bez-www-lub-odwrotnie</link>
		<comments>http://www.ikeris.com/589/czy-warto-przekierowac-domene-z-www-na-bez-www-lub-odwrotnie#comments</comments>
		<pubDate>Sun, 21 Aug 2011 21:39:33 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=589</guid>
		<description><![CDATA[<p class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/08/www_non_www.png" alt="www_non_www" title="www_non_www" width="158" height="80" class="alignnone size-full wp-image-595" /></p>

<h2 id="toc-wstp">Wstęp</h2>
Czasem pojawia się pytanie którą domenę warto indeksować? Z www? Czy bez www? W zasadzie nie ma to znaczenia. Google w tej sprawie wypowiedział się w treści pt. <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=pl&#038;answer=44231"><q>Preferowana domena (www lub inna niż www)</q></a>.

<h2 id="toc-co-pisze-samo-google-w-tej-sprawie">Co pisze samo Google w tej sprawie?</h2>

Cytat z Google:

<blockquote><p>Preferowana domena to domena, która ma być stosowana do indeksowania stron witryny (zwana jest czasem domeną kanoniczną). Linki mogą kierować do tej witryny przy użyciu adresów zarówno w wersji z przedrostkiem www, jak i bez przedrostka www (np. <code>http://www.example.com</code> i <code>http://example.com</code>). Preferowana domena to wersja, której chcesz używać w linkach do witryny w wynikach wyszukiwania.</p>

<p>Jeśli widoczny jest komunikat informujący o tym, że witryna nie jest zaindeksowana, może to być spowodowane jej zaindeksowaniem w innej domenie. Jeśli na przykład wyświetlany jest komunikat, że witryna <code>http://example.com</code> nie została zaindeksowana, upewnij się, że adres <code>http://www.example.com</code> również został dodany do Twojego konta (lub odwrotnie) i sprawdź dane dotyczące tej witryny.</p>

<p>Gdy określisz nazwę preferowanej domeny, użyjemy tej informacji podczas każdego indeksowania witryny i podczas odświeżania indeksu w przyszłości. Jeśli na przykład określisz preferowaną domenę w postaci <code>http://www.example.com</code> i znajdziemy link do tej witryny w formacie http://example.com, potraktujemy go jako link w postaci <code>http://www.example.com</code>. Ponadto adresy URL stron tej witryny będą wyświetlane w preferowanej przez Ciebie postaci. Jeśli nie określisz preferowanej domeny, możemy traktować wersje domeny z przedrostkiem www i bez przedrostka www jako oddzielne odwołania do oddzielnych stron.</p>

<p>Odzwierciedlenie tej zmiany w naszym indeksie może zająć trochę czasu. Wszystkie linki do Twoich stron aktualnie zaindeksowanych z adresem URL w postaci innej niż preferowana pozostaną niezmienione do chwili odświeżenia informacji o tych stronach w naszym indeksie.</p></blockquote><h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/271/przekierowania-z-domeny-bez-www-na-domene-z-www' rel='bookmark' title='Przekierowania z domeny bez www na domenę z www'>Przekierowania z domeny bez www na domenę z www</a> <small>Jeśli masz dostęp do serwera www opartego o Apache, to...</small></li>
<li><a href='http://www.ikeris.com/453/przekierowanie-domeny-bez-www-na-www-wylaczajac-subdomeny' rel='bookmark' title='Przekierowanie domeny bez www na www wyłączając subdomeny'>Przekierowanie domeny bez www na www wyłączając subdomeny</a> <small>W poprzednim wpisie było opisane jak przekierować domenę bez www...</small></li>
<li><a href='http://www.ikeris.com/470/proste-zasady-seo' rel='bookmark' title='Proste zasady SEO'>Proste zasady SEO</a> <small>Pozycjonowanie (tzw. SEO) to zagadnienie, które czasem urasta do bardzo...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/08/www_non_www.png" alt="www_non_www" title="www_non_www" width="158" height="80" class="alignnone size-full wp-image-595" /></p>
<h2 id="toc-wstp">Wstęp</h2>
<p>Czasem pojawia się pytanie którą domenę warto indeksować? Z www? Czy bez www? W zasadzie nie ma to znaczenia. Google w tej sprawie wypowiedział się w treści pt. <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=pl&answer=44231#referrer=www.ikeris.com"><q>Preferowana domena (www lub inna niż www)</q></a>.</p>
<h2 id="toc-co-pisze-samo-google-w-tej-sprawie">Co pisze samo Google w tej sprawie?</h2>
<p>Cytat z Google:</p>
<blockquote><p>Preferowana domena to domena, która ma być stosowana do indeksowania stron witryny (zwana jest czasem domeną kanoniczną). Linki mogą kierować do tej witryny przy użyciu adresów zarówno w wersji z przedrostkiem www, jak i bez przedrostka www (np. <code>http://www.example.com</code> i <code>http://example.com</code>). Preferowana domena to wersja, której chcesz używać w linkach do witryny w wynikach wyszukiwania.</p>
<p>Jeśli widoczny jest komunikat informujący o tym, że witryna nie jest zaindeksowana, może to być spowodowane jej zaindeksowaniem w innej domenie. Jeśli na przykład wyświetlany jest komunikat, że witryna <code>http://example.com</code> nie została zaindeksowana, upewnij się, że adres <code>http://www.example.com</code> również został dodany do Twojego konta (lub odwrotnie) i sprawdź dane dotyczące tej witryny.</p>
<p>Gdy określisz nazwę preferowanej domeny, użyjemy tej informacji podczas każdego indeksowania witryny i podczas odświeżania indeksu w przyszłości. Jeśli na przykład określisz preferowaną domenę w postaci <code>http://www.example.com</code> i znajdziemy link do tej witryny w formacie http://example.com, potraktujemy go jako link w postaci <code>http://www.example.com</code>. Ponadto adresy URL stron tej witryny będą wyświetlane w preferowanej przez Ciebie postaci. Jeśli nie określisz preferowanej domeny, możemy traktować wersje domeny z przedrostkiem www i bez przedrostka www jako oddzielne odwołania do oddzielnych stron.</p>
<p>Odzwierciedlenie tej zmiany w naszym indeksie może zająć trochę czasu. Wszystkie linki do Twoich stron aktualnie zaindeksowanych z adresem URL w postaci innej niż preferowana pozostaną niezmienione do chwili odświeżenia informacji o tych stronach w naszym indeksie.</p>
</blockquote>
<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/271/przekierowania-z-domeny-bez-www-na-domene-z-www' rel='bookmark' title='Przekierowania z domeny bez www na domenę z www'>Przekierowania z domeny bez www na domenę z www</a> <small>Jeśli masz dostęp do serwera www opartego o Apache, to...</small></li>
<li><a href='http://www.ikeris.com/453/przekierowanie-domeny-bez-www-na-www-wylaczajac-subdomeny' rel='bookmark' title='Przekierowanie domeny bez www na www wyłączając subdomeny'>Przekierowanie domeny bez www na www wyłączając subdomeny</a> <small>W poprzednim wpisie było opisane jak przekierować domenę bez www...</small></li>
<li><a href='http://www.ikeris.com/470/proste-zasady-seo' rel='bookmark' title='Proste zasady SEO'>Proste zasady SEO</a> <small>Pozycjonowanie (tzw. SEO) to zagadnienie, które czasem urasta do bardzo...</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/589/czy-warto-przekierowac-domene-z-www-na-bez-www-lub-odwrotnie/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Atrybut rel nofollow i Google</title>
		<link>http://www.ikeris.com/585/atrybut-rel-nofollow-i-google</link>
		<comments>http://www.ikeris.com/585/atrybut-rel-nofollow-i-google#comments</comments>
		<pubDate>Sun, 21 Aug 2011 21:24:17 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[SEO]]></category>
		<category><![CDATA[optymalizacja]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=585</guid>
		<description><![CDATA[<h2 id="toc-wstp">Wstęp</h2>

Wiele informacji w sieci jest na temat traktowania przez Google atrybutu <code>rel</code> z wartością <code>nofollow</code>. Wydaje się, że chyba najlepszym źródłem informacji będzie samo Google. Poniższa <strong>treść pochodzi z samego Google</strong> z artykułu o nazwie <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=pl&#038;answer=96569"><q>Atrybut rel="nofollow" - informacje</q></a>.

<h2 id="toc-po-co-jest-relnofollow">Po co jest <code>rel="nofollow"</code>?</h2>
Atrybut <code>nofollow</code> jest dla webmasterów sposobem informowania wyszukiwarek, że nie mogą wykorzystywać wszystkich lub niektórych linków znajdujących się na określonej stronie.

Zazwyczaj atrybut <code>nofollow</code> występował w meta tagu na poziomie strony i uniemożliwiał wyszukiwarkom wykorzystywanie (tj. pobieranie z indeksowaniem) jakichkolwiek zawartych na stronie linków do witryn zewnętrznych. Na przykład:

<pre lang="xhtml"><meta name="robots" content="nofollow" /></pre>

Zanim atrybut <code>nofollow</code> zaczął być stosowany dla pojedynczych linków, uniemożliwienie robotom korzystania z wybranych linków na stronie wymagało wiele wysiłku. Wiązało się to na przykład z przekierowaniem linku do adresu URL zablokowanego w pliku robots.txt. Z tego powodu utworzona została wartość <code>nofollow</code> atrybutu <code>rel</code>. Dzięki temu webmasterzy mają teraz dokładniejszą kontrolę: zamiast uniemożliwiać wyszukiwarkom i robotom korzystanie ze wszystkich linków na stronie, mogą w prosty sposób uniemożliwić im indeksowanie określonego linku. Na przykład:

<pre lang="xhtml"><a href="signin.php" rel="nofollow">Zaloguj się</a></pre>

<h2 id="toc-w-jaki-sposb-google-traktuje-linki-oznaczone-atrybutem-nofollow">W jaki sposób Google traktuje linki oznaczone atrybutem nofollow?</h2>

Generalnie nie są one wykorzystywane. Oznacza to, że Google nie przekazuje rankingu PageRank ani tekstu kotwicy za pośrednictwem tych linków. Zasadniczo zastosowanie atrybutu <code>nofollow</code> powoduje, że pomijamy linki docelowe w naszych ogólnych mapach sieci. Docelowe strony mogą jednak pojawić się w naszym indeksie, jeśli inne witryny zawierają prowadzące do tych stron linki nieoznaczone atrybutem <code>nofollow</code> lub jeśli adresy URL zostały przesłane do Google w mapie witryny. Należy także pamiętać, że inne wyszukiwarki mogą interpretować atrybut <code>nofollow</code> w nieco inny sposób.

<h2 id="toc-jak-przedstawiaj-si-zasady-google-dotyczce-stosowania-atrybutu-nofollow-wraz-z-konkretnymi-przykadami">Jak przedstawiają się zasady Google dotyczące stosowania atrybutu nofollow wraz z konkretnymi przykładami?</h2>

Zastosowanie atrybutu <code>nofollow</code> można rozważyć w następujących przypadkach:

<ul>
	<li><strong>Treść pochodząca z niezaufanego źródła</strong>: jeśli nie możesz lub nie chcesz ręczyć za treść stron, do których prowadzą linki z Twojej witryny, na przykład niezaufane komentarze użytkowników lub wpisy w księdze gości, oznacz te linki atrybutem nofollow. Może to zniechęcić spamerów do zajmowania się Twoją witryną i zabezpieczy ją przed nieumyślnym przekazaniem rankingu PageRank do ,,złych okolic" sieci. W szczególności <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=81749">spamerzy zamieszczający komentarze</a> mogą przestać nękać określony system zarządzania treścią lub blog, jeśli zauważą, że niezaufane linki w tej usłudze są oznaczane atrybutem nofollow. Jeśli chcesz rozpoznawać i nagradzać wiarygodnych współpracowników, możesz automatycznie lub ręcznie usuwać atrybut nofollow z linków umieszczanych przez osoby, które stale przyczyniają się do zwiększania jakości treści w witrynie.</li>
	<li>Płatne linki: ranking danej witryny w wynikach wyszukiwania Google zależy częściowo od analizy witryn, w których zamieszczono prowadzące do niej linki. Aby zapobiec wpływowi płatnych linków na wyniki wyszukiwania lub negatywnemu ich oddziaływaniu na użytkownika, zachęcamy webmasterów do oznaczania tych linków atrybutem <code>nofollow</code>. Wskazówki dotyczące wyszukiwarek wymagają, aby płatne linki były ujawniane w sposób czytelny dla wyszukiwarek. Na tej samej zasadzie, w czytelny dla konsumentów sposób, są oznaczane inne płatne treści w internecie i materiałach drukowanych. Na przykład całostronicowa reklama w gazecie może być opatrzona nagłówkiem ,,Reklama"). <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=66736">Więcej informacji na temat stanowiska Google w sprawie płatnych linków</a>.</li>
	<li>Priorytet indeksowania: roboty wyszukiwarek nie mogą się logować ani rejestrować jako uczestnicy forum, dlatego nie ma powodu, aby Googlebot korzystał z linków "zarejestruj się tutaj" lub "zaloguj się". Zastosowanie do tych linków atrybutu nofollow umożliwia Googlebotowi indeksowanie innych stron, które są chętniej widziane przez Ciebie w indeksie Google. Jednak solidna struktura informacyjna - intuicyjna nawigacja, adresy URL przyjazne dla użytkowników i wyszukiwarek itd. - to dużo istotniejsze zagadnienie w kontekście wykorzystania zasobów niż wpływanie na priorytety indeksowania za pośrednictwem linków z atrybutami <code>nofollow</code>.</li>
</ul>

<h2 id="toc-w-jaki-sposb-atrybut-nofollow-dziaa-z-interfejsem-social-graph-api-relnofollow-me">W jaki sposób atrybut <code>nofollow</code> działa z interfejsem Social Graph API (rel="nofollow me")?</h2>

Jeśli udostępniasz profile użytkowników i zezwalasz użytkownikom na tworzenie linków do innych profilów w internecie, zachęcamy do oznaczania takich linków mikroformatem <code>rel="me"</code>, tak aby mogły być udostępniane za pośrednictwem interfejsu Social Graph API. Na przykład:

<pre lang="xhtml"><a href="http://blog.example.com" rel="me">Mój blog</a></pre>

Ponieważ jednak linki te są generowane przez użytkowników i mogą niekiedy prowadzić do niezaufanych stron, zalecamy oznaczanie ich atrybutem <code>nofollow</code>. Na przykład:

<pre lang="xhtml"><a href="http://blog.example.com" rel="me nofollow">Mój blog</a></pre>

Przy zapisie <code>rel="me nofollow"</code> Google będzie nadal w oczekiwany sposób traktować atrybut <code>rel="nofollow"</code> do celów wyszukiwania, na przykład nie będzie przenosić rankingu PageRank. Dla potrzeb interfejsu Social Graph API będziemy jednak uwzględniać link rel="me" nawet w połączeniu z atrybutem nofollow.

Jeśli możesz zweryfikować prawa własności do linku przy użyciu technologii określania tożsamości, takich jak <a href="https://openid.org/home">OpenID</a> czy <a href="http://oauth.net/">OAuth</a>, możesz zdecydować o usunięciu linku nofollow.

Aby uniemożliwić indeksowanie adresu URL typu <code>rel="me nofollow"</code>, możesz zastosować plik <code>robots.txt</code>. Standardowe reguły wykluczania z pliku <code>robots.txt</code> są respektowane zarówno przez Googlebota, jak i interfejs Social Graph API.<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/71/atrybut-rel-nofollow' rel='bookmark' title='Atrybut rel=&#8221;nofollow&#8221;'>Atrybut rel=&#8221;nofollow&#8221;</a> <small>Atrybut rel="nofollow" dla linków na stronach www początkowo był pewnym...</small></li>
<li><a href='http://www.ikeris.com/369/atrybut-placeholder-i-jego-stylowanie' rel='bookmark' title='Atrybut placeholder i jego stylowanie'>Atrybut placeholder i jego stylowanie</a> <small>Jeszcze zanim powstał atrybut placeholder efekt "znikania" tekstu, jeśli kliknę...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h2 id="toc-wstp">Wstęp</h2>
<p>Wiele informacji w sieci jest na temat traktowania przez Google atrybutu <code>rel</code> z wartością <code>nofollow</code>. Wydaje się, że chyba najlepszym źródłem informacji będzie samo Google. Poniższa <strong>treść pochodzi z samego Google</strong> z artykułu o nazwie <a href="http://www.google.com/support/webmasters/bin/answer.py?hl=pl&answer=96569#referrer=www.ikeris.com"><q>Atrybut rel="nofollow" - informacje</q></a>.</p>
<h2 id="toc-po-co-jest-relnofollow">Po co jest <code>rel="nofollow"</code>?</h2>
<p>Atrybut <code>nofollow</code> jest dla webmasterów sposobem informowania wyszukiwarek, że nie mogą wykorzystywać wszystkich lub niektórych linków znajdujących się na określonej stronie.</p>
<p>Zazwyczaj atrybut <code>nofollow</code> występował w meta tagu na poziomie strony i uniemożliwiał wyszukiwarkom wykorzystywanie (tj. pobieranie z indeksowaniem) jakichkolwiek zawartych na stronie linków do witryn zewnętrznych. Na przykład:</p>
<pre>&lt;meta name=&quot;robots&quot; content=&quot;nofollow&quot; /&gt;</pre>
<p>Zanim atrybut <code>nofollow</code> zaczął być stosowany dla pojedynczych linków, uniemożliwienie robotom korzystania z wybranych linków na stronie wymagało wiele wysiłku. Wiązało się to na przykład z przekierowaniem linku do adresu URL zablokowanego w pliku robots.txt. Z tego powodu utworzona została wartość <code>nofollow</code> atrybutu <code>rel</code>. Dzięki temu webmasterzy mają teraz dokładniejszą kontrolę: zamiast uniemożliwiać wyszukiwarkom i robotom korzystanie ze wszystkich linków na stronie, mogą w prosty sposób uniemożliwić im indeksowanie określonego linku. Na przykład:</p>
<pre>&lt;a href=&quot;signin.php&quot; rel=&quot;nofollow&quot;&gt;Zaloguj się&lt;/a&gt;</pre>
<h2 id="toc-w-jaki-sposb-google-traktuje-linki-oznaczone-atrybutem-nofollow">W jaki sposób Google traktuje linki oznaczone atrybutem nofollow?</h2>
<p>Generalnie nie są one wykorzystywane. Oznacza to, że Google nie przekazuje rankingu PageRank ani tekstu kotwicy za pośrednictwem tych linków. Zasadniczo zastosowanie atrybutu <code>nofollow</code> powoduje, że pomijamy linki docelowe w naszych ogólnych mapach sieci. Docelowe strony mogą jednak pojawić się w naszym indeksie, jeśli inne witryny zawierają prowadzące do tych stron linki nieoznaczone atrybutem <code>nofollow</code> lub jeśli adresy URL zostały przesłane do Google w mapie witryny. Należy także pamiętać, że inne wyszukiwarki mogą interpretować atrybut <code>nofollow</code> w nieco inny sposób.</p>
<h2 id="toc-jak-przedstawiaj-si-zasady-google-dotyczce-stosowania-atrybutu-nofollow-wraz-z-konkretnymi-przykadami">Jak przedstawiają się zasady Google dotyczące stosowania atrybutu nofollow wraz z konkretnymi przykładami?</h2>
<p>Zastosowanie atrybutu <code>nofollow</code> można rozważyć w następujących przypadkach:</p>
<ul>
<li><strong>Treść pochodząca z niezaufanego źródła</strong>: jeśli nie możesz lub nie chcesz ręczyć za treść stron, do których prowadzą linki z Twojej witryny, na przykład niezaufane komentarze użytkowników lub wpisy w księdze gości, oznacz te linki atrybutem nofollow. Może to zniechęcić spamerów do zajmowania się Twoją witryną i zabezpieczy ją przed nieumyślnym przekazaniem rankingu PageRank do ,,złych okolic" sieci. W szczególności <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=81749#referrer=www.ikeris.com">spamerzy zamieszczający komentarze</a> mogą przestać nękać określony system zarządzania treścią lub blog, jeśli zauważą, że niezaufane linki w tej usłudze są oznaczane atrybutem nofollow. Jeśli chcesz rozpoznawać i nagradzać wiarygodnych współpracowników, możesz automatycznie lub ręcznie usuwać atrybut nofollow z linków umieszczanych przez osoby, które stale przyczyniają się do zwiększania jakości treści w witrynie.</li>
<li>Płatne linki: ranking danej witryny w wynikach wyszukiwania Google zależy częściowo od analizy witryn, w których zamieszczono prowadzące do niej linki. Aby zapobiec wpływowi płatnych linków na wyniki wyszukiwania lub negatywnemu ich oddziaływaniu na użytkownika, zachęcamy webmasterów do oznaczania tych linków atrybutem <code>nofollow</code>. Wskazówki dotyczące wyszukiwarek wymagają, aby płatne linki były ujawniane w sposób czytelny dla wyszukiwarek. Na tej samej zasadzie, w czytelny dla konsumentów sposób, są oznaczane inne płatne treści w internecie i materiałach drukowanych. Na przykład całostronicowa reklama w gazecie może być opatrzona nagłówkiem ,,Reklama"). <a href="http://www.google.com/support/webmasters/bin/answer.py?answer=66736#referrer=www.ikeris.com">Więcej informacji na temat stanowiska Google w sprawie płatnych linków</a>.</li>
<li>Priorytet indeksowania: roboty wyszukiwarek nie mogą się logować ani rejestrować jako uczestnicy forum, dlatego nie ma powodu, aby Googlebot korzystał z linków "zarejestruj się tutaj" lub "zaloguj się". Zastosowanie do tych linków atrybutu nofollow umożliwia Googlebotowi indeksowanie innych stron, które są chętniej widziane przez Ciebie w indeksie Google. Jednak solidna struktura informacyjna - intuicyjna nawigacja, adresy URL przyjazne dla użytkowników i wyszukiwarek itd. - to dużo istotniejsze zagadnienie w kontekście wykorzystania zasobów niż wpływanie na priorytety indeksowania za pośrednictwem linków z atrybutami <code>nofollow</code>.</li>
</ul>
<h2 id="toc-w-jaki-sposb-atrybut-nofollow-dziaa-z-interfejsem-social-graph-api-relnofollow-me">W jaki sposób atrybut <code>nofollow</code> działa z interfejsem Social Graph API (rel="nofollow me")?</h2>
<p>Jeśli udostępniasz profile użytkowników i zezwalasz użytkownikom na tworzenie linków do innych profilów w internecie, zachęcamy do oznaczania takich linków mikroformatem <code>rel="me"</code>, tak aby mogły być udostępniane za pośrednictwem interfejsu Social Graph API. Na przykład:</p>
<pre>&lt;a href=&quot;http://blog.example.com&quot; rel=&quot;me&quot;&gt;Mój blog&lt;/a&gt;</pre>
<p>Ponieważ jednak linki te są generowane przez użytkowników i mogą niekiedy prowadzić do niezaufanych stron, zalecamy oznaczanie ich atrybutem <code>nofollow</code>. Na przykład:</p>
<pre>&lt;a href=&quot;http://blog.example.com&quot; rel=&quot;me nofollow&quot;&gt;Mój blog&lt;/a&gt;</pre>
<p>Przy zapisie <code>rel="me nofollow"</code> Google będzie nadal w oczekiwany sposób traktować atrybut <code>rel="nofollow"</code> do celów wyszukiwania, na przykład nie będzie przenosić rankingu PageRank. Dla potrzeb interfejsu Social Graph API będziemy jednak uwzględniać link rel="me" nawet w połączeniu z atrybutem nofollow.</p>
<p>Jeśli możesz zweryfikować prawa własności do linku przy użyciu technologii określania tożsamości, takich jak <a href="https://openid.org/home#referrer=www.ikeris.com">OpenID</a> czy <a href="http://oauth.net/#referrer=www.ikeris.com">OAuth</a>, możesz zdecydować o usunięciu linku nofollow.</p>
<p>Aby uniemożliwić indeksowanie adresu URL typu <code>rel="me nofollow"</code>, możesz zastosować plik <code>robots.txt</code>. Standardowe reguły wykluczania z pliku <code>robots.txt</code> są respektowane zarówno przez Googlebota, jak i interfejs Social Graph API.</p>
<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/71/atrybut-rel-nofollow' rel='bookmark' title='Atrybut rel=&#8221;nofollow&#8221;'>Atrybut rel=&#8221;nofollow&#8221;</a> <small>Atrybut rel="nofollow" dla linków na stronach www początkowo był pewnym...</small></li>
<li><a href='http://www.ikeris.com/369/atrybut-placeholder-i-jego-stylowanie' rel='bookmark' title='Atrybut placeholder i jego stylowanie'>Atrybut placeholder i jego stylowanie</a> <small>Jeszcze zanim powstał atrybut placeholder efekt "znikania" tekstu, jeśli kliknę...</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/585/atrybut-rel-nofollow-i-google/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Jak uzyskać dostęp do root-a na Samsung Galaxy Tab P-1000 oraz upgrade do Android 2.3.3 Gingerbread</title>
		<link>http://www.ikeris.com/570/jak-uzyskac-dostep-do-root-a-na-samsung-galaxy-tab-p-1000-oraz-upgrade-do-android-2-3-3-gingerbread</link>
		<comments>http://www.ikeris.com/570/jak-uzyskac-dostep-do-root-a-na-samsung-galaxy-tab-p-1000-oraz-upgrade-do-android-2-3-3-gingerbread#comments</comments>
		<pubDate>Sun, 21 Aug 2011 10:14:33 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[Mobile]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[Galaxy]]></category>
		<category><![CDATA[Gingerbread]]></category>
		<category><![CDATA[Root]]></category>
		<category><![CDATA[Samsung]]></category>
		<category><![CDATA[Tab]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=570</guid>
		<description><![CDATA[<p class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/08/samsung-galaxy-tab-p1000.jpg" alt="samsung galaxy tab p-1000" title="samsung-galaxy-tab-p1000" width="200" height="200" class="alignnone size-full wp-image-580" /></p>
<strong>Dostęp do konta root</strong> w tab-ie Samsung Galaxy Tab P-1000 oraz systemie Android 2.3.3 Gingerbread pozwala na skorzystanie z wielu dodatkowych możliwości. Jedną z nich jest możliwość odinstalowania niektórych aplikacji systemowych jak np. Pulse News czy usługi <em>skanowania multimediów</em>. "Pożerają" zasoby baterii a nierzadko nie są nam potrzebne. Poniżej jest instrukcja jak dokonać upgrade-u do <strong>Androida 2.3.3 Gingerbread</strong> wraz z <strong>kontem root</strong>.

<div class="errors"><p>Poniższe instrukcje robisz na własną odpowiedzialność.</p></div>

Zatem po kolei:

<ol>
	<li>Na początek <a href='http://www.ikeris.com/wp-content/uploads/2011/08/CF-Root-TAB7_XX_OXA_JQ1-v3.3-CWM3RFS.tar'>ściągnij program CF-Root</a> [CF-Root-TAB7_XX_OXA_JQ1-v3.3-CWM3RFS.zip] (<a href="http://forum.xda-developers.com/attachment.php?attachmentid=593112&#038;d=1305133135">link alternatywny</a>)</li>
	<li>Jeśli nie masz programu ODIN, to <a href='http://www.ikeris.com/wp-content/uploads/2011/08/Odin3-v1.7.zip'>ściągnij go</a> (<a href="http://www.addictivetips.com/?attachment_id=46786">link alternatywny</a>). Upewnij się, że urządzenie jest odłączone od komputera i uruchom program ODIN.</li>
	<li>W programie ODIN kliknij na przycisk PDA i wybierz plik CF-Root-TAB7_XX_OXA_JQ1-v3.3-CWM3RFS.tar.</li>
	<li>Teraz ustaw urządzenie w trybie <strong>download mode</strong> (wyłącz i potem uruchom urządzenie jednocześnie trzymając przycisk głośności w dół i włącznika urządzenia) i podłącz je do komputera przez USB.</li>
	<li>Upewnij się, że w programie ODIN <strong>nie jest zaznaczona</strong> opcja <em>Repartition</em>.</li>
	<li>W programie ODIN kliknij na przycisk Start. Po zakończeniu procesu urządzenie zrestartuje się. Od tej chwili ciesz się dostępem do konta root.</li>
</ol>

<p>Jak wszystko przebiegnie prawidłowo, to ODIN powinien wyglądać tak, jak na poniższym zrzucie z ekranu (właściwie okna ODIN-a): <a href="http://www.ikeris.com/wp-content/uploads/2011/08/odin.png"><img src="http://www.ikeris.com/wp-content/uploads/2011/08/odin-300x212.png" alt="Odin - zrzut widoku" title="odin" width="300" height="212" class="alignnone size-medium wp-image-576" /></a></p>

Powyższy opis pochodzi z artykułu <a href="http://www.addictivetips.com/mobile/how-to-root-samsung-galaxy-tab-on-android-2-3-3-gingerbread/"><q>How To Root Samsung Galaxy Tab On Android 2.3.3 Gingerbread</q></a>, aczkolwiek został przetestowany i jak najbardziej działa.

<strong>Uwaga!</strong> Wprawdzie można odinstalować tzw. Media Scanner, który uruchamia się podczas startu systemu, ale wówczas nie będzie dostępu do aparatu i nie będzie widać zdjęć w galerii. A przynajmniej było to widać po aktualizacji wyżej opisanej i odinstalowaniu Media Scanner-a.
Brak powiązanych wpisów.]]></description>
			<content:encoded><![CDATA[<p class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/08/samsung-galaxy-tab-p1000.jpg" alt="samsung galaxy tab p-1000" title="samsung-galaxy-tab-p1000" width="200" height="200" class="alignnone size-full wp-image-580" /></p>
<p><strong>Dostęp do konta root</strong> w tab-ie Samsung Galaxy Tab P-1000 oraz systemie Android 2.3.3 Gingerbread pozwala na skorzystanie z wielu dodatkowych możliwości. Jedną z nich jest możliwość odinstalowania niektórych aplikacji systemowych jak np. Pulse News czy usługi <em>skanowania multimediów</em>. "Pożerają" zasoby baterii a nierzadko nie są nam potrzebne. Poniżej jest instrukcja jak dokonać upgrade-u do <strong>Androida 2.3.3 Gingerbread</strong> wraz z <strong>kontem root</strong>.</p>
<div class="errors">
<p>Poniższe instrukcje robisz na własną odpowiedzialność.</p>
</div>
<p>Zatem po kolei:</p>
<ol>
<li>Na początek <a href='http://www.ikeris.com/wp-content/uploads/2011/08/CF-Root-TAB7_XX_OXA_JQ1-v3.3-CWM3RFS.tar'>ściągnij program CF-Root</a> [CF-Root-TAB7_XX_OXA_JQ1-v3.3-CWM3RFS.zip] (<a href="http://forum.xda-developers.com/attachment.php?attachmentid=593112&d=1305133135#referrer=www.ikeris.com">link alternatywny</a>)</li>
<li>Jeśli nie masz programu ODIN, to <a href='http://www.ikeris.com/wp-content/uploads/2011/08/Odin3-v1.7.zip'>ściągnij go</a> (<a href="http://www.addictivetips.com/?attachment_id=46786#referrer=www.ikeris.com">link alternatywny</a>). Upewnij się, że urządzenie jest odłączone od komputera i uruchom program ODIN.</li>
<li>W programie ODIN kliknij na przycisk PDA i wybierz plik CF-Root-TAB7_XX_OXA_JQ1-v3.3-CWM3RFS.tar.</li>
<li>Teraz ustaw urządzenie w trybie <strong>download mode</strong> (wyłącz i potem uruchom urządzenie jednocześnie trzymając przycisk głośności w dół i włącznika urządzenia) i podłącz je do komputera przez USB.</li>
<li>Upewnij się, że w programie ODIN <strong>nie jest zaznaczona</strong> opcja <em>Repartition</em>.</li>
<li>W programie ODIN kliknij na przycisk Start. Po zakończeniu procesu urządzenie zrestartuje się. Od tej chwili ciesz się dostępem do konta root.</li>
</ol>
<p>Jak wszystko przebiegnie prawidłowo, to ODIN powinien wyglądać tak, jak na poniższym zrzucie z ekranu (właściwie okna ODIN-a): <a href="http://www.ikeris.com/wp-content/uploads/2011/08/odin.png"><img src="http://www.ikeris.com/wp-content/uploads/2011/08/odin-300x212.png" alt="Odin - zrzut widoku" title="odin" width="300" height="212" class="alignnone size-medium wp-image-576" /></a></p>
<p>Powyższy opis pochodzi z artykułu <a href="http://www.addictivetips.com/mobile/how-to-root-samsung-galaxy-tab-on-android-2-3-3-gingerbread/#referrer=www.ikeris.com"><q>How To Root Samsung Galaxy Tab On Android 2.3.3 Gingerbread</q></a>, aczkolwiek został przetestowany i jak najbardziej działa.</p>
<p><strong>Uwaga!</strong> Wprawdzie można odinstalować tzw. Media Scanner, który uruchamia się podczas startu systemu, ale wówczas nie będzie dostępu do aparatu i nie będzie widać zdjęć w galerii. A przynajmniej było to widać po aktualizacji wyżej opisanej i odinstalowaniu Media Scanner-a.</p>
<p>Brak powiązanych wpisów.</p>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/570/jak-uzyskac-dostep-do-root-a-na-samsung-galaxy-tab-p-1000-oraz-upgrade-do-android-2-3-3-gingerbread/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Dostosowanie stron www do potrzeb osób niepełnosprawnych i jak utrudniamy życie użytkownikom</title>
		<link>http://www.ikeris.com/542/dostosowanie-stron-www-do-potrzeb-osob-niepelnosprawnych-i-jak-utrudniamy-zycie-uzytkownikom</link>
		<comments>http://www.ikeris.com/542/dostosowanie-stron-www-do-potrzeb-osob-niepelnosprawnych-i-jak-utrudniamy-zycie-uzytkownikom#comments</comments>
		<pubDate>Fri, 19 Aug 2011 14:51:05 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[Accessibility]]></category>
		<category><![CDATA[dostępność]]></category>
		<category><![CDATA[dostosowanie]]></category>
		<category><![CDATA[niepełnosprawni]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=542</guid>
		<description><![CDATA[<p class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/08/people_and_disability_icon.png" alt="Ikony dotyczące dostępności" title="Ikony dotyczące dostępności" width="192" height="192" class="alignnone size-full wp-image-545" /></p>

<h2 id="toc-sowo-wstpu">Słowo wstępu</h2>
Nie ma jednej <q>recepty</q> na <strong>dostosowanie stron www do potrzeb osób niepełnosprawnych, słabowidzących</strong>, itd. Nie da się też <q>jednym kliknięciem</q> spowodować to, że dana witryna będzie w pełni dostępna. Niemniej jednak istnieją kryteria, których spełnienie zapewnia maksymalną dostępność do zawartości witryny. Stu procentowej nie ma dostępności, bo np. przeglądarka ma błąd, który uniemożliwia skorzystanie z danej opcji (źle działa lub w ogóle nie funkcjonuje). Niemniej jednak zastosowanie opisanych wskazówek w WCAG da korzyść nie tylko osobom niepełnosprawnym, ale także i pozostałym użytkownikom.

Kryteria, o których mowa wyżej, są spisane pod nazwą <a href="http://www.w3.org/WAI/intro/wcag20"><q>Web Content Accessibility Guidelines (WCAG) Overview</q></a>. Zapoznanie się z nimi to jedno, a umiejętności ich stosowania to drugie. Niestety, sporo osób słyszało <q>coś tam o organizacji W3C</q>, a jeszcze mniej o WCAG (w wersji 2.0 obecnie, ostatnia aktualizacja jest z 18 grudnia 2008 r.).

<h2 id="toc-jak-utrudniamy-ycie-uytkownikom">Jak utrudniamy życie użytkownikom</h2>

<ul>
<li><h3 id="toc-nieprawidowo-tworzone-formularze">Nieprawidłowo tworzone formularze</h3>
To jeden z najczęstszych błędów, gdzie nie ma <code>label</code>-i, zrozumiałych opisów pól, <strong>możliwości nawigacji z klawiatury</strong> i <strong>uzależnienie działania formularza od JavaScript-u</strong>. Bardzo rzadko spotyka się formularze, które zadziałają bez JavaScript-u, a jeszcze rzadziej takie, które mają kod JavaScript całkowicie odseparowany od kodu HTML. <strong>Wykonanie czegoś takiego nie jest ani nie niemożliwe, ani nie zajmuje w programowaniu więcej czasu</strong>.

Ponadto brak jasnych komunikatów o błędach (najczęściej to komunikaty w stylu <q>Błąd 503. Nie można wykonać żądania do serwera.</q>). Najlepsze są takie, które podają co najmniej zrozumiały opis błędu (co się stało), czego brakuje i jak to rozwiązać + wskazanie błędnego pola.

Starajmy się budować formularze proste i, jeśli to możliwe, z opisami w atrybucie <code>title</code> w danym polu. Ułatwi to użytkownikowi wprowadzanie danych.
</li>
<li><h3 id="toc-uzalenienie-od-konkretnych-technologii-i-zewntrznego-oprogramowania">Uzależnienie od konkretnych technologii i zewnętrznego oprogramowania</h3>
Czy nasze witryny (aplikacje) zadziałają bez flash-a? JavaScript-u? Są też takie witryny, co ani rusz bez Javy. Tu nie chodzi o to czy te technologie są złe, bo nie są. Chodzi o to, że najczęściej są niewłaściwie wykorzystywane. Spieszymy się, to produkujemy kod <q>jak leci</q>, co powoduje, że i również efekt na końcu jest <q>jak leci</q>.

Już na samym etapie programowania należałoby się zastanowić jak wykorzystać daną technologię czy rozwiązanie, by nie zaszkodzić innym użytkownikom. By nie <q>odciąć</q> ich od siebie. Prosty przykład:

<pre lang="xhtml"><a href="javascript:void(0);" class="button" onclick="document.forms[0].submit();">Wyślij</a></pre>

W przypadku wyłączone lub niedostępnego JavaScript-u formularz traci całkowicie swoją funkcjonalność.

O <a href="http://www.ikeris.com/457/aby-strona-wyswietlila-sie-prawidlowo" title="Aby strona wyświetliła się prawidłowo…">uwagach do flash-a</a> było wcześniej pisane.
</li>
<li><h3 id="toc-nadmierna-ilo-i-nieprawidowo-stosowany-ajax-xmlhttprequest">Nadmierna ilość i nieprawidłowo stosowany Ajax (XMLHttpRequest)</h3>
Komunikacja przy wykorzystaniu protokołu <strong>XMLHttpRequest</strong> to świetny pomysł, ale nie zawsze. Często zapominamy o tym, że użytkownik może:

<ul>
<li>Kliknąć <em><kbd>Wstecz</kbd></em>. Gdzie wówczas wróci? No właśnie tam, gdzie nie chcemy i użytkownik gubi się.</li>
<li>Mieć zainstalowany plugin np. NoScript. Wówczas będzie krzyk <q>coś mi to nie działa</q>.</li>
<li>Zbyt szybko kliknąć w link lub button zanim się skrypty załadują. Może się coś stać nieprzewidzianego, ale nie musi. Zależy od tego np. czy po stronie serwera wykona się jakaś nie pożądana akcja.</li>
</ul>

Czasem, paradoksalnie, w ogóle ajax może <q>nie opłacać się</q>. Dobre ustawienia cache (m.in. nagłówki <code>expires</code> i <code>not modified 304</code>), optymalizacja żądań http (im mniej, tym lepiej) i kompresja plików może dać niewiarygodne efekty.

Często brakuje też tzw. <q>ajax indicator</q>-a. Chodzi o to, że klik powoduje akcję <q>ajaksową</q>, ale użytkownik o tym nie wie. Warto wówczas wyświetlić jakiś mały komunikat, że <q>Trwa ładowanie. Czekaj</q> czy coś podobnego.
</li>
<li><h3 id="toc-zbyt-mae-lub-za-bardzo-zagniedone-przyciski">Zbyt małe lub za bardzo zagnieżdżone przyciski</h3>
Duży obszar klikalny zapewnia łatwiejszy dostęp do przycisku czy linku. A więc nie stosujmy mikroskopijnych przycisków czy linków. Trudno w nie po prostu kliknąć korzystając z myszy czy np. na urządzeniu przenośnym jak telefon czy tablet.

Tak samo nie zagnieżdżajmy obok siebie zbyt blisko przycisków czy linków, ponieważ na urządzeniach mobilnych trudno w nie trafić. Tak, wiadomo, można powiększyć ekran, ale i tu zdarzały się czasem problemy z prawidłowym kliknięciem w np. link (obszar klikalny był renderowany zupełnie powyżej odnośnika; czasem pomaga nadanie linkowi stylu <code>display:inline-block;</code>).
</li>
<li><h3 id="toc-sensowne-tytuy-stron">Sensowne tytuły stron</h3>
Osoby niewidome, w tym także wyszukiwarki, szczególnie korzystają z dobrodziejstwa tag-u <code>title</code> i nagłówków <code>hx</code>. Starajmy się właściwie nadawać tytuły poszczególnym stronom. Najgorzej, jeśli każda podstrona ma ten sam tytuł np. <q>Firma ABC</q>. Niech tytuł każdej strony odzwierciedla dokładnie to, co ona zawiera. Przykład prawidłowego <code>title</code>: <q>Formularz zamówienia &#124; Firma ABC</q>.
</li>
<li><h3 id="toc-brak-nagwkw-i-ich-hierarchii">Brak nagłówków i ich hierarchii</h3>
Nagłówki, a tym bardziej ułożenie ich w sposób hierarchiczny, to nadal nie częsty widok. Albo ich nie ma wcale (cały html [w uproszczeniu] czasem składa się z <code>div</code>-ów, <code>p</code> i czasem <code>span</code>-ów), albo występują w niezrozumiałej kolejności. Czasem nawet w ogóle nie wiadomo po co w danym miejscu jest nagłówek, bo chyba wskoczył <q>przypadkowo</q>.

Nagłówki pozwalają <q>dzielić</q> na sekcje daną stronę. Możemy szybko i łatwo <q>zeskanować</q> treść i zatrzymać się tam, gdzie treść nas najbardziej interesuje. Z kolei osoby niewidome za pomocą czytnika ekranowego ściągają zawartość strony i <q>przelatują</q> ją szybko po nagłówkach. Jeśli istnieją. To znacznie ułatwia im poruszanie się po treści.

Przykład:
<pre lang="xhtml">[h1]Obsługa klienta[/h1]
[h2]Dział Handlowy[/h2]
[...]
[h2]Dział Serwisu[/h2]</pre>

<small>Info: (Nawiasy kwadratowe w kodzie ze względu na plugin tworzący automatycznie spis treści danego wpisu)</small>

<li><h3 id="toc-brak-alternatywnego-opisu-grafik">Brak alternatywnego opisu grafik</h3>
Nie da się usłyszeć znaczenia grafiki zamieszczonej na stronie jeśli grafika nie ma alternatywnego opisu (atrybut <code>alt</code>). Z alternatywnego opisu nie tylko korzystają osoby niewidome, ale i również wyszukiwarki.
</li>
<li><h3 id="toc-mao-sensownie-opisane-odnoniki">Mało sensownie opisane odnośniki</h3>
Nie rzadko mamy opisy ich w stylu <q>kliknij tutaj</q> lub <q>więcej</q>. Użytkownik nie za bardzo wie gdzie zostanie przeniesiony po kliknięciu w odnośnik. O wiele lepszym rozwiązaniem jest stosowanie opisów, które powiedzą nam coś więcej znaczeniowo. Np. <q>Skorzystaj z <a href="http://www.ikeris.com/pomoc-do-strony" title="Pomoc do strony">pomocy do strony</a>, która zawiera podstawowe wskazówki dotyczące obsługi niniejszej witryny</q>.</li>
<li><h3 id="toc-captcha">Captcha</h3>
Nie męcz użytkownika <a href="http://pl.wikipedia.org/wiki/CAPTCHA">captch-ą</a>. Nie dość, że słabe to zabezpieczenie, to jeszcze utrudnia ono życie niedowidzącym i niewidomym. Captchę można było również spotkać w miejscach, gdzie użytkownik już był zidentyfikowany (np. wewnątrz elektronicznego systemu bankowego).</li>
</ul>

<h2 id="toc-co-robi-skd-mam-wiedzie-z-czego-bd-korzysta-uytkownicy-przy-czytaniu-zawartoci-mojej-strony">Co robić? Skąd mam wiedzieć z czego będą korzystać użytkownicy przy czytaniu zawartości mojej strony?</h2>

Tego nie musisz wiedzieć. Pewne jest tylko to, że nigdy nie wiadomo w jaki sposób użytkownicy próbują dostać się do Twojej zawartości. Nie możesz kontrolować tego, w jaki sposób użytkownik chce odbierać Twoją zawartość. Możesz jednak zrobić serwis internetowy tak, aby każdy mógł z niego skorzystać, niezależnie od ograniczeń użytkownika.

<h2 id="toc-podsumowanie">Podsumowanie</h2>
Powyższa lista, rzecz jasna, nie wyczerpuje całego zagadnienia, ale jest przynajmniej pewnym naświetleniem niektórych problemów występujących w sieci internet.<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/198/dostosowanie-stron-internetowych-administracji-publicznej-do-potrzeb-osob-niewidomych' rel='bookmark' title='Dostosowanie stron internetowych administracji publicznej do potrzeb osób niewidomych'>Dostosowanie stron internetowych administracji publicznej do potrzeb osób niewidomych</a> <small>Na stronie Sejmu RP jest odpowiedź na interpelację nr 1428...</small></li>
<li><a href='http://www.ikeris.com/273/ajax-kiedy-nie-jest-wspierany-i-jak-sie-zabezpieczyc-przed-tym' rel='bookmark' title='AJAX &#8211; kiedy nie jest wspierany i jak się zabezpieczyć przed tym'>AJAX &#8211; kiedy nie jest wspierany i jak się zabezpieczyć przed tym</a> <small>Kiedy AJAX nie jest dostępny? Większość twórców rozwiązań w internecie...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p class="fleft"><img src="http://www.ikeris.com/wp-content/uploads/2011/08/people_and_disability_icon.png" alt="Ikony dotyczące dostępności" title="Ikony dotyczące dostępności" width="192" height="192" class="alignnone size-full wp-image-545" /></p>
<h2 id="toc-sowo-wstpu">Słowo wstępu</h2>
<p>Nie ma jednej <q>recepty</q> na <strong>dostosowanie stron www do potrzeb osób niepełnosprawnych, słabowidzących</strong>, itd. Nie da się też <q>jednym kliknięciem</q> spowodować to, że dana witryna będzie w pełni dostępna. Niemniej jednak istnieją kryteria, których spełnienie zapewnia maksymalną dostępność do zawartości witryny. Stu procentowej nie ma dostępności, bo np. przeglądarka ma błąd, który uniemożliwia skorzystanie z danej opcji (źle działa lub w ogóle nie funkcjonuje). Niemniej jednak zastosowanie opisanych wskazówek w WCAG da korzyść nie tylko osobom niepełnosprawnym, ale także i pozostałym użytkownikom.</p>
<p>Kryteria, o których mowa wyżej, są spisane pod nazwą <a href="http://www.w3.org/WAI/intro/wcag20#referrer=www.ikeris.com"><q>Web Content Accessibility Guidelines (WCAG) Overview</q></a>. Zapoznanie się z nimi to jedno, a umiejętności ich stosowania to drugie. Niestety, sporo osób słyszało <q>coś tam o organizacji W3C</q>, a jeszcze mniej o WCAG (w wersji 2.0 obecnie, ostatnia aktualizacja jest z 18 grudnia 2008 r.).</p>
<h2 id="toc-jak-utrudniamy-ycie-uytkownikom">Jak utrudniamy życie użytkownikom</h2>
<ul>
<li>
<h3 id="toc-nieprawidowo-tworzone-formularze">Nieprawidłowo tworzone formularze</h3>
<p>To jeden z najczęstszych błędów, gdzie nie ma <code>label</code>-i, zrozumiałych opisów pól, <strong>możliwości nawigacji z klawiatury</strong> i <strong>uzależnienie działania formularza od JavaScript-u</strong>. Bardzo rzadko spotyka się formularze, które zadziałają bez JavaScript-u, a jeszcze rzadziej takie, które mają kod JavaScript całkowicie odseparowany od kodu HTML. <strong>Wykonanie czegoś takiego nie jest ani nie niemożliwe, ani nie zajmuje w programowaniu więcej czasu</strong>.</p>
<p>Ponadto brak jasnych komunikatów o błędach (najczęściej to komunikaty w stylu <q>Błąd 503. Nie można wykonać żądania do serwera.</q>). Najlepsze są takie, które podają co najmniej zrozumiały opis błędu (co się stało), czego brakuje i jak to rozwiązać + wskazanie błędnego pola.</p>
<p>Starajmy się budować formularze proste i, jeśli to możliwe, z opisami w atrybucie <code>title</code> w danym polu. Ułatwi to użytkownikowi wprowadzanie danych.
</li>
<li>
<h3 id="toc-uzalenienie-od-konkretnych-technologii-i-zewntrznego-oprogramowania">Uzależnienie od konkretnych technologii i zewnętrznego oprogramowania</h3>
<p>Czy nasze witryny (aplikacje) zadziałają bez flash-a? JavaScript-u? Są też takie witryny, co ani rusz bez Javy. Tu nie chodzi o to czy te technologie są złe, bo nie są. Chodzi o to, że najczęściej są niewłaściwie wykorzystywane. Spieszymy się, to produkujemy kod <q>jak leci</q>, co powoduje, że i również efekt na końcu jest <q>jak leci</q>.</p>
<p>Już na samym etapie programowania należałoby się zastanowić jak wykorzystać daną technologię czy rozwiązanie, by nie zaszkodzić innym użytkownikom. By nie <q>odciąć</q> ich od siebie. Prosty przykład:</p>
<pre>&lt;a href=&quot;javascript:void(0);&quot; class=&quot;button&quot; onclick=&quot;document.forms[0].submit();&quot;&gt;Wyślij&lt;/a&gt;</pre>
<p>W przypadku wyłączone lub niedostępnego JavaScript-u formularz traci całkowicie swoją funkcjonalność.</p>
<p>O <a href="http://www.ikeris.com/457/aby-strona-wyswietlila-sie-prawidlowo" title="Aby strona wyświetliła się prawidłowo…">uwagach do flash-a</a> było wcześniej pisane.
</li>
<li>
<h3 id="toc-nadmierna-ilo-i-nieprawidowo-stosowany-ajax-xmlhttprequest">Nadmierna ilość i nieprawidłowo stosowany Ajax (XMLHttpRequest)</h3>
<p>Komunikacja przy wykorzystaniu protokołu <strong>XMLHttpRequest</strong> to świetny pomysł, ale nie zawsze. Często zapominamy o tym, że użytkownik może:</p>
<ul>
<li>Kliknąć <em><kbd>Wstecz</kbd></em>. Gdzie wówczas wróci? No właśnie tam, gdzie nie chcemy i użytkownik gubi się.</li>
<li>Mieć zainstalowany plugin np. NoScript. Wówczas będzie krzyk <q>coś mi to nie działa</q>.</li>
<li>Zbyt szybko kliknąć w link lub button zanim się skrypty załadują. Może się coś stać nieprzewidzianego, ale nie musi. Zależy od tego np. czy po stronie serwera wykona się jakaś nie pożądana akcja.</li>
</ul>
<p>Czasem, paradoksalnie, w ogóle ajax może <q>nie opłacać się</q>. Dobre ustawienia cache (m.in. nagłówki <code>expires</code> i <code>not modified 304</code>), optymalizacja żądań http (im mniej, tym lepiej) i kompresja plików może dać niewiarygodne efekty.</p>
<p>Często brakuje też tzw. <q>ajax indicator</q>-a. Chodzi o to, że klik powoduje akcję <q>ajaksową</q>, ale użytkownik o tym nie wie. Warto wówczas wyświetlić jakiś mały komunikat, że <q>Trwa ładowanie. Czekaj</q> czy coś podobnego.
</li>
<li>
<h3 id="toc-zbyt-mae-lub-za-bardzo-zagniedone-przyciski">Zbyt małe lub za bardzo zagnieżdżone przyciski</h3>
<p>Duży obszar klikalny zapewnia łatwiejszy dostęp do przycisku czy linku. A więc nie stosujmy mikroskopijnych przycisków czy linków. Trudno w nie po prostu kliknąć korzystając z myszy czy np. na urządzeniu przenośnym jak telefon czy tablet.</p>
<p>Tak samo nie zagnieżdżajmy obok siebie zbyt blisko przycisków czy linków, ponieważ na urządzeniach mobilnych trudno w nie trafić. Tak, wiadomo, można powiększyć ekran, ale i tu zdarzały się czasem problemy z prawidłowym kliknięciem w np. link (obszar klikalny był renderowany zupełnie powyżej odnośnika; czasem pomaga nadanie linkowi stylu <code>display:inline-block;</code>).
</li>
<li>
<h3 id="toc-sensowne-tytuy-stron">Sensowne tytuły stron</h3>
<p>Osoby niewidome, w tym także wyszukiwarki, szczególnie korzystają z dobrodziejstwa tag-u <code>title</code> i nagłówków <code>hx</code>. Starajmy się właściwie nadawać tytuły poszczególnym stronom. Najgorzej, jeśli każda podstrona ma ten sam tytuł np. <q>Firma ABC</q>. Niech tytuł każdej strony odzwierciedla dokładnie to, co ona zawiera. Przykład prawidłowego <code>title</code>: <q>Formularz zamówienia | Firma ABC</q>.
</li>
<li>
<h3 id="toc-brak-nagwkw-i-ich-hierarchii">Brak nagłówków i ich hierarchii</h3>
<p>Nagłówki, a tym bardziej ułożenie ich w sposób hierarchiczny, to nadal nie częsty widok. Albo ich nie ma wcale (cały html [w uproszczeniu] czasem składa się z <code>div</code>-ów, <code>p</code> i czasem <code>span</code>-ów), albo występują w niezrozumiałej kolejności. Czasem nawet w ogóle nie wiadomo po co w danym miejscu jest nagłówek, bo chyba wskoczył <q>przypadkowo</q>.</p>
<p>Nagłówki pozwalają <q>dzielić</q> na sekcje daną stronę. Możemy szybko i łatwo <q>zeskanować</q> treść i zatrzymać się tam, gdzie treść nas najbardziej interesuje. Z kolei osoby niewidome za pomocą czytnika ekranowego ściągają zawartość strony i <q>przelatują</q> ją szybko po nagłówkach. Jeśli istnieją. To znacznie ułatwia im poruszanie się po treści.</p>
<p>Przykład:</p>
<pre>[h1]Obsługa klienta[/h1]
[h2]Dział Handlowy[/h2]
[...]
[h2]Dział Serwisu[/h2]</pre>
<p><small>Info: (Nawiasy kwadratowe w kodzie ze względu na plugin tworzący automatycznie spis treści danego wpisu)</small></p>
<li>
<h3 id="toc-brak-alternatywnego-opisu-grafik">Brak alternatywnego opisu grafik</h3>
<p>Nie da się usłyszeć znaczenia grafiki zamieszczonej na stronie jeśli grafika nie ma alternatywnego opisu (atrybut <code>alt</code>). Z alternatywnego opisu nie tylko korzystają osoby niewidome, ale i również wyszukiwarki.
</li>
<li>
<h3 id="toc-mao-sensownie-opisane-odnoniki">Mało sensownie opisane odnośniki</h3>
<p>Nie rzadko mamy opisy ich w stylu <q>kliknij tutaj</q> lub <q>więcej</q>. Użytkownik nie za bardzo wie gdzie zostanie przeniesiony po kliknięciu w odnośnik. O wiele lepszym rozwiązaniem jest stosowanie opisów, które powiedzą nam coś więcej znaczeniowo. Np. <q>Skorzystaj z <a href="http://www.ikeris.com/pomoc-do-strony" title="Pomoc do strony">pomocy do strony</a>, która zawiera podstawowe wskazówki dotyczące obsługi niniejszej witryny</q>.</li>
<li>
<h3 id="toc-captcha">Captcha</h3>
<p>Nie męcz użytkownika <a href="http://pl.wikipedia.org/wiki/CAPTCHA#referrer=www.ikeris.com">captch-ą</a>. Nie dość, że słabe to zabezpieczenie, to jeszcze utrudnia ono życie niedowidzącym i niewidomym. Captchę można było również spotkać w miejscach, gdzie użytkownik już był zidentyfikowany (np. wewnątrz elektronicznego systemu bankowego).</li>
</ul>
<h2 id="toc-co-robi-skd-mam-wiedzie-z-czego-bd-korzysta-uytkownicy-przy-czytaniu-zawartoci-mojej-strony">Co robić? Skąd mam wiedzieć z czego będą korzystać użytkownicy przy czytaniu zawartości mojej strony?</h2>
<p>Tego nie musisz wiedzieć. Pewne jest tylko to, że nigdy nie wiadomo w jaki sposób użytkownicy próbują dostać się do Twojej zawartości. Nie możesz kontrolować tego, w jaki sposób użytkownik chce odbierać Twoją zawartość. Możesz jednak zrobić serwis internetowy tak, aby każdy mógł z niego skorzystać, niezależnie od ograniczeń użytkownika.</p>
<h2 id="toc-podsumowanie">Podsumowanie</h2>
<p>Powyższa lista, rzecz jasna, nie wyczerpuje całego zagadnienia, ale jest przynajmniej pewnym naświetleniem niektórych problemów występujących w sieci internet.</p>
<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/198/dostosowanie-stron-internetowych-administracji-publicznej-do-potrzeb-osob-niewidomych' rel='bookmark' title='Dostosowanie stron internetowych administracji publicznej do potrzeb osób niewidomych'>Dostosowanie stron internetowych administracji publicznej do potrzeb osób niewidomych</a> <small>Na stronie Sejmu RP jest odpowiedź na interpelację nr 1428...</small></li>
<li><a href='http://www.ikeris.com/273/ajax-kiedy-nie-jest-wspierany-i-jak-sie-zabezpieczyc-przed-tym' rel='bookmark' title='AJAX &#8211; kiedy nie jest wspierany i jak się zabezpieczyć przed tym'>AJAX &#8211; kiedy nie jest wspierany i jak się zabezpieczyć przed tym</a> <small>Kiedy AJAX nie jest dostępny? Większość twórców rozwiązań w internecie...</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/542/dostosowanie-stron-www-do-potrzeb-osob-niepelnosprawnych-i-jak-utrudniamy-zycie-uzytkownikom/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dostępność i nasi odbiorcy treści, w tym osoby niepełnosprawne</title>
		<link>http://www.ikeris.com/521/dostepnosc-i-nasi-odbiorcy-tresci-w-tym-osoby-niepelnosprawne</link>
		<comments>http://www.ikeris.com/521/dostepnosc-i-nasi-odbiorcy-tresci-w-tym-osoby-niepelnosprawne#comments</comments>
		<pubDate>Thu, 18 Aug 2011 20:27:34 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[Accessibility]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=521</guid>
		<description><![CDATA[<h2 id="toc-sowo-wstpu">Słowo wstępu</h2>

Mogłoby się wydawać, że temat <strong>dostępu do zawartości w internecie</strong>, <strong>dostosowanie stron www do potrzeb osób niepełnosprawnych</strong> i <strong>osoby niepełnosprawne</strong> to zupełnie nieistniejący problem. A przynajmniej większość nie zastanawia się nad tym chcąc zaistnieć lub będąc już w internecie. W jakiejkolwiek formie byśmy nie byli w internecie, to w zasadzie w większości przypadków <strong>chcemy dotrzeć z naszą treścią do jak największej ilości odbiorców w internecie</strong>.

Świat wirtualny, jakim jest internet, charakteryzuje się nieco innymi prawami, niż świat rzeczywisty. Nawet jak już jesteśmy w sieci internet, to jeszcze nie oznacza, że każdy będzie mógł z naszej zawartości skorzystać. W czym jest problem?

Przede wszystkim nie wiemy dokładnie kto wchodzi na naszą stronę i z jakimi ograniczeniami. Chcemy przyciągnąć jak najwięcej użytkowników do siebie, ale nie zawsze jest to takie proste. Typowe problemy internautów to:

<ul>
	<li><strong>Wolne łącze</strong> – łącza GSM oraz na obszarach słabo zurbanizowanych nadal nie są szybkie.</li>
	<li><strong>Brak wymaganych technologii</strong> – nierzadko witryny wymagają technologii, których użytkownik może nie mieć zainstalowanych lub jego urządzenia tego nie wspierają.</li>
	<li><strong>Brak wsparcia dla osób starszych i niepełnosprawnych</strong> – często zapominamy o osobach, które np. mogą tylko posługiwać się klawiaturą lub mają problemy ze wzrokiem. Według wyników kwartalnego, reprezentacyjnego Badania Aktywności Ekonomicznej Ludności (BAEL) prowadzonego przez GUS, 10.7% ludności w wieku 15 lat i więcej posiada prawne orzeczenie niepełnosprawności. Warto również zadbać o tę grupę odbiorców.</li>
</ul>

Warto sprawdzić w praktyce jak osoby, np. niewidome, posługują się internetem, starają się dotrzeć do ich treści. Można powiedzieć, że strony internetowe to dość grząski grunt i ciężko się im przez wszystko przebić. Ba! Wygląd strony ich mało interesuje, z wiadomego powodu. Przykładem są <strong>osoby niewidome</strong>, które korzystają z czytników ekranowych, czyli programów pomagających im odczytać i wypowiedzieć głosowo zawartość strony. Problem jednak w tym, że jeśli czytnik ma problem z odczytaniem strony, to cała nasza praca nad stroną na nic się zdaje, ponieważ taka osoba nie dotrze do treści.

Natomiast osoby niedowidzące powiększają sobie dość znacznie treść witryny i często włączają maksymalny kontrast. Więc użycie najlepszych kolorów i obrazów jest dla nich akurat mało użyteczne. A jak nie może dotrzeć do treści, to już jest problem, bo tracimy potencjalnego czytelnika czy też klienta.

A czy ktoś kiedyś próbował skorzystać ze strony przy użyciu tylko klawiatury? No właśnie. Są czasem sytuacje, w których chcemy korzystać z witryny z klawiatury, bo 1) jest nam wygodniej, 2) zapomnieliśmy myszki z domu, 3) nasze ręce są częściowo unieruchomione, 4) mamy problemy ruchowe i łatwiej jest nam korzystać z klawiatury, itd. Tworzymy strony internetowe. Tyle, że zapominamy, iż <strong>treść z niej można odczytać na wiele sposobów</strong>. Nie tylko myszką się posługujemy.

To tylko nieliczne z problemów, na jakie użytkownicy napotykają w sieci internet. Można jednak temu zaradzić stosując się do rozwiązań opisanych w specyfikacji <a href="http://www.w3.org/TR/WCAG20/">WCAG 2.0</a> oraz maksymalnej optymalizacji szybkości działania serwisu www. Poniżej jest dłuży opis dla tych, co chcą nieco więcej poczytać.

Oczywiście, <strong>zapraszamy do skorzystania z naszych usług badania dostępności</strong> i możliwości <strong>dostosowania witryny</strong> tak, aby każdy mógł z niej skorzystać.

<h2 id="toc-standardy-w-sieci-www">Standardy w sieci www</h2>

Standardy sieciowe zostały zaprojektowane, aby:
<ul>
	<li>Dostarczyć największych korzyści dla jak największej liczby użytkowników sieci internet,</li>
	<li>Zapewnić jak najdłuższą "żywotność" danego dokumentu sieciowego,</li>
	<li>Dostarczać strony dostępne dla większej liczby użytkowników i urządzeń internetowych,</li>
	<li>Poprawnie funkcjonować w obliczu rozwoju przeglądarek i pojawiania się na rynku nowych urządzeń komunikacyjnych z podłączeniem do internetu.</li>
</ul>

Standardy sieciowe oznaczają:

<ul>
	<li>Szybsze ładowanie plików,</li>
	<li>Kod dostępny dla większej ilości użytkowników i urządzeń,</li>
	<li>Możliwość dostosowywania stron przez użytkowników,</li>
	<li>Łatwe wdrożenie wersji do druku,</li>
	<li>Tańszy hosting,</li>
	<li>Wyższy ranking w wyszukiwarkach,</li>
	<li>Szybsze i efektywniejsze utrzymanie strony,</li>
	<li>Konkurencyjność.</li>
</ul>

Dlaczego warto mieć dostępna stronę www?

<ul>
	<li>Umożliwia odwiedzanie strony przez większą publiczność (<strong>niewidomi, upośledzeni ruchowo lub kognitywnie</strong>), a co za tym idzie zwiększenie potencjalnej grupy docelowej,</li>
	<li>Umożliwia dostęp do Twojej strony większej liczbie urządzeń (komputery "hand held", palmtop,  programy udźwiękawiające (Screen Reader), przeglądarki tekstowe, wyszukiwarki internetowe)</li>
</ul>

<h2 id="toc-projektowanie-z-uwzgldnieniem-dostpnoci">Projektowanie z uwzględnieniem dostępności</h2>

Dostępność (ang. <em>accessibility</em>) - nauka oraz zbiór standardów opisujących metody i wytyczne tworzenia serwisów WWW w sposób umożliwiający wygodny dostęp jak najszerszemu gronu odbiorców. Dostępne serwisy mogą być bez trudu wykorzystywane przez osoby niewidzące, niedowidzące, użytkowników mniej popularnych wyszukiwarek czy platform mobilnych.

Standardy określające dostępność dla użytkowników niepełnosprawnych to WAI (wydany przez W3C) oraz Section 508 (obowiązujący zgodnie z prawem USA). Wszystkie jednostki organizacyjne państw UE są zobowiązane na mocy dyrektywy eEurope 2002 zapewnić dostęp do swoich serwisów bez dyskryminowania użytkowników. Także Ustawa o Dostępie do Informacji Publicznej zawiera taki zapis.

Osoby niepełnosprawne napotykają w Sieci mnóstwo barier, głównie o charakterze technicznym, które utrudniają bądź uniemożliwiają im dostęp do usług internetowych. Z tego powodu znaczenia nabiera projektowanie w duchu dostępności (ang. <em>accessibility</em>). Takie produkty są przyjazne dla osób niepełnosprawnych, wygodne w obsłudze i funkcjonalne. Poniżej przedstawiono niektóre z problemów, na jakie natrafiają niepełnosprawni podczas korzystania z nowych technologii oraz możliwe ułatwienia zwiększające dostępność.

<h3 id="toc-niewidomi-i-sabo-widzcy">Niewidomi i słabo widzący</h3>

Ponieważ Internet jest medium, w którym dominuje przekaz wizualny, napotykają oni na szczególnie duże utrudnienia związane dostępem do informacji. Osoby niewidome mogą korzystać z oprogramowania, które odczytuje tekst ze stron internetowych lub na bieżąco generuje wersję napisaną w piśmie Braille'a (tzw. monitory brajlowskie). Z kolei dla ludzi słabo widzących ważne jest, aby tekst posiadał odpowiedni kontrast i mógł być powiększony.

<h3 id="toc-daltonici">Daltoniści</h3>

Daltonizm jest chorobą o podłożu genetycznym, która polega na zaburzeniach w odróżnianiu kolorów, na ogół zielonego i czerwonego. Daltoniści mogą mieć problemy z poruszaniem się po stronach, na których elementy służące do nawigacji wyróżniają się tylko barwą.

<h3 id="toc-gusi">Głusi</h3>

Pliki multimedialne, które zawierają szczególnie istotne informacje (np. materiały szkoleniowe, prezentacje) powinny być zaopatrzone w napisy. Dzięki temu ich treść jest dostępna także dla osób niesłyszących.

<h3 id="toc-osoby-cierpice-na-zaburzenia-motoryczne">Osoby cierpiące na zaburzenia motoryczne</h3>

Wiele osób cierpi na problemy związane z niedowładem, bądź trwałym uszkodzeniem mięśni. Może to oznaczać, że nie są w stanie posługiwać się np. myszą komputerową i muszą korzystać wyłącznie z klawiatury, bądź innych urządzeń do komunikacji z komputerem. Od autorów witryn internetowych wymaga to zapewnienia, że ich strony będzie można obsługiwać przy pomocy różnego rodzaju manipulatorów. Pomocą dla tej grupy niepełnosprawnych jest też dodanie skrótów klawiaturowych do najczęściej wykorzystywanych w witrynie funkcji.

<h3 id="toc-osoby-z-zaburzeniami-funkcji-poznawczych">Osoby z zaburzeniami funkcji poznawczych</h3>

Zaburzenia poznawcze mogą mieć różną formę i w różnym stopniu utrudniać korzystanie z informacji. Dolegliwości te to np. dysleksja, trudności z koncentracją i pamięcią krótkotrwałą oraz poważniejsze schorzenia takie jak zespół Downa. Aby ułatwić ludziom nimi dotkniętym swobodne korzystanie z witryn internetowych, należy zwrócić uwagę na takie czynniki jak prosty i zrozumiały język, czytelna struktura strony, możliwość korzystania z wyszukiwarki i ułatwienia w postaci ikon. Przy okazji należy zaznaczyć, że animacje na stronach utrudniają skupienie uwagi. Jeśli użycie animacji jest konieczne, należy dać użytkownikom możliwość wyłączenia ich.

<h3 id="toc-ludzie-starsi">Ludzie starsi</h3>

Osoby w podeszłym wieku często cierpią na różnego rodzaju zaburzenia motoryczne i poznawcze. W różnym stopniu dotyczy ich więc większość reguł związanych z projektowaniem funkcjonalnych i dostępnych witryn.

Warto zauważyć, że również ludzie w pełni zdrowi odnoszą korzyści z trzymania się przez autorów stron internetowych zasad dostępności. Dobrze zaprojektowane witryny są wygodniejsze w obsłudze, bardziej czytelne i użyteczne. Co ciekawe, takie serwisy są też bardziej przyjazne tzw. robotom, które odpowiadają za pozycję strony w wyszukiwarkach internetowych.

<h2 id="toc-projektowanie-z-uwzgldnieniem-uytecznoci">Projektowanie z uwzględnieniem użyteczności</h2>

Użyteczność (ang. <em>usability</em>, <em>web-usability</em>) - nauka zajmująca się ergonomią i funkcjonalnością urządzeń oraz aplikacji. W Polsce pojęcie użyteczności stosowane jest zazwyczaj w odniesieniu do ergonomii serwisów WWW oraz aplikacji użytkowych. Użyteczność w ich przypadku skupia się na:

<ul>
	<li>intuicyjnej nawigacji,</li>
	<li>ułatwieniu skanowania w poszukiwaniu informacji,</li>
	<li>zapewnieniu zrozumiałej dla użytkownika komunikacji.</li>
</ul>

<h2 id="toc-flash">Flash</h2>

Jeśli chcesz skorzystać z flash-a, to należy zwrócić uwagę, że ma on swoje konkretne ograniczenia. Opisane były one w artykule pt.<q><a href="http://www.ikeris.com/457/aby-strona-wyswietlila-sie-prawidlowo" title="Aby strona wyświetliła się prawidłowo…">Aby strona wyświetliła się prawidłowo…</a></q>.<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/70/dostepnosc-w-projektowaniu-stron-internetowych' rel='bookmark' title='Dostępność w projektowaniu stron internetowych'>Dostępność w projektowaniu stron internetowych</a> <small>Coraz więcej społeczeństwa w Polsce ma dostęp do internetu, a...</small></li>
<li><a href='http://www.ikeris.com/196/piec-najczestszych-bledow-dostepnosc-stron-internetowych' rel='bookmark' title='Pięć najczęstszych błędów dostępność stron internetowych'>Pięć najczęstszych błędów dostępność stron internetowych</a> <small>W artykule Web Accessibility - The Power of Five, E-Access...</small></li>
<li><a href='http://www.ikeris.com/273/ajax-kiedy-nie-jest-wspierany-i-jak-sie-zabezpieczyc-przed-tym' rel='bookmark' title='AJAX &#8211; kiedy nie jest wspierany i jak się zabezpieczyć przed tym'>AJAX &#8211; kiedy nie jest wspierany i jak się zabezpieczyć przed tym</a> <small>Kiedy AJAX nie jest dostępny? Większość twórców rozwiązań w internecie...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h2 id="toc-sowo-wstpu">Słowo wstępu</h2>
<p>Mogłoby się wydawać, że temat <strong>dostępu do zawartości w internecie</strong>, <strong>dostosowanie stron www do potrzeb osób niepełnosprawnych</strong> i <strong>osoby niepełnosprawne</strong> to zupełnie nieistniejący problem. A przynajmniej większość nie zastanawia się nad tym chcąc zaistnieć lub będąc już w internecie. W jakiejkolwiek formie byśmy nie byli w internecie, to w zasadzie w większości przypadków <strong>chcemy dotrzeć z naszą treścią do jak największej ilości odbiorców w internecie</strong>.</p>
<p>Świat wirtualny, jakim jest internet, charakteryzuje się nieco innymi prawami, niż świat rzeczywisty. Nawet jak już jesteśmy w sieci internet, to jeszcze nie oznacza, że każdy będzie mógł z naszej zawartości skorzystać. W czym jest problem?</p>
<p>Przede wszystkim nie wiemy dokładnie kto wchodzi na naszą stronę i z jakimi ograniczeniami. Chcemy przyciągnąć jak najwięcej użytkowników do siebie, ale nie zawsze jest to takie proste. Typowe problemy internautów to:</p>
<ul>
<li><strong>Wolne łącze</strong> – łącza GSM oraz na obszarach słabo zurbanizowanych nadal nie są szybkie.</li>
<li><strong>Brak wymaganych technologii</strong> – nierzadko witryny wymagają technologii, których użytkownik może nie mieć zainstalowanych lub jego urządzenia tego nie wspierają.</li>
<li><strong>Brak wsparcia dla osób starszych i niepełnosprawnych</strong> – często zapominamy o osobach, które np. mogą tylko posługiwać się klawiaturą lub mają problemy ze wzrokiem. Według wyników kwartalnego, reprezentacyjnego Badania Aktywności Ekonomicznej Ludności (BAEL) prowadzonego przez GUS, 10.7% ludności w wieku 15 lat i więcej posiada prawne orzeczenie niepełnosprawności. Warto również zadbać o tę grupę odbiorców.</li>
</ul>
<p>Warto sprawdzić w praktyce jak osoby, np. niewidome, posługują się internetem, starają się dotrzeć do ich treści. Można powiedzieć, że strony internetowe to dość grząski grunt i ciężko się im przez wszystko przebić. Ba! Wygląd strony ich mało interesuje, z wiadomego powodu. Przykładem są <strong>osoby niewidome</strong>, które korzystają z czytników ekranowych, czyli programów pomagających im odczytać i wypowiedzieć głosowo zawartość strony. Problem jednak w tym, że jeśli czytnik ma problem z odczytaniem strony, to cała nasza praca nad stroną na nic się zdaje, ponieważ taka osoba nie dotrze do treści.</p>
<p>Natomiast osoby niedowidzące powiększają sobie dość znacznie treść witryny i często włączają maksymalny kontrast. Więc użycie najlepszych kolorów i obrazów jest dla nich akurat mało użyteczne. A jak nie może dotrzeć do treści, to już jest problem, bo tracimy potencjalnego czytelnika czy też klienta.</p>
<p>A czy ktoś kiedyś próbował skorzystać ze strony przy użyciu tylko klawiatury? No właśnie. Są czasem sytuacje, w których chcemy korzystać z witryny z klawiatury, bo 1) jest nam wygodniej, 2) zapomnieliśmy myszki z domu, 3) nasze ręce są częściowo unieruchomione, 4) mamy problemy ruchowe i łatwiej jest nam korzystać z klawiatury, itd. Tworzymy strony internetowe. Tyle, że zapominamy, iż <strong>treść z niej można odczytać na wiele sposobów</strong>. Nie tylko myszką się posługujemy.</p>
<p>To tylko nieliczne z problemów, na jakie użytkownicy napotykają w sieci internet. Można jednak temu zaradzić stosując się do rozwiązań opisanych w specyfikacji <a href="http://www.w3.org/TR/WCAG20/#referrer=www.ikeris.com">WCAG 2.0</a> oraz maksymalnej optymalizacji szybkości działania serwisu www. Poniżej jest dłuży opis dla tych, co chcą nieco więcej poczytać.</p>
<p>Oczywiście, <strong>zapraszamy do skorzystania z naszych usług badania dostępności</strong> i możliwości <strong>dostosowania witryny</strong> tak, aby każdy mógł z niej skorzystać.</p>
<h2 id="toc-standardy-w-sieci-www">Standardy w sieci www</h2>
<p>Standardy sieciowe zostały zaprojektowane, aby:</p>
<ul>
<li>Dostarczyć największych korzyści dla jak największej liczby użytkowników sieci internet,</li>
<li>Zapewnić jak najdłuższą "żywotność" danego dokumentu sieciowego,</li>
<li>Dostarczać strony dostępne dla większej liczby użytkowników i urządzeń internetowych,</li>
<li>Poprawnie funkcjonować w obliczu rozwoju przeglądarek i pojawiania się na rynku nowych urządzeń komunikacyjnych z podłączeniem do internetu.</li>
</ul>
<p>Standardy sieciowe oznaczają:</p>
<ul>
<li>Szybsze ładowanie plików,</li>
<li>Kod dostępny dla większej ilości użytkowników i urządzeń,</li>
<li>Możliwość dostosowywania stron przez użytkowników,</li>
<li>Łatwe wdrożenie wersji do druku,</li>
<li>Tańszy hosting,</li>
<li>Wyższy ranking w wyszukiwarkach,</li>
<li>Szybsze i efektywniejsze utrzymanie strony,</li>
<li>Konkurencyjność.</li>
</ul>
<p>Dlaczego warto mieć dostępna stronę www?</p>
<ul>
<li>Umożliwia odwiedzanie strony przez większą publiczność (<strong>niewidomi, upośledzeni ruchowo lub kognitywnie</strong>), a co za tym idzie zwiększenie potencjalnej grupy docelowej,</li>
<li>Umożliwia dostęp do Twojej strony większej liczbie urządzeń (komputery "hand held", palmtop,  programy udźwiękawiające (Screen Reader), przeglądarki tekstowe, wyszukiwarki internetowe)</li>
</ul>
<h2 id="toc-projektowanie-z-uwzgldnieniem-dostpnoci">Projektowanie z uwzględnieniem dostępności</h2>
<p>Dostępność (ang. <em>accessibility</em>) - nauka oraz zbiór standardów opisujących metody i wytyczne tworzenia serwisów WWW w sposób umożliwiający wygodny dostęp jak najszerszemu gronu odbiorców. Dostępne serwisy mogą być bez trudu wykorzystywane przez osoby niewidzące, niedowidzące, użytkowników mniej popularnych wyszukiwarek czy platform mobilnych.</p>
<p>Standardy określające dostępność dla użytkowników niepełnosprawnych to WAI (wydany przez W3C) oraz Section 508 (obowiązujący zgodnie z prawem USA). Wszystkie jednostki organizacyjne państw UE są zobowiązane na mocy dyrektywy eEurope 2002 zapewnić dostęp do swoich serwisów bez dyskryminowania użytkowników. Także Ustawa o Dostępie do Informacji Publicznej zawiera taki zapis.</p>
<p>Osoby niepełnosprawne napotykają w Sieci mnóstwo barier, głównie o charakterze technicznym, które utrudniają bądź uniemożliwiają im dostęp do usług internetowych. Z tego powodu znaczenia nabiera projektowanie w duchu dostępności (ang. <em>accessibility</em>). Takie produkty są przyjazne dla osób niepełnosprawnych, wygodne w obsłudze i funkcjonalne. Poniżej przedstawiono niektóre z problemów, na jakie natrafiają niepełnosprawni podczas korzystania z nowych technologii oraz możliwe ułatwienia zwiększające dostępność.</p>
<h3 id="toc-niewidomi-i-sabo-widzcy">Niewidomi i słabo widzący</h3>
<p>Ponieważ Internet jest medium, w którym dominuje przekaz wizualny, napotykają oni na szczególnie duże utrudnienia związane dostępem do informacji. Osoby niewidome mogą korzystać z oprogramowania, które odczytuje tekst ze stron internetowych lub na bieżąco generuje wersję napisaną w piśmie Braille'a (tzw. monitory brajlowskie). Z kolei dla ludzi słabo widzących ważne jest, aby tekst posiadał odpowiedni kontrast i mógł być powiększony.</p>
<h3 id="toc-daltonici">Daltoniści</h3>
<p>Daltonizm jest chorobą o podłożu genetycznym, która polega na zaburzeniach w odróżnianiu kolorów, na ogół zielonego i czerwonego. Daltoniści mogą mieć problemy z poruszaniem się po stronach, na których elementy służące do nawigacji wyróżniają się tylko barwą.</p>
<h3 id="toc-gusi">Głusi</h3>
<p>Pliki multimedialne, które zawierają szczególnie istotne informacje (np. materiały szkoleniowe, prezentacje) powinny być zaopatrzone w napisy. Dzięki temu ich treść jest dostępna także dla osób niesłyszących.</p>
<h3 id="toc-osoby-cierpice-na-zaburzenia-motoryczne">Osoby cierpiące na zaburzenia motoryczne</h3>
<p>Wiele osób cierpi na problemy związane z niedowładem, bądź trwałym uszkodzeniem mięśni. Może to oznaczać, że nie są w stanie posługiwać się np. myszą komputerową i muszą korzystać wyłącznie z klawiatury, bądź innych urządzeń do komunikacji z komputerem. Od autorów witryn internetowych wymaga to zapewnienia, że ich strony będzie można obsługiwać przy pomocy różnego rodzaju manipulatorów. Pomocą dla tej grupy niepełnosprawnych jest też dodanie skrótów klawiaturowych do najczęściej wykorzystywanych w witrynie funkcji.</p>
<h3 id="toc-osoby-z-zaburzeniami-funkcji-poznawczych">Osoby z zaburzeniami funkcji poznawczych</h3>
<p>Zaburzenia poznawcze mogą mieć różną formę i w różnym stopniu utrudniać korzystanie z informacji. Dolegliwości te to np. dysleksja, trudności z koncentracją i pamięcią krótkotrwałą oraz poważniejsze schorzenia takie jak zespół Downa. Aby ułatwić ludziom nimi dotkniętym swobodne korzystanie z witryn internetowych, należy zwrócić uwagę na takie czynniki jak prosty i zrozumiały język, czytelna struktura strony, możliwość korzystania z wyszukiwarki i ułatwienia w postaci ikon. Przy okazji należy zaznaczyć, że animacje na stronach utrudniają skupienie uwagi. Jeśli użycie animacji jest konieczne, należy dać użytkownikom możliwość wyłączenia ich.</p>
<h3 id="toc-ludzie-starsi">Ludzie starsi</h3>
<p>Osoby w podeszłym wieku często cierpią na różnego rodzaju zaburzenia motoryczne i poznawcze. W różnym stopniu dotyczy ich więc większość reguł związanych z projektowaniem funkcjonalnych i dostępnych witryn.</p>
<p>Warto zauważyć, że również ludzie w pełni zdrowi odnoszą korzyści z trzymania się przez autorów stron internetowych zasad dostępności. Dobrze zaprojektowane witryny są wygodniejsze w obsłudze, bardziej czytelne i użyteczne. Co ciekawe, takie serwisy są też bardziej przyjazne tzw. robotom, które odpowiadają za pozycję strony w wyszukiwarkach internetowych.</p>
<h2 id="toc-projektowanie-z-uwzgldnieniem-uytecznoci">Projektowanie z uwzględnieniem użyteczności</h2>
<p>Użyteczność (ang. <em>usability</em>, <em>web-usability</em>) - nauka zajmująca się ergonomią i funkcjonalnością urządzeń oraz aplikacji. W Polsce pojęcie użyteczności stosowane jest zazwyczaj w odniesieniu do ergonomii serwisów WWW oraz aplikacji użytkowych. Użyteczność w ich przypadku skupia się na:</p>
<ul>
<li>intuicyjnej nawigacji,</li>
<li>ułatwieniu skanowania w poszukiwaniu informacji,</li>
<li>zapewnieniu zrozumiałej dla użytkownika komunikacji.</li>
</ul>
<h2 id="toc-flash">Flash</h2>
<p>Jeśli chcesz skorzystać z flash-a, to należy zwrócić uwagę, że ma on swoje konkretne ograniczenia. Opisane były one w artykule pt.<q><a href="http://www.ikeris.com/457/aby-strona-wyswietlila-sie-prawidlowo" title="Aby strona wyświetliła się prawidłowo…">Aby strona wyświetliła się prawidłowo…</a></q>.</p>
<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/70/dostepnosc-w-projektowaniu-stron-internetowych' rel='bookmark' title='Dostępność w projektowaniu stron internetowych'>Dostępność w projektowaniu stron internetowych</a> <small>Coraz więcej społeczeństwa w Polsce ma dostęp do internetu, a...</small></li>
<li><a href='http://www.ikeris.com/196/piec-najczestszych-bledow-dostepnosc-stron-internetowych' rel='bookmark' title='Pięć najczęstszych błędów dostępność stron internetowych'>Pięć najczęstszych błędów dostępność stron internetowych</a> <small>W artykule Web Accessibility - The Power of Five, E-Access...</small></li>
<li><a href='http://www.ikeris.com/273/ajax-kiedy-nie-jest-wspierany-i-jak-sie-zabezpieczyc-przed-tym' rel='bookmark' title='AJAX &#8211; kiedy nie jest wspierany i jak się zabezpieczyć przed tym'>AJAX &#8211; kiedy nie jest wspierany i jak się zabezpieczyć przed tym</a> <small>Kiedy AJAX nie jest dostępny? Większość twórców rozwiązań w internecie...</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/521/dostepnosc-i-nasi-odbiorcy-tresci-w-tym-osoby-niepelnosprawne/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Firefox 6</title>
		<link>http://www.ikeris.com/530/firefox-6</link>
		<comments>http://www.ikeris.com/530/firefox-6#comments</comments>
		<pubDate>Wed, 17 Aug 2011 13:53:39 +0000</pubDate>
		<dc:creator>Cezary Tomczyk</dc:creator>
				<category><![CDATA[Przeglądarki]]></category>

		<guid isPermaLink="false">http://www.ikeris.com/?p=530</guid>
		<description><![CDATA[No i mamy kolejną wersję przeglądarki <strong>Firefox</strong>. Dodano m.in. obsługę <a href="https://developer.mozilla.org/en/WebSockets"><strong>WebSockets</strong></a>, <code>progress</code>element, <a href="https://developer.mozilla.org/en/DOM/Touch_events">touch events</a>, <a href="http://dev.w3.org/html5/eventsource/">Server Sent Events</a>. Więcej można przeczytać w opisie <a href="http://hacks.mozilla.org/2011/08/firefox6/"><q>Firefox 6 is here</q></a>.<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/289/microsoft-iis-php-i-sql-server-express' rel='bookmark' title='Microsoft IIS, PHP i SQL Server Express'>Microsoft IIS, PHP i SQL Server Express</a> <small>Microsoft Web Platform to zintegrowany pakiet zawierający Internet Information Services...</small></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>No i mamy kolejną wersję przeglądarki <strong>Firefox</strong>. Dodano m.in. obsługę <a href="https://developer.mozilla.org/en/WebSockets#referrer=www.ikeris.com"><strong>WebSockets</strong></a>, <code>progress</code>element, <a href="https://developer.mozilla.org/en/DOM/Touch_events#referrer=www.ikeris.com">touch events</a>, <a href="http://dev.w3.org/html5/eventsource/#referrer=www.ikeris.com">Server Sent Events</a>. Więcej można przeczytać w opisie <a href="http://hacks.mozilla.org/2011/08/firefox6/#referrer=www.ikeris.com"><q>Firefox 6 is here</q></a>.</p>
<h2>Warto zajrzeć jeszcze</h2><ol>
<li><a href='http://www.ikeris.com/289/microsoft-iis-php-i-sql-server-express' rel='bookmark' title='Microsoft IIS, PHP i SQL Server Express'>Microsoft IIS, PHP i SQL Server Express</a> <small>Microsoft Web Platform to zintegrowany pakiet zawierający Internet Information Services...</small></li>
</ol>]]></content:encoded>
			<wfw:commentRss>http://www.ikeris.com/530/firefox-6/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

