<?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>Typografia po polsku &#187; oprogramowanie</title>
	<atom:link href="http://rafal.towarzysze.com/category/oprogramowanie/feed/" rel="self" type="application/rss+xml" />
	<link>http://rafal.towarzysze.com</link>
	<description>Refleksje Rafała Świątka na temat, czyli co z tą typografią?</description>
	<lastBuildDate>Wed, 01 Feb 2012 09:42:36 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>O bujaniu w obłokach</title>
		<link>http://rafal.towarzysze.com/o-bujaniu-w-oblokach/</link>
		<comments>http://rafal.towarzysze.com/o-bujaniu-w-oblokach/#comments</comments>
		<pubDate>Tue, 23 Aug 2011 02:58:52 +0000</pubDate>
		<dc:creator>Rafał Sylwester Świątek</dc:creator>
				<category><![CDATA[oprogramowanie]]></category>
		<category><![CDATA[typografia internetowa]]></category>
		<category><![CDATA[Claws Mail]]></category>
		<category><![CDATA[Dropbox]]></category>
		<category><![CDATA[feed]]></category>
		<category><![CDATA[FeedDemon]]></category>
		<category><![CDATA[Feeddler]]></category>
		<category><![CDATA[Feedly]]></category>
		<category><![CDATA[Georgia]]></category>
		<category><![CDATA[Google Reader]]></category>
		<category><![CDATA[IMAP]]></category>
		<category><![CDATA[Instapaper]]></category>
		<category><![CDATA[Instapaper Text]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[iPad]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[Mozilla Firefox]]></category>
		<category><![CDATA[Mozilla Thunderbird]]></category>
		<category><![CDATA[Netvibes]]></category>
		<category><![CDATA[Opera]]></category>
		<category><![CDATA[Paweł Tkaczyk]]></category>
		<category><![CDATA[PlainText]]></category>
		<category><![CDATA[Read Later]]></category>
		<category><![CDATA[Reeder]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[RSS Bandit]]></category>
		<category><![CDATA[RSSOwl]]></category>
		<category><![CDATA[webfonty]]></category>
		<category><![CDATA[www]]></category>

		<guid isPermaLink="false">http://rafal.towarzysze.com/?p=2996</guid>
		<description><![CDATA[Dziś informacji poszukuje się przede wszystkim w internecie. Problem w tym, że mogą być one przedstawione w sposób nieestetyczny lub zupełnie nieczytelny. Można sobie poradzić na kilka sposobów.  Bardzo wiele stron www (szczególnie blogów) udostępnia dodatkowe kanały dystrybucji tekstu — RSS, nazywane też „kanałami feed”. Do odczytania potrzeba dedykowanego czytnika. Taki czytnik, to po prostu program, [...]]]></description>
			<content:encoded><![CDATA[<p>Dziś informacji poszukuje się przede wszystkim w internecie. Problem w tym, że mogą być one przedstawione w sposób nieestetyczny lub zupełnie nieczytelny. Można sobie poradzić na kilka sposobów.<br />
 Bardzo wiele stron www (szczególnie blogów) udostępnia dodatkowe kanały dystrybucji tekstu — RSS, nazywane też „kanałami feed”. Do odczytania potrzeba dedykowanego czytnika. Taki czytnik, to po prostu program, który może być zainstalowany jako osobna aplikacja w naszym systemie (<a href="http://www.feeddemon.com" onclick="pageTracker._trackPageview('/outgoing/www.feeddemon.com?referer=');">FeedDemon</a>, <a href="http://www.chebinliu.com/projects/iphone/feeddler-rss-reader/" onclick="pageTracker._trackPageview('/outgoing/www.chebinliu.com/projects/iphone/feeddler-rss-reader/?referer=');">Feeddler</a>, <a href="http://reederapp.com" onclick="pageTracker._trackPageview('/outgoing/reederapp.com?referer=');">Reeder</a>, <a href="http://rssbandit.org" onclick="pageTracker._trackPageview('/outgoing/rssbandit.org?referer=');">RSS Bandit</a>, <a href="http://www.rssowl.org" onclick="pageTracker._trackPageview('/outgoing/www.rssowl.org?referer=');">RSSOwl</a>), jako podprogram (funkcja) innego programu (<a href="http://www.claws-mail.org" onclick="pageTracker._trackPageview('/outgoing/www.claws-mail.org?referer=');">Claws Mail</a>, <a href="http://mozillapl.org/produkty_mozilli/firefox/" onclick="pageTracker._trackPageview('/outgoing/mozillapl.org/produkty_mozilli/firefox/?referer=');">Mozilla Firefox</a>, <a href="http://mozillapl.org/produkty_mozilli/thunderbird/" onclick="pageTracker._trackPageview('/outgoing/mozillapl.org/produkty_mozilli/thunderbird/?referer=');">Mozilla Thunderbird</a>, <a href="http://www.opera.com" onclick="pageTracker._trackPageview('/outgoing/www.opera.com?referer=');">Opera</a>) lub w chmurze, tzn. jako zdalna usługa, realizowana: a) przez serwis specjalizowany wyłącznie do obsługi RSS (np. <a href="http://reader.google.com" onclick="pageTracker._trackPageview('/outgoing/reader.google.com?referer=');">Google Reader</a>); b) jako jedna z wielu usług serwisu o bardzo szerokich możliwościach (np. <a href="http://www.netvibes.com" onclick="pageTracker._trackPageview('/outgoing/www.netvibes.com?referer=');">Netvibes</a>); c) za pośrednictwem zdalnego interfejsu w innym serwisie (np. <a href="http://feedly.com" onclick="pageTracker._trackPageview('/outgoing/feedly.com?referer=');">Feedly</a>, który dostarcza interfejs do Google Readera).<br />
 Kiedy zostanie opublikowany nowy artykuł, protokół RSS przekazuje do czytników informację o publikacji. Jej najważniejsze składniki: URL serwisu, URL artykułu, tytuł; opcjonalnie: data publikacji, autor, zajawka, pełna treść artykułu. Sam program ma ponadto możliwość oznaczania artykułów flagami, jak np. przeczytane/nieprzeczytane czy ulubione. W niektórych czytnikach można też przyporządkować poszczególne źródła do folderów (co też realizowane jest za pomocą odpowiednich flag).<br />
 Główna zaleta polega na tym, że ciężar kontrolowania źródeł pod kątem nowych treści, przejmuje czytnik RSS, stając się niejako naszym wirtualnym centrum informacyjnym. Zaleta dodatkowa, to ujednolicony sposób prezentowania tekstów (ew. treści innego rodzaju). Te czynniki przesądzają o słuszności korzystania z technologii RSS.<br />
 Z jakiego typu czytnika lepiej korzystać? Nie znam punktu widzenia, który potrafiłby wykazać wyższość lokalnie zainstalowanego czytnika nad zdalną usługą, a więc lepiej w chmurze. Jeśli ktoś chce, może połączyć oba rozwiązania i zainstalować na swoim komputerze (telefonie, tablecie etc.) program, który będzie lokalnym interfejsem zdalnej usługi — czyli zamiast odbierać sygnały z wielu źródeł, będzie się łączył tylko z jednym. Wymienione wcześniej programy (<a href="http://www.feeddemon.com" onclick="pageTracker._trackPageview('/outgoing/www.feeddemon.com?referer=');">FeedDemon</a>, <a href="http://www.chebinliu.com/projects/iphone/feeddler-rss-reader/" onclick="pageTracker._trackPageview('/outgoing/www.chebinliu.com/projects/iphone/feeddler-rss-reader/?referer=');">Feeddler</a>, <a href="http://reederapp.com" onclick="pageTracker._trackPageview('/outgoing/reederapp.com?referer=');">Reeder</a>, <a href="http://rssbandit.org" onclick="pageTracker._trackPageview('/outgoing/rssbandit.org?referer=');">RSS Bandit</a>, <a href="http://www.rssowl.org" onclick="pageTracker._trackPageview('/outgoing/www.rssowl.org?referer=');">RSSOwl</a>) posiadają tę możliwość jako opcję lub, jak Feeddler, działają tylko na tej zasadzie.<br />
 Przewagę chmury stanowi dostęp z wielu urządzeń i lokalizacji do tego samego zbioru informacji. Jeśli w pracy przeczytałem tylko dziesięć artykułów (bo szef miał mi za złe, że podwyższam swoje kwalifikacje) to czytam kolejnych dziesięć w tramwaju przez telefon, a pozostałe sto na tablecie w domu. Artykuły, które przeczytałem wcześniej, zostały oznaczone flagą «przeczytane», a więc nie muszę do nich wracać, jeśli nie chcę.</p>
<p><strong>Google Reader</strong><br />
Sztandarowym przykładem czytnika w chmurze jest <a href="http://reader.google.com" onclick="pageTracker._trackPageview('/outgoing/reader.google.com?referer=');">Google Reader</a>. Aby z niego korzystać, należy stworzyć konto — jeśli ktoś już posiada konto Google, wystarczy się zalogować i zaakceptować umowę na kolejną usługę.<br />
 Interfejs jest dość prosty. Po lewej stronie znajduje się wąski panel z ważniejszymi odnośnikami i listą subskrybowanych kanałów, ewentualnie uporządkowanych w folderach. Można zmienić jego szerokość według własnego uznania. Prawą stronę zajmuje główny panel i przyklejona od góry belka z ważniejszymi poleceniami. W tym panelu znajduje się lista dostępnych artykułów ze źródła wskazanego po lewej stronie. Przyswojenie tego interfejsu pozostawiam zainteresowanym czytelnikom, pozwolę sobie tylko na dwie wskazówki:<br />
1. Pomoc na temat skrótów klawiaturowych po wciśnięciu znaku zapytania — [shift]+[/] — pełna <a href="http://www.google.com/support/reader/bin/answer.py?answer=69973" onclick="pageTracker._trackPageview('/outgoing/www.google.com/support/reader/bin/answer.py?answer=69973&amp;referer=');">lista w języku angielskim</a> w pomocy Google.<br />
2. <a href="http://www.google.com/reader/settings" onclick="pageTracker._trackPageview('/outgoing/www.google.com/reader/settings?referer=');">Ustawienia czytnika i zarządzanie</a> subskrybowanymi kanałami.<br />
 Jak wspomniałem wcześniej, treść całego artykułu w kanale RSS jest tylko opcją, zależną od woli publikujących. Możemy w czytniku otrzymać tylko zajawkę lub tylko tytuł (oczywiście z linkiem do oryginalnego tekstu). Bywa, że takie obostrzenie, z powodu typograficznej niedbałości na źródłowej stronie www, jest dla czytelnika bardzo niewygodne. W większości przypadków z pomocą przyjdzie nam Instapaper.</p>
<p><strong>Instapaper</strong><br />
<a href="http://www.instapaper.com" onclick="pageTracker._trackPageview('/outgoing/www.instapaper.com?referer=');">Instapaper</a>, to specjalizowany serwis, który pozwala czytać (przetwarza tekst, usuwając całą resztę) zawartość różnych stron www w ujednoliconej szacie graficznej. Należy stworzyć sobie w nim konto i do paska zakładek w przeglądarce dodać (przeciągnąć myszą) zakładkę-skrypt «Read Later».</p>
<p><a rel="lightbox[instapaper1]" href='http://rafal.towarzysze.com/wp-content/gallery/screenshot/instapaper_bookmarklet.png' title=''><img src='http://rafal.towarzysze.com/wp-content/gallery/screenshot/thumbs/thumbs_instapaper_bookmarklet.png' alt='Instapaper — zakładka-skrypt' class='ngg-singlepic ngg-none' /></a><br />
Kliknięcie w «Read Later» na pasku zakładek, powoduje dodanie przeglądanej strony www do listy nieprzeczytanych.</p>
<p><a rel="lightbox[instapaper2]" href='http://rafal.towarzysze.com/wp-content/gallery/screenshot/instapaper_saved.png' title=''><a rel="lightbox[instapaper2]" href='http://rafal.towarzysze.com/wp-content/gallery/screenshot/instapaper_saving.png' title=''><img src='http://rafal.towarzysze.com/wp-content/gallery/screenshot/thumbs/thumbs_instapaper_saving.png' alt='Instapaper — zakładka-skrypt' class='ngg-singlepic ngg-none' /></a><br />
Po przejściu do swojego konta w Instapaper można przeczytać wszystkie zachowane tam teksty, bardzo ładnie złamane — czarny tekst na białym tle, Georgia 16 pikseli z interlinią 1,5 firetu, szerokość łamu: 480 pikseli, co daje wiersz o długości 50–72 znaków — pozbawione wszystkich zbędnych upiększeń-dupereli.</p>
<p><a rel="lightbox[instapaper2]" href='http://rafal.towarzysze.com/wp-content/gallery/screenshot/instapaper_tekst.png' title=''><img src='http://rafal.towarzysze.com/wp-content/gallery/screenshot/thumbs/thumbs_instapaper_tekst.png' alt='Instapaper — zakładka-skrypt' class='ngg-singlepic ngg-none' /></a><br />
 Serwis udostępnia jeszcze jedną zakładkę: «Instapaper Text». Kliknięcie powoduje natychmiastowe wyświetlenie przeglądanej strony w tekstowym trybie Instapaper, bez potrzeby logowania się do serwisu czy posiadania w nim konta.</p>
<p><strong>Instapaper w czytniku</strong><br />
W ustawieniach Google Readera można włączyć konfigurowalną listę «wyślij do», a w niej umieścić pozycję «Instapaper».</p>
<p><a rel="lightbox[readinsta]" href='http://rafal.towarzysze.com/wp-content/gallery/screenshot/greader_wyslij_do_wlaczenie.png' title=''><img src='http://rafal.towarzysze.com/wp-content/gallery/screenshot/thumbs/thumbs_greader_wyslij_do_wlaczenie.png' alt='Google Reader, włączanie dodatków' class='ngg-singlepic ngg-none' /></a><br />
Spowoduje to, że pod każdym artykułem (w dolnej belce) pojawi się nasze «wyślij do».</p>
<p><a rel="lightbox[readinsta]" href='http://rafal.towarzysze.com/wp-content/gallery/screenshot/greader_wyslij_do_instapaper.png' title=''><img src='http://rafal.towarzysze.com/wp-content/gallery/screenshot/thumbs/thumbs_greader_wyslij_do_instapaper.png' alt='Google Reader — wyśli do Instapaper' class='ngg-singlepic ngg-none' /></a><br />
Jednak klikanie w pozycje tej listy powoduje wyświetlenie w nowym oknie/karcie prośby o dodanie przeglądanego tekstu do listy nieprzeczytanych, a to już zbyt skomplikowane.</p>
<p><a rel="lightbox[readinsta]" href='http://rafal.towarzysze.com/wp-content/gallery/screenshot/greader_wyslij_do_instapaper_new_tab.png' title=''><img src='http://rafal.towarzysze.com/wp-content/gallery/screenshot/thumbs/thumbs_greader_wyslij_do_instapaper_new_tab.png' alt='Google Reader — Instapaper w nowej karcie' class='ngg-singlepic ngg-none' /></a><br />
Można prościej — wystarczy podczas przeglądania artykułu w Google Readerze, kliknąć w zakładkę-skrypt «Read Later» (!) i zadziała. Uwaga, korzystanie z tego przycisku w Google Readerze zakłóca działanie skrótów klawiaturowych.<br />
 Istnieją programy desktopowe, które wiążą obsługę RSS z interfejsem Instapaper, wykorzystując mechanizm «Instapaper Text». Należy do nich <a href="http://www.chebinliu.com/projects/iphone/feeddler-rss-reader/" onclick="pageTracker._trackPageview('/outgoing/www.chebinliu.com/projects/iphone/feeddler-rss-reader/?referer=');">Feeddler</a> (iPhone, iPad), z którego korzystam na co dzień.</p>
<p>Pojęcie «w chmurze» jest ostatnio bardzo modne, promuje się pod nim wiele usług. Niektóre z nich są nawet godne uwagi. Przyjrzyjmy się jeszcze kilku z nich.</p>
<p><strong>Email w chmurze</strong><br />
Najpopularniejszą usługą realizowaną w chmurze jest email za pośrednictwem protokołu IMAP (konkurencyjnego w stosunku do przestarzałego POP3). O ile jeszcze kilka lat temu należał do nowinek, to dziś już jest internetowym standardem. O zaletach protokołu <a href="http://paweltkaczyk.midea.pl/komputery-itp/konto-imap-czyli-poczta-w-kilku-miejscach" onclick="pageTracker._trackPageview('/outgoing/paweltkaczyk.midea.pl/komputery-itp/konto-imap-czyli-poczta-w-kilku-miejscach?referer=');">napisał</a> Paweł Tkaczyk.</p>
<p><strong>Webfonty w chmurze</strong><br />
Webfonty to bardzo ciekawy temat, wart rozwinięcia w osobnym artykule. Zanim go przygotuję, podam kilka adresów do samodzielnej eksploracji.<br />
<a href="http://www.google.com/webfonts" onclick="pageTracker._trackPageview('/outgoing/www.google.com/webfonts?referer=');">google.com/webfonts</a><br />
<a href="http://webfonts.fonts.com" onclick="pageTracker._trackPageview('/outgoing/webfonts.fonts.com?referer=');">webfonts.fonts.com</a><br />
<a href="http://www.fontslive.com" onclick="pageTracker._trackPageview('/outgoing/www.fontslive.com?referer=');">fontslive.com</a><br />
<a href="http://typekit.com" onclick="pageTracker._trackPageview('/outgoing/typekit.com?referer=');">typekit.com</a><br />
<a href="http://www.typotheque.com/webfonts" onclick="pageTracker._trackPageview('/outgoing/www.typotheque.com/webfonts?referer=');">typotheque.com/webfonts</a><br />
<a href="http://www.webtype.com" onclick="pageTracker._trackPageview('/outgoing/www.webtype.com?referer=');">webtype.com</a><br />
<a href="http://fontdeck.com" onclick="pageTracker._trackPageview('/outgoing/fontdeck.com?referer=');">fontdeck.com</a><br />
<a href="http://typefront.com" onclick="pageTracker._trackPageview('/outgoing/typefront.com?referer=');">typefront.com</a><br />
<a href="http://www.kernest.com" onclick="pageTracker._trackPageview('/outgoing/www.kernest.com?referer=');">kernest.com</a><br />
<a href="http://www.extensis.com/en/WebINK" onclick="pageTracker._trackPageview('/outgoing/www.extensis.com/en/WebINK?referer=');">extensis.com/en/WebINK</a></p>
<p><strong>Dropbox</strong><br />
Internetowy pojemnik na pliki — <a href="http://goo.gl/SA0vd" onclick="pageTracker._trackPageview('/outgoing/goo.gl/SA0vd?referer=');">Dropbox</a> — synchronizuje między terminalami (komputerami, telefonami, tabletami etc.) zawartość wskazanych folderów, przechowując ich kopie. Po zainstalowaniu programu na wszystkich urządzeniach, w których chcemy mieć dostęp do tych samych wersji plików, nie trzeba się o nic martwić. Co ważne, system posiada wielostopniowy tryb przywracania usuniętych plików (po zalogowaniu na www). Standardowa, bezpłatna pojemność wynosi 2 GB, ale dość łatwo powiększyć ją do 8 GB w zamian za skuteczne rekomendacje. Korzystam z niego intensywnie, właśnie tam składuję wszystkie pliki tekstowe — czy to szkice artykułów, czy też książki nad którymi pracuję (własne i cudze) — i różne materiały pomocnicze — pdf, jpg etc.</p>
<span style="text-align:center; display: block;"><a href="http://rafal.towarzysze.com/o-bujaniu-w-oblokach/"><img src="http://img.youtube.com/vi/slN-fPOAO40/2.jpg" alt="" /></a></span>
<p>Tak więc, jeśli zechcesz rozpocząć pracę z Dropboksem, <a href="http://goo.gl/SA0vd" onclick="pageTracker._trackPageview('/outgoing/goo.gl/SA0vd?referer=');">skorzystaj z niniejszego odnośnika</a>, pomożesz mi w ten sposób powiększyć pojemność konta.<br />
 Świetnym programem, pracującym w oparciu o Dropboksa jest <a href="http://www.hogbaysoftware.com/products/plaintext" onclick="pageTracker._trackPageview('/outgoing/www.hogbaysoftware.com/products/plaintext?referer=');">PlainText</a> (iPhone/iPad) — jak nazwa wskazuje, do pracy z czystym tekstem. Również polecam.</p>
<p><small><br />
<strong>Programy na komputer, tablet, telefon</strong><br />
<a href="http://www.claws-mail.org" onclick="pageTracker._trackPageview('/outgoing/www.claws-mail.org?referer=');">Claws Mail</a> | <a href="http://goo.gl/SA0vd" onclick="pageTracker._trackPageview('/outgoing/goo.gl/SA0vd?referer=');">Dropbox</a> | <a href="http://www.feeddemon.com" onclick="pageTracker._trackPageview('/outgoing/www.feeddemon.com?referer=');">FeedDemon</a> | <a href="http://www.chebinliu.com/projects/iphone/feeddler-rss-reader/" onclick="pageTracker._trackPageview('/outgoing/www.chebinliu.com/projects/iphone/feeddler-rss-reader/?referer=');">Feeddler</a> | <a href="http://mozillapl.org/produkty_mozilli/firefox/" onclick="pageTracker._trackPageview('/outgoing/mozillapl.org/produkty_mozilli/firefox/?referer=');">Mozilla Firefox</a> | <a href="http://mozillapl.org/produkty_mozilli/thunderbird/" onclick="pageTracker._trackPageview('/outgoing/mozillapl.org/produkty_mozilli/thunderbird/?referer=');">Mozilla Thunderbird</a> | <a href="http://www.opera.com" onclick="pageTracker._trackPageview('/outgoing/www.opera.com?referer=');">Opera</a> | <a href="http://www.hogbaysoftware.com/products/plaintext" onclick="pageTracker._trackPageview('/outgoing/www.hogbaysoftware.com/products/plaintext?referer=');">PlainText</a> | <a href="http://reederapp.com" onclick="pageTracker._trackPageview('/outgoing/reederapp.com?referer=');">Reeder</a> | <a href="http://rssbandit.org" onclick="pageTracker._trackPageview('/outgoing/rssbandit.org?referer=');">RSS Bandit</a> | <a href="http://www.rssowl.org" onclick="pageTracker._trackPageview('/outgoing/www.rssowl.org?referer=');">RSSOwl</a></p>
<p><strong>Serwisy</strong><br />
<a href="http://goo.gl/SA0vd" onclick="pageTracker._trackPageview('/outgoing/goo.gl/SA0vd?referer=');">Dropbox</a> | <a href="http://feedly.com" onclick="pageTracker._trackPageview('/outgoing/feedly.com?referer=');">Feedly</a> | <a href="http://reader.google.com" onclick="pageTracker._trackPageview('/outgoing/reader.google.com?referer=');">Google Reader</a> | <a href="http://www.instapaper.com" onclick="pageTracker._trackPageview('/outgoing/www.instapaper.com?referer=');">Instapaper</a> | <a href="http://www.netvibes.com" onclick="pageTracker._trackPageview('/outgoing/www.netvibes.com?referer=');">Netvibes</a></p>
<p><strong>Webfonty</strong><br />
<a href="http://www.google.com/webfonts" onclick="pageTracker._trackPageview('/outgoing/www.google.com/webfonts?referer=');">google.com/webfonts</a><br />
<a href="http://webfonts.fonts.com" onclick="pageTracker._trackPageview('/outgoing/webfonts.fonts.com?referer=');">webfonts.fonts.com</a><br />
<a href="http://www.fontslive.com" onclick="pageTracker._trackPageview('/outgoing/www.fontslive.com?referer=');">fontslive.com</a><br />
<a href="http://typekit.com" onclick="pageTracker._trackPageview('/outgoing/typekit.com?referer=');">typekit.com</a><br />
<a href="http://www.typotheque.com/webfonts" onclick="pageTracker._trackPageview('/outgoing/www.typotheque.com/webfonts?referer=');">typotheque.com/webfonts</a><br />
<a href="http://www.webtype.com" onclick="pageTracker._trackPageview('/outgoing/www.webtype.com?referer=');">webtype.com</a><br />
<a href="http://fontdeck.com" onclick="pageTracker._trackPageview('/outgoing/fontdeck.com?referer=');">fontdeck.com</a><br />
<a href="http://typefront.com" onclick="pageTracker._trackPageview('/outgoing/typefront.com?referer=');">typefront.com</a><br />
<a href="http://www.kernest.com" onclick="pageTracker._trackPageview('/outgoing/www.kernest.com?referer=');">kernest.com</a><br />
<a href="http://www.extensis.com/en/WebINK" onclick="pageTracker._trackPageview('/outgoing/www.extensis.com/en/WebINK?referer=');">extensis.com/en/WebINK</a><br />
</small></p>
<div class='wb_fb_bottom'><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" action="like" font="arial" colorscheme="light"  href="http://rafal.towarzysze.com/o-bujaniu-w-oblokach/" width="200"  send="true" > </fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://rafal.towarzysze.com/o-bujaniu-w-oblokach/" > </fb:share-button></div></div>]]></content:encoded>
			<wfw:commentRss>http://rafal.towarzysze.com/o-bujaniu-w-oblokach/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mikrokosmos — komunikat techniczny</title>
		<link>http://rafal.towarzysze.com/mikrokosmos-%e2%80%94-komunikat-techniczny/</link>
		<comments>http://rafal.towarzysze.com/mikrokosmos-%e2%80%94-komunikat-techniczny/#comments</comments>
		<pubDate>Thu, 30 Dec 2010 22:29:53 +0000</pubDate>
		<dc:creator>Rafał Sylwester Świątek</dc:creator>
				<category><![CDATA[Bez kategorii]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wp-Typography]]></category>

		<guid isPermaLink="false">http://rafal.towarzysze.com/?p=2738</guid>
		<description><![CDATA[Jeden z czytelników poinformował mnie o błędzie, polegającym na wyświetlaniu wszystkich miękkich dywizów w przeglądarce Chrome. Ponieważ również z niej korzystam, a nic takiego wcześniej nie miało miejsca. Przejrzałem jeszcze raz opcje i kod CSS. Błąd w przeglądarkach Chrome i Safari powodowała nieprawidłowa (pochodząca spoza specyfikacji W3C) deklaracja CSS w sekcji «Haki CSS». Należy ją [...]]]></description>
			<content:encoded><![CDATA[<p>Jeden z czytelników poinformował mnie o błędzie, polegającym na wyświetlaniu wszystkich miękkich dywizów w przeglądarce Chrome. Ponieważ również z niej korzystam, a nic takiego wcześniej nie miało miejsca. Przejrzałem jeszcze raz opcje i kod CSS. Błąd w przeglądarkach Chrome i Safari powodowała nieprawidłowa (pochodząca spoza specyfikacji W3C) deklaracja CSS w sekcji «Haki CSS». Należy ją usunąć. Poinformowałem o błędzie autora.</p>
<blockquote><p>
* {<br />
text-rendering: optimizeLegibility;<br />
}
</p></blockquote>
<p><a href="http://towarzysze.com/files/wp-typography-pl.zip" onclick="pageTracker._trackPageview('/outgoing/towarzysze.com/files/wp-typography-pl.zip?referer=');">POBIERZ poprawioną wersję wp-typography-pl.zip</a> [1,1 MB]</p>
<div class='wb_fb_bottom'><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" action="like" font="arial" colorscheme="light"  href="http://rafal.towarzysze.com/mikrokosmos-%e2%80%94-komunikat-techniczny/" width="200"  send="true" > </fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://rafal.towarzysze.com/mikrokosmos-%e2%80%94-komunikat-techniczny/" > </fb:share-button></div></div>]]></content:encoded>
			<wfw:commentRss>http://rafal.towarzysze.com/mikrokosmos-%e2%80%94-komunikat-techniczny/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mikrokosmos</title>
		<link>http://rafal.towarzysze.com/mikrokosmos/</link>
		<comments>http://rafal.towarzysze.com/mikrokosmos/#comments</comments>
		<pubDate>Thu, 30 Dec 2010 20:15:03 +0000</pubDate>
		<dc:creator>Rafał Sylwester Świątek</dc:creator>
				<category><![CDATA[mikrotypografia]]></category>
		<category><![CDATA[szkolenia/kursy/wydarzenia]]></category>
		<category><![CDATA[typografia internetowa]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Adam Klimowski]]></category>
		<category><![CDATA[akapit]]></category>
		<category><![CDATA[akronim]]></category>
		<category><![CDATA[arkusz stylów]]></category>
		<category><![CDATA[B-42]]></category>
		<category><![CDATA[B42]]></category>
		<category><![CDATA[bękart]]></category>
		<category><![CDATA[Biblia 42-wierszowa]]></category>
		<category><![CDATA[Biblia Gutenberga]]></category>
		<category><![CDATA[Bitstream]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[chorągiewka]]></category>
		<category><![CDATA[cienka spacja]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[cudzysłów]]></category>
		<category><![CDATA[cudzysłów drugiego stopnia]]></category>
		<category><![CDATA[cudzysłów pierwszego stopnia]]></category>
		<category><![CDATA[czcionka]]></category>
		<category><![CDATA[czcionka monotypowa]]></category>
		<category><![CDATA[czytelność]]></category>
		<category><![CDATA[Donald Knuth]]></category>
		<category><![CDATA[druk typograficzny]]></category>
		<category><![CDATA[dywiz]]></category>
		<category><![CDATA[dzielenie wyrazów]]></category>
		<category><![CDATA[encja]]></category>
		<category><![CDATA[etka]]></category>
		<category><![CDATA[firet]]></category>
		<category><![CDATA[fonetyka]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[forma drukowa]]></category>
		<category><![CDATA[forma wtórna]]></category>
		<category><![CDATA[fotomatryca]]></category>
		<category><![CDATA[fotoskład]]></category>
		<category><![CDATA[fotoskładarka]]></category>
		<category><![CDATA[frakcja]]></category>
		<category><![CDATA[frakcje]]></category>
		<category><![CDATA[Frank Liang]]></category>
		<category><![CDATA[generator tekstu]]></category>
		<category><![CDATA[Georgia]]></category>
		<category><![CDATA[Hermann Zapf]]></category>
		<category><![CDATA[hinting]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[hz-Program]]></category>
		<category><![CDATA[indeks]]></category>
		<category><![CDATA[indeksy]]></category>
		<category><![CDATA[interlinia]]></category>
		<category><![CDATA[Jeffrey King]]></category>
		<category><![CDATA[Johannes Gutenberg]]></category>
		<category><![CDATA[justowanie]]></category>
		<category><![CDATA[kapitalik]]></category>
		<category><![CDATA[kapitaliki]]></category>
		<category><![CDATA[klawiatura]]></category>
		<category><![CDATA[kolumna]]></category>
		<category><![CDATA[korytarz]]></category>
		<category><![CDATA[korytarze]]></category>
		<category><![CDATA[krój pisma]]></category>
		<category><![CDATA[krotło]]></category>
		<category><![CDATA[linia]]></category>
		<category><![CDATA[linia bazowa]]></category>
		<category><![CDATA[linia wydłużeń dolnych]]></category>
		<category><![CDATA[linia wydłużeń górnych]]></category>
		<category><![CDATA[linijka typograficzna]]></category>
		<category><![CDATA[linotyp]]></category>
		<category><![CDATA[Linotype]]></category>
		<category><![CDATA[linotypista]]></category>
		<category><![CDATA[majuskuła]]></category>
		<category><![CDATA[makietowanie]]></category>
		<category><![CDATA[Marcin Biegun]]></category>
		<category><![CDATA[Matthew Carter]]></category>
		<category><![CDATA[miara typograficzna]]></category>
		<category><![CDATA[miękki dywiz]]></category>
		<category><![CDATA[Mike Parker]]></category>
		<category><![CDATA[monotyp]]></category>
		<category><![CDATA[morfem]]></category>
		<category><![CDATA[morfologia]]></category>
		<category><![CDATA[myślnik]]></category>
		<category><![CDATA[odlewarka]]></category>
		<category><![CDATA[odstęp międzyakapitowy]]></category>
		<category><![CDATA[odstęp międzyliterowy]]></category>
		<category><![CDATA[odstęp międzywierszowy]]></category>
		<category><![CDATA[ortografia]]></category>
		<category><![CDATA[Ottomar Mergenthaler]]></category>
		<category><![CDATA[pauza]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[pismo]]></category>
		<category><![CDATA[pismo drukarskie]]></category>
		<category><![CDATA[pochylenie]]></category>
		<category><![CDATA[podcięcie]]></category>
		<category><![CDATA[pogrubienie]]></category>
		<category><![CDATA[półfiret]]></category>
		<category><![CDATA[półpauza]]></category>
		<category><![CDATA[Robert Chwałowski]]></category>
		<category><![CDATA[skład]]></category>
		<category><![CDATA[skład fotograficzny]]></category>
		<category><![CDATA[skład gorący]]></category>
		<category><![CDATA[skład komputerowy]]></category>
		<category><![CDATA[skład ręczny]]></category>
		<category><![CDATA[spacja]]></category>
		<category><![CDATA[spacja nierozdzielna]]></category>
		<category><![CDATA[spacja zerowej szerokości]]></category>
		<category><![CDATA[spacjowanie]]></category>
		<category><![CDATA[stereotyp]]></category>
		<category><![CDATA[stop drukarski]]></category>
		<category><![CDATA[stopień pisma]]></category>
		<category><![CDATA[strona]]></category>
		<category><![CDATA[stronica]]></category>
		<category><![CDATA[szewc]]></category>
		<category><![CDATA[szpalta]]></category>
		<category><![CDATA[Tahoma]]></category>
		<category><![CDATA[taster]]></category>
		<category><![CDATA[tekst]]></category>
		<category><![CDATA[TeX]]></category>
		<category><![CDATA[Tolbert Lanston]]></category>
		<category><![CDATA[tracking]]></category>
		<category><![CDATA[twarda spacja]]></category>
		<category><![CDATA[twardy dywiz]]></category>
		<category><![CDATA[typografia]]></category>
		<category><![CDATA[układ typograficzny]]></category>
		<category><![CDATA[Unicode]]></category>
		<category><![CDATA[UTF-8]]></category>
		<category><![CDATA[Verdana]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[wąska spacja]]></category>
		<category><![CDATA[wcięcie]]></category>
		<category><![CDATA[wcięcie akapitowe]]></category>
		<category><![CDATA[wersalik]]></category>
		<category><![CDATA[wersaliki]]></category>
		<category><![CDATA[wideo]]></category>
		<category><![CDATA[wielokropek]]></category>
		<category><![CDATA[wiersz]]></category>
		<category><![CDATA[wiersz linotypowy]]></category>
		<category><![CDATA[WordCamp Polska]]></category>
		<category><![CDATA[wp-Typography]]></category>
		<category><![CDATA[wyrównanie]]></category>
		<category><![CDATA[wyrównanie do lewej]]></category>
		<category><![CDATA[wyrównanie obustronne]]></category>
		<category><![CDATA[wyróżnienie]]></category>
		<category><![CDATA[zawieszone słowo]]></category>
		<category><![CDATA[łącznik]]></category>
		<category><![CDATA[łam]]></category>
		<category><![CDATA[łamanie]]></category>
		<category><![CDATA[łamanie w chorągiewkę]]></category>

		<guid isPermaLink="false">http://rafal.towarzysze.com/?p=2733</guid>
		<description><![CDATA[W dzisiejszych czasach każdy może zostać wydawcą, nie ponosząc przy tym zbyt wielkich nakładów albo wcale. Jednym ze sposobów na publikowanie jest blog. Głównie wartość merytoryczna decyduje o poczytności, ale nie tylko. W wymianie myśli za pomocą tekstu pisanego bardzo istotna jest również estetyka, której chyba najważniejszym aspektem jest typografia. Kiedy mówię z kimś o [...]]]></description>
			<content:encoded><![CDATA[<style type="text/css">
  p.hang {
    margin-left:1em;
    text-indent:-1em;
    margin-top:0;
    margin-bottom:0;
</style>
<p>W dzisiejszych czasach każdy może zostać wydawcą, nie ponosząc przy tym zbyt wielkich nakładów albo wcale. Jednym ze sposobów na publikowanie jest blog. Głównie wartość merytoryczna decyduje o poczytności, ale nie tylko. W wymianie myśli za pomocą tekstu pisanego bardzo istotna jest również estetyka, której chyba najważniejszym aspektem jest typografia. Kiedy mówię z kimś o typografii, najczęściej obserwuję na jego twarzy zakłopotanie, bo dla wielu osób typografia, to po prostu „kosmos”.<br />
 Dwunastego grudnia brałem udział w konferencji poświęconej WordPressowi — systemowi zarządzania treścią na stronach www, szeroko używanemu do utrzymywania blogów. Przedstawiam zapis wideo i najważniejsze fragmenty towarzyszącej wykładowi prezentacji. Skupiam się przede wszystkim na mikrotypografii (i to w dość wąskim ujęciu), pomijając zagadnienia kompozycji, barwy, kroju czy stopnia pisma etc.<br />
 Mikrotypografia, a więc «mikrokosmos». Podczas dyskusji padło kilka obietnic i postulatów, które poniżej chciałbym zrealizować.</p>
<p><iframe src="http://player.vimeo.com/video/17991563" width="450" height="253" frameborder="0"></iframe></p>
<div style="width:425px" id="__ss_6247330"><strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/rafalsylwester/niewidzialne-plusy" title="Niewidzialne plusy. Kilka słów o typografii" onclick="pageTracker._trackPageview('/outgoing/www.slideshare.net/rafalsylwester/niewidzialne-plusy?referer=');">Niewidzialne plusy. Kilka słów o typografii</a></strong><object id="__sse6247330" width="425" height="355"><param name="movie" value="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=niewidzialneplusy-101219214733-phpapp02&#038;stripped_title=niewidzialne-plusy&#038;userName=rafalsylwester" /><param name="allowFullScreen" value="true"/><param name="allowScriptAccess" value="always"/><embed name="__sse6247330" src="http://static.slidesharecdn.com/swf/ssplayer2.swf?doc=niewidzialneplusy-101219214733-phpapp02&#038;stripped_title=niewidzialne-plusy&#038;userName=rafalsylwester" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="355"></embed></object></div>
<p>Omawiany plugin do WordPressa — wp‑Typography autorstwa Jeffreya Kinga — pozwala na automatyczną kontrolę tekstu pod kątem mikrotypograficznym. Ta kontrola nie jest doskonała — nie wszystkie błędy składu zostaną wyeliminowane — jednak prawidłowa konfiguracja znacznie podniesie estetykę i czytelność tekstu. Wbrew wcześniejszym założeniom dokonałem drobnych zmian w kodzie, z czego wynika kilka znaczących usprawnień — <a href="http://towarzysze.com/files/wp-typography-pl.zip" onclick="pageTracker._trackPageview('/outgoing/towarzysze.com/files/wp-typography-pl.zip?referer=');">POBIERZ wp-typography-pl.zip</a> [1,1 MB].</p>
<p><strong>Semantyka</strong><br />
Dość często obserwuję u osób, które są mistrzami kodowania (CSS, PHP, HTML itd.) braki w terminologii — posługują się kalkami językowymi i nazywają różne rzeczy bardzo śmiesznie. Załączam więc słowniczek kilku podstawowych pojęć, który — mam nadzieję — pomoże nam się lepiej rozumieć.</p>
<p class="hang"><strong>bękart</strong> <em>widow</em><br />
<em>wiersz zawieszony</em>, końcowy wiesz akapitu, który znalazł się na początku łamu bądź kolumny</p>
<p class="hang"><strong>czcionka</strong> <em>type</em>, <em>fount</em><br />
<em>krotło</em>; nośnik pisma wykonany najczęściej ze stopu drukarskiego, używany w druku typograficznym</p>
<p class="hang"><strong>dywiz</strong> <em>hyphen</em><br />
<em>łącznik</em>; znak wykorzystywany do łączenia lub dzielenia wyrazów; najczęściej ma kształt krótkiej poziomej kreski, ale może być również umieszczony pod innym kątem, posiadać nietypowy kształt, a nawet składać się z dwóch kreseczek</p>
<p class="hang"><strong>font</strong> <em>font</em><br />
cyfrowy nośnik pisma</p>
<p class="hang"><strong>firet</strong> <em>em</em><br />
względna jednostka miary, równa stopniowi pisma</p>
<p class="hang"><strong>fotoskład</strong> <em>photo­type­setting</em>, <em>photo­compo­sit­ing</em><br />
<em>skład fotograficzny</em>; metoda składu tekstu oparta o urządzenia fotograficzne, tzw. fotoskładarki; mimo przeróżnych konstrukcji, obowiązywała ta sama zasada działania: funkcję nośnika pisma pełniło światło przechodzące przez fotomatrycę</p>
<p class="hang"><strong>interlinia</strong> <em>leading</em>, <em>line spacing</em>, <em>interline spacing</em><br />
odstęp międzywierszowy; odstęp międzyakapitowy; przestrzeń między kolejnymi wierszami</p>
<p class="hang"><strong>justowanie</strong> <em>justification</em><br />
wypełnianie składu justunkiem, w praktyce komputerowej sprowadza się to do wyrównywania wiersza, łamu, lub kolumny jednostronnie (do lewej lub do prawej) albo obustronnie</p>
<p class="hang"><strong>kolumna</strong> <br />
obszar stronicy pokryty tekstem</p>
<p class="hang"><strong>korytarz</strong> <em>river</em><br />
widoczna przestrzeń w składzie, utworzona przez zbyt szerokie spacje, powtarzające się w kolejnych wierszach</p>
<p class="hang"><strong>krój pisma</strong> <em>typeface</em><br />
a) jeden z atrybutów pisma drukarskiego, decydujący o kształcie liter; b) pismo drukarskie</p>
<p class="hang"><strong>linia</strong> <em>line</em><br />
a) długa kreska, pełniąca w składzie rolę kompozycyjną (np. rozdzielenie łamów czy ozdobnik); b) jeden z kilku parametrów pisma drukarskiego, wyznaczający podstawę (linia bazowa), granicę wydłużeń górnych (linia wydłużeń górnych), dolnych (linia wydłużeń dolnych) itp.; c) długa linijka</p>
<p class="hang"><strong>linijka [typograficzna]</strong> <em>ruler</em>, <em>typometer</em>, <em>type gauge</em><br />
przyrząd do pomiarów, kreślenia, makietowania etc., wyposażony w podziałki z miarami metryczną i typograficznymi bądź tylko typograficznymi</p>
<p class="hang"><strong>linotyp</strong> <em>linotype</em>, <em>Linotype typesetting machine</em><br />
urządzenie do składu gorącego, w którym linotypista przy użyciu klawiatury wprowadzał tekst, a maszyna odlewała ze stopu drukarskiego gotowe wiersze [linotypowe], które układane jeden za drugim tworzyły szpaltę</p>
<p class="hang"><strong>łam</strong> <em>column</em><br />
połamana szpalta; blok tekstu, składający się najczęściej z kolejnych akapitów, stanowiący część kolumny lub (w szczególnym przypadku) z nią tożsamy</p>
<p class="hang"><strong>monotyp</strong> <em>monotype</em>, <em>Monotype typesetting machine</em><br />
zespół urządzeń do składu gorącego — tastra, na którym monotypista składał przy użyciu klawiatury, i odlewarki, która zakodowany na taśmie perforowanej skład odlewała w postaci pojedynczych czcionek zestawionych w szpalty; po rozmontowaniu składu, czcionek monotypowych można było używać w składzie ręcznym</p>
<p class="hang"><strong>pauza</strong> <em>em dash</em><br />
kreska o długości firetu, używana najczęściej w funkcji myślnika, współcześnie rzadziej niż półpauza</p>
<p class="hang"><strong>pismo drukarskie</strong> <em>type</em>, <em>typeface</em><br />
graficzna postać języka przewidziana do masowego powielania i zachowująca powtarzalność, w przeciwieństwie do np. pisma ręcznego (<em>script</em> ); pisma używane na stronach www również uważa się za drukarskie, ale zostały one poddane specjalnemu zabiegowi <em>hintingu</em> — dostosowania do wyświetlania na ekranie</p>
<p class="hang"><strong>podcięcie</strong> <em>hanging indent</em><br />
wpuszczenie wgłąb łamu wszystkich wierszy akapitu, poza pierwszym [jak w niniejszym słowniczku]</p>
<p class="hang"><strong>półfiret</strong> <em>en</em><br />
względna jednostka miary, równa połowie stopnia pisma</p>
<p class="hang"><strong>półpauza</strong> <em>en dash</em><br />
kreska o długości półfiretu, używana najczęściej w funkcji myślnika</p>
<p class="hang"><strong>skład</strong> <em>typesetting</em>, <em>compo­sit­ing</em>, <em>compo­sit­ion</em><br />
a) tworzenie szpalt; czynność polegająca na układaniu tekstu z czcionek bądź wprowadzaniu go za pomocą klawiatury; b) połamany (przygotowany do publikacji lub opublikowany) tekst</p>
<p class="hang"><strong>skład gorący</strong> <em>hot-metal typesetting</em>, <em>hot-metal compo­sit­ing</em><br />
technologia składu w metalu, polegająca na maszynowym odlewaniu przygotowanych wcześniej szpalt lub wierszy, w składzie ręcznym kolejność jest odwrotna</p>
<p class="hang"><strong>skład ręczny</strong> <em>typesetting</em>, <em>compo­sit­ing</em><br />
technologia składu przy użyciu odlanych wcześniej (bądź wyprodukowanych inną metodą) czcionek</p>
<p class="hang"><strong>spacja</strong> <em>space</em><br />
odstęp międzywyrazowy, typowa spacja ma szerokość od 1/4 do 1/3 firetu, specyfikacja UNICODE przewiduje również spacje specjalne, które można wprowadzać wprost lub za pomocą encji</p>
<p class="hang"><strong>spacjowanie</strong> <em>tracking</em>, <em>letter-spacing</em><br />
powiększanie odstępów międzyliterowych w całych słowach, koniecznie należy je stosować w wyrazach złożonych wersalikami bądź kapitalikami — dla podwyższenia ich czytelności — czasami używa się go jako wyróżnienia</p>
<p class="hang"><strong>stereotyp</strong> <em>stereotype</em><br />
forma drukowa w całości odlana z żeliwa lub stali, będąca kopią (formą wtórną) przygotowanej w składzie ręcznym bądź gorącym formy pierwotnej</p>
<p class="hang"><strong>szewc</strong> <em>orphan</em><br />
pierwszy wiersz akapitu, który pozostał na końcu łamu bądź kolumny</p>
<p class="hang"><strong>wersalik</strong> <em>capital letter</em> (plur.: <em>all caps</em>, <em>all capitalized</em> ), <em>majuscule</em><br />
majuskuła, wielka litera</p>
<p class="hang"><strong>wcięcie [akapitowe]</strong> <em>[paragraph] indent</em>, <em>[first line] indent</em><br />
wpuszczenie pierwszego wiersza akapitu wgłąb łamu, najczęściej o 1/2 do 1 1/2 firetu</p>
<p class="hang"><strong>wiersz</strong> <em>line</em><br />
a) fragment składu (tekstu), mieszczący się na jednej linii, w obrębie jednego łamu; b) w składzie gorącym, odlew zawierający pojedynczy ciąg znaków; wiersz linotypowy (<em>slug</em> )</p>
<p class="hang"><strong>zawieszone słowo</strong> <br />
jednoliterowe słowo — spójnik lub przyimek — na końcu wiersza, w bardziej cyzelowanym składzie uważa się niekiedy za takie również słowa <span class="noTypo">dwu-</span> lub trzyliterowe</p>
<p>Podczas wykładu padła kilkakrotnie sugestia przygotowania jakichś wskazówek dotyczących typografii. Oto garść dobrych rad. Chcesz swoim projektom lub internetowym publikacjom dodać nieco blasku? Praktykuj. Pamiętaj, że w uzasadnionych przypadkach możesz odstąpić od ścisłego przestrzegania reguł.</p>
<p><strong>Ustalaj właściwą szerokość łamu</strong><br />
Średnia maksymalna długość wiersza powinna wynosić 68–72 znaków. Jeśli z jakichkolwiek powodów potrzebujesz szerszego łamu, powiększ również interlinię. W przeciwnym razie czytelnik dostanie oczopląsu.</p>
<p><strong>Dobieraj odpowiednią interlinię</strong><br />
Weź pod uwagę przede wszystkim: krój i stopień pisma, szerokość łamu. Znaczenie ma też kolor tła czy samych liter. Jeśli któryś z tych parametrów się zmienia, musisz zmienić interlinię. Nie może być zbyt mała, ani zbyt duża. Poeksperymentuj.</p>
<p><strong>Wyrównuj do lewej</strong><br />
Łamanie tekstu w chorągiewkę zaoszczędzi wielu kłopotów tobie i twoim czytelnikom. Przede wszystkim spacje będą mieć tę samą szerokość. Oczywiście — jeśli bardzo chcesz — możesz wyrównywać tekst obustronnie, ale miej świadomość, że może to utrudnić jego odbiór.</p>
<p><strong>Zawsze dziel wyrazy</strong><br />
Dzielenie wyrazów pozwoli uniknąć korytarzy w tekście wyrównanym obustronnie, a w tekście wyrównanym do lewej uporządkuje trochę chorągiewkę. Dzielenie wyrazów w języku polskim podlega zasadom morfologii, a nie fonetyki — chodzi o przenoszenie wyrazów nie w miejscu podziałów sylabowych, lecz zgodnie z cząstkami znaczeniowymi (morfemami). Prawidłowe miejsca podziału <a href="http://so.pwn.pl/lista.php?co=s%B3ownik" onclick="pageTracker._trackPageview('/outgoing/so.pwn.pl/lista.php?co=s_B3ownik&amp;referer=');">podaje słownik</a> ortograficzny PWN.</p>
<p><strong>Szanuj ortografię</strong><br />
— myślnik oznacza zatrzymanie wypowiedzi, zastanowienie, nie powinno być myślników zbyt wiele, aby tekst nie stracił ciągłego charakteru, przedstawiaj go za pomocą półpauzy (względnie pauzy) otoczonej spacjami;<br />
— nie stawiaj wielu kropek — czterech, pięciu, ani nawet trzech — używaj wielokropka, w zależności od kontekstu powinien on przylegać do słowa poprzedzającego lub następującego;<br />
— pozostałe znaki interpunkcyjne przyklejaj do poprzedzającego je słowa (bez spacji po lewej stronie);<br />
— używaj pojedynczego wykrzyknika lub pytajnika, a jeśli chcesz podkreślić emocje — podwójnego, nie więcej, żeby nie uznali cię za psychopatę;<br />
— możesz używać, w szczególnych przypadkach, zbiegów znaków interpunkcyjnych: «?!» i «!?», innych w języku polskim nie ma;<br />
— jeśli nie dysponujesz wystarczającym słownictwem, możesz używać emotikonów :-P<br />
— unikaj dzielenia wyrazów w miejscu ich łączenia;<br />
— unikaj jednoliterówek na końcu wiersza, jeśli nie chcesz by twoi czytelnicy rzucali mięsem;<br />
— żeby nie musieli się zastanawiać „co autor miał na myśli”, unikaj myślnika na początku wiersza;<br />
— używaj prawidłowych cudzysłowów pierwszego stopnia: „…”, jako cudzysłowy drugiego stopnia (wewnętrzne) możesz stosować «…» lub »…«, ale konsekwentnie;<br />
— stosuj indeksy i frakcje jeśli trzeba;</p>
<p><strong>Uważaj, diabeł tkwi w szczegółach</strong><br />
— nie używaj podkreślenia;<br />
— nie wyróżniaj dłuższych partii tekstu pochyleniem;<br />
— unikaj podwójnych wyróżnień, np. pochylenie z pogrubieniem czy cudzysłowem, odstęp międzyakapitowy z wcięciem itd.<br />
— akapity lepiej wyróżniać większą interlinią, ale nie większą niż jeden wiersz;<br />
— koduj tekst w UTF-8;<br />
— nie wariuj z kolorami, pamiętaj że najczytelniejszym zestawieniem jest czarny tekst na białym tle<br />
— unikaj zdjęć w tle (pod tekstem);<br />
— tam, gdzie zachodzi potrzeba, używaj encji;<br />
— do projektowania układów typograficznych korzystaj z generatorów tekstu polskiego;<br />
— ograniczaj ilość krojów na stronie do minimum;<br />
— jeśli używasz pisma pochyłego w nawiasie prostym, sprawdź, czy przed nawiasem zamykającym nie potrzeba cienkiej spacji;<br />
— nie oddzielaj jednostek od miar;<br />
— stopień pisma nie powinien być zbyt mały, ani zbyt duży;</p>
<p><strong>Ustawiamy wp-Typography</strong><br />
Wtyczkę udostępniono na licencji GPL, co ma swoje zalety i wady. Poniżej link do wtyczki w polskim tłumaczeniu. Zdecydowałem się wprowadzić drobne zmiany w kodzie wtyczki. Nie wykluczam, że w przyszłości dodam jakieś jeszcze ulepszenia.<br />
 Należy ją zainstalować, tzn. rozpakować i folder o nazwie «wp‑typography» wraz z zawartością umieścić na serwerze w katalogu wyszczególnionym poniżej.</p>
<blockquote><p><code>../wp-content/plugins/</code></p></blockquote>
<p>Panel ustawień można odnaleźć w kokpicie: USTAWIENIA » WP‑TYPOGRAPHY (adres poniżej).</p>
<blockquote><p><code>../wp-admin/options-general.php?page=wp-typography</code></p></blockquote>
<p><a href="http://towarzysze.com/files/wp-typography-pl.zip" onclick="pageTracker._trackPageview('/outgoing/towarzysze.com/files/wp-typography-pl.zip?referer=');">POBIERZ wp-typography-pl.zip</a> [1,1 MB], zainstaluj i przejdź do konfiguracji. Jeśli posiadasz już wp‑Typography w wersji angielskiej, nadpisz ją.<br />
 Wraz z tłumaczeniem przygotowałem wstępne (domyślne) ustawienia, które różnią się od oryginalnych. Tak więc, jeśli miałeś już zainstalowaną wtyczkę, po wgraniu polskiej wersji włącz ustawienia domyślne. Obejrzyjmy jeszcze raz panel administracyjny.</p>
<p><strong>Źródła</strong><br />
Pierwszy moduł zawiera odsyłacze do stron autora. Ważne, że obowiązuje licencja GPL, oraz, że jest dostępny kod PHP, który można wdrożyć na dowolnej stronie www, nieopartej o WordPressa.</p>
<p><a rel="lightbox[wp-typography]" href='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/wp-t-1.jpg' title='Źródła'><img src='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/thumbs/thumbs_wp-t-1.jpg' alt='wp-Typography: Źródła' class='ngg-singlepic ngg-none' /></a></p>
<p><strong>Ogólne ustawienia</strong><br />
W drugim module można zdefiniować elementy HTML, które nie będą podlegać przetwarzaniu. Zastosowanie praktyczne: jeśli jakieś słowo lub słowa nie powinny być dzielone, wystarczy je ująć w odpowiednie tagi.</p>
<blockquote><p><code>&lt;span class="noTypo"&gt;…&lt;/span&gt;</code><br />
<code>&lt;p class="noTypo"&gt;…&lt;/p&gt;</code></p></blockquote>
<p>Oczywiście, to tylko prosty przykład, możliwości jest dużo więcej. </p>
<p><a rel="lightbox[wp-typography]" href='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/wp-t-2.jpg' title='Ogólne ustawienia'><img src='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/thumbs/thumbs_wp-t-2.jpg' alt='wp-Typography: Ogólne ustawienia' class='ngg-singlepic ngg-none' /></a></p>
<p><strong>Dzielenie wyrazów</strong><br />
Dzielenie wyrazów należy włączyć bez względu na to, czy tekst wyrównujemy obustronnie, czy tylko do lewej. W obu przypadkach poprawisz w ten sposób wygląd łamu. Jeśli obustronnie wyrównywane są też nagłówki, należy włączyć dzielenie również dla nich.<br />
 W dolnej części modułu znajduje się pole, w którym można dołączyć listę słów z własnymi regułami dzielenia. Sensownie można je wykorzystywać wyłącznie w tekstach łamanych w chorągiewkę. Rygorystyczne dzielenie wyrazów na stronach www, w połączeniu z obustronnym wyrównaniem spowoduje problemy! Dziury i korytarze, których nie chcemy. Posługuj się więc zasadą mniejszego zła i jeśli nie wyrównujesz do lewej, nic nie zmieniaj.</p>
<p><a rel="lightbox[wp-typography]" href='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/wp-t-3.jpg' title='Dzielenie wyrazów'><img src='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/thumbs/thumbs_wp-t-3.jpg' alt='wp-Typography: Dzielenie wyrazów' class='ngg-singlepic ngg-none' /></a></p>
<p><strong>Inteligentna podmiana znaków</strong><br />
Niestety, te opcje nie są tak inteligentne, jak by się chciało. Cudzysłowy co prawda prawidłowe, jednak oryginalny kod pozwalał na używanie w funkcji myślnika tylko pauzy. Zdecydowałem się wprowadzić zmianę. Wszystkie dywizy otoczone spacjami zostaną zamienione na półpauzy, podobnie podwójne dywizy <span class="noTypo">[&nbsp;--&nbsp;]</span>, jednak jeśli masz fantazję używać pauzy, możesz ją wstawiać za pomocą trzech dywizów <span class="noTypo">[&nbsp;---&nbsp;]</span>.<br />
 Trzy kropki zamieniaj na wielokropek — rzecz oczywista. Podmiana diakrytyków w języku polskim raczej nie będzie miała zastosowania, chyba, że dla obcych słów. Jeśli masz dobrze opracowaną listę, możesz włączyć. Uproszczone znaki zastrzeżeń, to bardzo wygodna opcja, a więc domyślnie pozostaje włączona. Przyrostki liczebników porządkowych nas nie dotyczą.<br />
 Matematyka. Wielka szkoda, że działa nieobliczalnie. Druga opcja z tej serii (ułamki) zadziała tylko, jeśli będziemy mieć włączone zawijanie po łączniku — absurd. Mimo to zalecam korzystanie z tej opcji. Wprowadzanie unikodowych znaków ułamków na www, szczególnie w małych stopniach, nie wchodzi w grę ze względu na totalny brak czytelności. Popatrz.</p>
<blockquote><p>⅜ —— 3/8</p></blockquote>
<p>Na www należy posługiwać się w tym wypadku nie frakcjami, lecz indeksami, dodatkowo cyfry w licznikach i mianownikach powinny być tylko nieznacznie mniejsze od podstawowego stopnia pisma.</p>
<p><a rel="lightbox[wp-typography]" href='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/wp-t-4.jpg' title='Inteligentna podmiana znaków'><img src='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/thumbs/thumbs_wp-t-4.jpg' alt='wp-Typography: Inteligentna podmiana znaków' class='ngg-singlepic ngg-none' /></a></p>
<p><strong>Kontrola tekstu przy użyciu niestandardowych spacji</strong><br />
Niestandardowe spacje to: nierozdzielna, cienka, zerowej szerokości itd. Po każdym jednoliterowym słowie zwykła spacja zostanie zamieniona na nierozdzielną — tak powinno być, ale nie jest. Wyjątkiem są dwie jednoliterówki obok siebie. Jeśli chcesz, aby żadna nie wisiała na końcu wiersza, po każdej z nich wstaw encję nierozdzielnej spacji zamiast zwykłej.</p>
<blockquote><p><code>&amp;nbsp;</code></p></blockquote>
<p>Cienkie spacje między myślnikiem, a słowem zamiast zwykłych, to anglosaski zwyczaj. Miałyby one sens gdybyśmy w funkcji myślnika stosowali pauzę, ale ważniejsze byłoby uniknięcie myślnika na początku wiersza. A więc, bez względu na to, czy myślnikiem jest pauza, czy półpauza, należy poprzedzić ją nierozdzielną spacją (encja powyżej). <em>Ergo</em> nie ma potrzeby korzystania z tej opcji.<br />
 Kolejne trzy opcje, to oczywistość oczywista (<em>sic</em> ). Można dowolnie rozszerzyć listę miar. Natomiast unikanie pojedynczych słów na końcu akapitu w pewnej mierze pozostaje opcją uznaniową. Warto ją włączyć w szerokim łamie, w wąskim nie będzie konieczna.<br />
 Zawijanie po łączniku — inaczej mówiąc, zezwolenie na dzielenie wyrazów w miejscu łączenia — nie powinno być dopuszczalne. Polska ortografia pozwala na podzielenie w tym miejscu, ale dywiz powinno się powtórzyć w następnym wierszu. Wp‑Typography tego nie umożliwia.<br />
 Arcyprzedziwnym błędem jest uzależnienie poprawnego renderowania ułamków od włączenia właśnie tej opcji. Jeśli chcemy mieć ładne ułamki, musimy więc pozostawić ją włączoną, a zakaz dzielenia słów z łącznikiem realizować przez ręczną podmianę łącznika na twardy dywiz (encja poniżej), którego ani HTML, ani wp‑Typography nie rozpoznaje (jest renderowany, jak zwykły dywiz).</p>
<blockquote><p><code>&amp;#8209;</code></p></blockquote>
<p> Zawijanie adresów email i URL-i jest realizowane przez dodanie spacji zerowej szerokości po każdej kropce i znaku at (@). Ostatnia opcja w tej sekcji pozwala wyłączyć zawijanie w Internet Explorerze 6 i również powinna zostać włączona.</p>
<p><a rel="lightbox[wp-typography]" href='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/wp-t-5.jpg' title='Kontrola tekstu przy użyciu niestandardowych spacji'><img src='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/thumbs/thumbs_wp-t-5.jpg' alt='wp-Typography: Kontrola tekstu przy użyciu niestandardowych spacji' class='ngg-singlepic ngg-none' /></a></p>
<p><strong>Haki CSS</strong><br />
Ostatni moduł pozwala na zdefiniowanie wyjątków za pomocą tzw. haków. W czterech szczególnych sytuacjach możemy włączyć automatyczne oznaczanie fragmentów tekstu klasą, którą następnie opiszemy w arkuszu stylów. Ponadto można dołączyć własne fragmenty kodu CSS.</p>
<p><a rel="lightbox[wp-typography]" href='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/wp-t-6.jpg' title='Haki CSS'><img src='http://rafal.towarzysze.com/wp-content/gallery/wp-typography/thumbs/thumbs_wp-t-6.jpg' alt='wp-Typography: Haki CSS' class='ngg-singlepic ngg-none' /></a></p>
<p>To chyba już wszystko o użyteczności wp‑Typography, ale jeszcze kilka uwag o błędach i ważniejszych problemach.</p>
<p style="margin:0; text-indent:1em;"> 1. Miękkie dywizy są wstawiane w całym tekście. Ujawniają się tylko wtedy, gdy zachodzi potrzeba przeniesienia słowa do kolejnego wiersza. Czasami jednak się zdarza, że cały tekst jest upstrzony dywizami. O co chodzi? Problem sprawiają fonty, które w zestawie znaków nie zawierają miękkich dywizów, w takim wypadku są one traktowane jak zwykłe. Innym źródłem nieprawidłowości może być brak obsługi bądź pełnej obsługi UNICODE przez przeglądarkę lub oprogramowanie serwera.</p>
<p style="margin:0; text-indent:1em;">2. Zawieszone słowo nie zostanie wykryte, jeśli jest ich więcej pod rząd.</p>
<p style="margin:0; text-indent:1em;">3. Myślniki będą się pojawiać na początku wiersza.</p>
<p style="margin:0; text-indent:1em;">4. Matematyka działa nieobliczalnie.</p>
<p style="margin:0; text-indent:1em;">5. Pochylone słowa stykają się z nawiasem zamykającym. Można temu zaradzić wstawiając cienką spację (encja poniżej).</p>
<blockquote><p><code>&amp;thinsp;</code></p></blockquote>
<p style="margin:0; text-indent:1em;">6. Opcja zawijania po łączniku działa tylko ze zwykłym dywizem, nie będzie działać z twardym. To wynika raczej ze specyfikacji HTML i jest plusem, ponieważ możemy wprowadzić do tekstu dodatkowy dywiz, który będzie posiadał takie same atrybuty, jak zwykły (niepodzielność), ale przez wp‑Typography zostanie pominięty w przetwarzaniu (nie pojawi się po nim spacja zerowej szerokości).</p>
<p style="margin:0; text-indent:1em;">7. Haki CSS mają polepszyć estetykę i czytelność, niemniej jednak nie w każdym projekcie będą się sprawdzać. Można i należy je samemu modyfikować. W niniejszej wersji dokonałem kilku istotnych zmian.</p>
<p class="hang"><code>.caps</code> — dodałem spacjowanie do klasy «caps» równocześnie zmieniając rozmiar wersalików na 95%; okazało się, że rozświetla ona spację po słowie, ale nie przed i bardzo źle to wygląda, dlatego dodałem również trochę światła przed spacjowanym słowem;<br />
— uwaga: słowa na początku akapitu, złożone wersalikami będą potrzebować korekty o 20/100 firetu w lewo (-0,2 em);<br />
— nie zostają wykryte ciągi wersalików zawarte w cudzysłowie, choć w nawiasie już tak;</p>
<p class="hang"><code>.numbers</code> — zmieniłem spacjowanie i stopień pisma dla cyfr; potrzebna korekta dla cyfr rozpoczynających akapit wynosi 10/100 firetu; jeśli w projektach lub na blogu korzystasz z krojów zawierających cyfry nautyczne (z wydłużeniami dolnymi i górnymi), wyłącz tę opcję, cyfr tego typu (jak w piśmie Georgia) nie należy różnicować od tekstu głównego;</span></p>
<p class="hang"><code>.sup</code> i <code>.sub</code> — zmieniłem stopień pisma na 80% tekstu głównego; poprawiłem światła pionowe i poziome.</p>
<p>Zanim podam linki do innych źródeł, chciałbym podsumować konferencję. Wydaje mi się, że WordPress to przyszłość www. Łódzki WordCamp, jako zgromadzenie specjalistów lub osób, które pragną stać się specjalistami, wpisuje się niebywałą dynamikę całej społeczności użytkowników. Nie trzeba chyba mocno podkreślać, że ma ona zarobkowy charakter. Paradoksalnie, dynamikę tę potęguje fakt, że system jest otwarty.<br />
 Kilka wystąpień bardzo pasowało do moich potrzeb, wśród nich „Tworzenie użytecznych paneli zarządzania” Marcina Bieguna i „WordPress + organizacje studenckie = sukces” Adama Klimowskiego.</p>
<p><small><br />
<strong>Ważne źródła</strong><br />
<a href="http://www.beyondstandards.com/wp-content/uploads/2006/05/penguin_rules_for_the_web.html" onclick="pageTracker._trackPageview('/outgoing/www.beyondstandards.com/wp-content/uploads/2006/05/penguin_rules_for_the_web.html?referer=');">Penguin Composition Rules for web</a> Adaptacja zasad opracowanych przez Jana Tchicholda dla Penguin Books do potrzeb www<br />
<a href="http://webtypography.net/intro/" onclick="pageTracker._trackPageview('/outgoing/webtypography.net/intro/?referer=');">The Elements of Typographic Style Applied to the Web</a> Adaptacja „Elementarza stylu w typografii” Roberta Bringhursta do potrzeb www<br />
<a href="http://typografia.info/index.php/artykuly-mainmenu-4/6-typografia-internetowa" onclick="pageTracker._trackPageview('/outgoing/typografia.info/index.php/artykuly-mainmenu-4/6-typografia-internetowa?referer=');">typografia.info</a> Serwis Roberta Chwałowskiego na temat typografii<br />
<a href="http://taat.pl/typografia/" onclick="pageTracker._trackPageview('/outgoing/taat.pl/typografia/?referer=');">taat.pl</a> Zbiór tekstów Tomasza Pęszora o typografii internetowej</p>
<p><strong>Pomocne narzędzia</strong><br />
<a href="http://www.jursz.com/packets/text4www1.0/text4www_pl.htm" onclick="pageTracker._trackPageview('/outgoing/www.jursz.com/packets/text4www1.0/text4www_pl.htm?referer=');">Text4www</a> Poprawki mikrotypograficzne | Henryk Jursz (jursz.com)<br />
<a href="http://taat.pl/narzedzia/text4web/" onclick="pageTracker._trackPageview('/outgoing/taat.pl/narzedzia/text4web/?referer=');">Text4web</a> Poprawki mikrotypograficzne | Tomasz Pęszor (taat.pl)<br />
<a href="http://lipsum.pl/" onclick="pageTracker._trackPageview('/outgoing/lipsum.pl/?referer=');">lipsum.pl</a> Generator tekstu łacińskiego (<em>Lorem ipsum</em> ), polskiego i rosyjskiego | Tomasz Pęszor (taat.pl)<br />
<a href="http://taat.pl/narzedzia/" onclick="pageTracker._trackPageview('/outgoing/taat.pl/narzedzia/?referer=');">taat.pl</a> Inne narzędzia | Tomasz Pęszor (taat.pl)</p>
<p><strong>WordPress &amp; WordCamp</strong><br />
<a href="http://wordpress.org/" onclick="pageTracker._trackPageview('/outgoing/wordpress.org/?referer=');">wordpress.org</a> | <a href="http://pl.wordpress.org/" onclick="pageTracker._trackPageview('/outgoing/pl.wordpress.org/?referer=');">pl.wordpress.org</a><br />
<a href="http://wordpress.com/" onclick="pageTracker._trackPageview('/outgoing/wordpress.com/?referer=');">wordpress.com</a> | <a href="http://pl.wordpress.com/" onclick="pageTracker._trackPageview('/outgoing/pl.wordpress.com/?referer=');">pl.wordpress.com</a><br />
<a href="http://wordcamp-polska.pl/" onclick="pageTracker._trackPageview('/outgoing/wordcamp-polska.pl/?referer=');">WordCamp Polska</a><br />
<a href="http://www.youtube.com/wordcamppolska" onclick="pageTracker._trackPageview('/outgoing/www.youtube.com/wordcamppolska?referer=');">WordCamp Polska — Youtube</a><br />
<a href="http://central.wordcamp.org/" onclick="pageTracker._trackPageview('/outgoing/central.wordcamp.org/?referer=');">WordCamp Central</a><br />
<a href="http://wordpress.tv/category/wordcamptv/" onclick="pageTracker._trackPageview('/outgoing/wordpress.tv/category/wordcamptv/?referer=');">WordCampTV</a></p>
<p><strong>wp-Typography</strong><br />
Wersja polska — <a href="http://towarzysze.com/files/wp-typography-pl.zip" onclick="pageTracker._trackPageview('/outgoing/towarzysze.com/files/wp-typography-pl.zip?referer=');">POBIERZ wp-typography-pl.zip</a> [1,1 MB]<br />
<a href="http://wordpress.org/extend/plugins/wp-typography/" onclick="pageTracker._trackPageview('/outgoing/wordpress.org/extend/plugins/wp-typography/?referer=');">Wtyczka w repozytorium WordPressa</a><br />
<a href="http://kingdesk.com/projects/wp-typography/" onclick="pageTracker._trackPageview('/outgoing/kingdesk.com/projects/wp-typography/?referer=');">Strona domowa</a><br />
<a href="http://kingdesk.com/projects/wp-typography-license/" onclick="pageTracker._trackPageview('/outgoing/kingdesk.com/projects/wp-typography-license/?referer=');">Licencja</a><br />
<a style="margin-left:-.2em;" href="http://kingdesk.com/projects/wp-typography-faqs/" onclick="pageTracker._trackPageview('/outgoing/kingdesk.com/projects/wp-typography-faqs/?referer=');">FAQ</a><br />
<a style="margin-left:-.2em;" href="http://kingdesk.com/projects/php-typography/" onclick="pageTracker._trackPageview('/outgoing/kingdesk.com/projects/php-typography/?referer=');">PHP Typography</a></p>
<p><strong>Morfologia i ortografia</strong><br />
<a href="http://so.pwn.pl/" onclick="pageTracker._trackPageview('/outgoing/so.pwn.pl/?referer=');">Wielki słownik ortograficzny</a> Ogólnodostępny słownik internetowy, który wskazuje również prawidłowe miejsca dzielenia wyrazów<br />
</small></p>
<div class='wb_fb_bottom'><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" action="like" font="arial" colorscheme="light"  href="http://rafal.towarzysze.com/mikrokosmos/" width="200"  send="true" > </fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://rafal.towarzysze.com/mikrokosmos/" > </fb:share-button></div></div>]]></content:encoded>
			<wfw:commentRss>http://rafal.towarzysze.com/mikrokosmos/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Proszę składać tym samym pismem!</title>
		<link>http://rafal.towarzysze.com/prosze-skladac-tym-samym-pismem/</link>
		<comments>http://rafal.towarzysze.com/prosze-skladac-tym-samym-pismem/#comments</comments>
		<pubDate>Mon, 27 Apr 2009 17:32:30 +0000</pubDate>
		<dc:creator>Rafał Sylwester Świątek</dc:creator>
				<category><![CDATA[oprogramowanie]]></category>
		<category><![CDATA[pismo]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[Identifont]]></category>
		<category><![CDATA[identyfikacja fontów]]></category>
		<category><![CDATA[rozpoznawanie fontów]]></category>
		<category><![CDATA[rozpoznawanie krojów]]></category>
		<category><![CDATA[rozpoznawanie pism]]></category>
		<category><![CDATA[typografia]]></category>
		<category><![CDATA[WhatTheFont]]></category>

		<guid isPermaLink="false">http://rafal.towarzysze.com/?p=456</guid>
		<description><![CDATA[Czasami rzut okiem nie wystarczy, nie ma kogo zapytać, autor nie żyje, a trzeba przeskładać tekst czy logotyp właśnie tym, konkretnym krojem. Ale jaki to krój? Z pomocą przychodzą nam narzędzia do identyfikacji pism. Godne polecenia są internetowe: What The Font?! oraz Identifont.  W pierwszym wystarczy załadować obrazek z próbką napisu, powiedzieć programowi, która litera [...]]]></description>
			<content:encoded><![CDATA[<p>Czasami rzut okiem nie wystarczy, nie ma kogo zapytać, autor nie żyje, a trzeba przeskładać tekst czy logotyp właśnie tym, konkretnym krojem. Ale jaki to krój? Z pomocą przychodzą nam narzędzia do identyfikacji pism. Godne polecenia są internetowe: <a href="http://www.myfonts.com/WhatTheFont" onclick="pageTracker._trackPageview('/outgoing/www.myfonts.com/WhatTheFont?referer=');">What The Font?!</a> oraz <a href="http://www.identifont.com/identify.html" onclick="pageTracker._trackPageview('/outgoing/www.identifont.com/identify.html?referer=');">Identifont</a>.<br />
 W pierwszym wystarczy załadować obrazek z próbką napisu, powiedzieć programowi, która litera jest która i przejrzeć wyniki.<br />
 W drugim odpowiadamy na serię pytań o kształt liter — Czy czwórka jest otwarta, czy zamknięta? Czy pismo jest szeryfowe? Czy środkowa kreseczka w literze „E” również ma szeryfa? etc. Pytania są ilustrowane ikonkami, ułatwiającymi ich zrozumienie.<br />
 Bardzo lubię to narzędzie ze względu na jego wysoką trafność. Oczywiście im więcej wiadomo na temat poszukiwanego pisma, tym większe są szanse na jego celną identyfikację. Zawsze można odpowiedzieć „nie wiem”, wtedy otrzymamy dodatkowe pytania.<br />
 Podczas testu, Minion [Pro] został rozpoznany po udzieleniu dziewiętnastu prawidłowych odpowiedzi.<br />
<small><br />
Linki<br />
<a href="http://www.myfonts.com/WhatTheFont" onclick="pageTracker._trackPageview('/outgoing/www.myfonts.com/WhatTheFont?referer=');">What The Font?!</a> | <a href="http://www.identifont.com/identify.html" onclick="pageTracker._trackPageview('/outgoing/www.identifont.com/identify.html?referer=');">Identifont</a><br />
</small></p>
<div class='wb_fb_bottom'><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" action="like" font="arial" colorscheme="light"  href="http://rafal.towarzysze.com/prosze-skladac-tym-samym-pismem/" width="200"  send="true" > </fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://rafal.towarzysze.com/prosze-skladac-tym-samym-pismem/" > </fb:share-button></div></div>]]></content:encoded>
			<wfw:commentRss>http://rafal.towarzysze.com/prosze-skladac-tym-samym-pismem/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Cztery klawiatury dla Windows</title>
		<link>http://rafal.towarzysze.com/cztery-klawiatury-dla-windows/</link>
		<comments>http://rafal.towarzysze.com/cztery-klawiatury-dla-windows/#comments</comments>
		<pubDate>Thu, 05 Mar 2009 16:07:53 +0000</pubDate>
		<dc:creator>Rafał Sylwester Świątek</dc:creator>
				<category><![CDATA[oprogramowanie]]></category>
		<category><![CDATA[Arkadiusz Robiński]]></category>
		<category><![CDATA[Henryk Jursz]]></category>
		<category><![CDATA[klawiatura]]></category>
		<category><![CDATA[układ klawiatury]]></category>
		<category><![CDATA[Windows]]></category>

		<guid isPermaLink="false">http://rafal.towarzysze.com/?p=258</guid>
		<description><![CDATA[Jak uzyskać niestandardowe znaki pod Windowsami? Klawiatury dostarczone z systemem nie dają prostego rozwiązania. Trzeba poszukać czegoś innego. Dziś test czterech układów klawiatury. Dwóch systemowych (Polski maszynistki i Polski programisty) i dwóch innych — najlepszych, z jakimi pracowałem: Polski Macintosh Henryka Jursza i Polski międzynarodowy Arkadiusza Robińskiego. Klawiatury do pobrania: Polski Macintosh &#124; Polski międzynarodowy]]></description>
			<content:encoded><![CDATA[<p>Jak uzyskać niestandardowe znaki pod Windowsami? Klawiatury dostarczone z systemem nie dają prostego rozwiązania. Trzeba poszukać czegoś innego. Dziś <a href="http://towarzysze.com/files/4_klawiatury_.pdf" onclick="pageTracker._trackPageview('/outgoing/towarzysze.com/files/4_klawiatury_.pdf?referer=');">test czterech układów klawiatury</a>. Dwóch systemowych (<em>Polski maszynistki</em> i <em>Polski programisty</em>) i dwóch innych — najlepszych, z jakimi pracowałem: <em>Polski Macintosh</em> Henryka Jursza i <em>Polski międzynarodowy</em> Arkadiusza Robińskiego.<br />
<small><br />
Klawiatury do pobrania:<br />
<a href="http://www.jursz.com/programy.htm#MacKeyPL_" onclick="pageTracker._trackPageview('/outgoing/www.jursz.com/programy.htm_MacKeyPL?referer=');">Polski Macintosh</a> | <a href="http://robinski.org/portfolio/polski-miedzynarodowy/" onclick="pageTracker._trackPageview('/outgoing/robinski.org/portfolio/polski-miedzynarodowy/?referer=');">Polski międzynarodowy</a><br />
</small></p>
<div class='wb_fb_bottom'><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" action="like" font="arial" colorscheme="light"  href="http://rafal.towarzysze.com/cztery-klawiatury-dla-windows/" width="200"  send="true" > </fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://rafal.towarzysze.com/cztery-klawiatury-dla-windows/" > </fb:share-button></div></div>]]></content:encoded>
			<wfw:commentRss>http://rafal.towarzysze.com/cztery-klawiatury-dla-windows/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Za co kochamy Microsoft?</title>
		<link>http://rafal.towarzysze.com/za-co-kochamy-microsoft/</link>
		<comments>http://rafal.towarzysze.com/za-co-kochamy-microsoft/#comments</comments>
		<pubDate>Tue, 13 Jan 2009 11:14:46 +0000</pubDate>
		<dc:creator>Rafał Sylwester Świątek</dc:creator>
				<category><![CDATA[font]]></category>
		<category><![CDATA[oprogramowanie]]></category>
		<category><![CDATA[typografia internetowa]]></category>
		<category><![CDATA[Arial]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Monotype]]></category>
		<category><![CDATA[office]]></category>
		<category><![CDATA[pismo]]></category>
		<category><![CDATA[TeX]]></category>
		<category><![CDATA[Times New Roman]]></category>
		<category><![CDATA[typografia]]></category>
		<category><![CDATA[vendor]]></category>
		<category><![CDATA[WEFT]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[Word]]></category>

		<guid isPermaLink="false">http://rafal.towarzysze.com/?p=35</guid>
		<description><![CDATA[Od lat jednoznacznie kojarzony, jako dostawca systemów operacyjnych Windows oraz pakietu Microsoft Office. Dla części użytkowników komputerów praca z tym oprogramowaniem jest oczywistością i nie wyobrażają sobie, by mogło być inaczej. Dla nich Internet i Internet Explorer, to synonimy. Inna grupa od dziecka pracowała (lub bawiła się) na innych komputerach z innymi systemami operacyjnymi, innymi [...]]]></description>
			<content:encoded><![CDATA[<p>Od lat jednoznacznie kojarzony, jako dostawca systemów operacyjnych Windows oraz pakietu Microsoft Office. Dla części użytkowników komputerów praca z tym oprogramowaniem jest oczywistością i nie wyobrażają sobie, by mogło być inaczej. Dla nich Internet i Internet Explorer, to synonimy. Inna grupa od dziecka pracowała (lub bawiła się) na innych komputerach z innymi systemami operacyjnymi, innymi pakietami i choć słyszeli o jakimś Microsofcie, zupełnie im on — albo brak jego oprogramowania — nie przeszkadza. Jeszcze inni świadomie unikają styczności z produktami znienawidzonego przez siebie giganta z Redmond.<br />
 A za co można pokochać Microsoft? Oczywiście za typografię! Jest sprawdzonym i konsekwentnym dostawcą świetnych rozwiązań typograficznych.<br />
 1. WEFT — <a href="http://www.microsoft.com/typography/web/embedding/weft3/download.aspx" onclick="pageTracker._trackPageview('/outgoing/www.microsoft.com/typography/web/embedding/weft3/download.aspx?referer=');">Web Embed­ding Fonts Tool</a>, to program do osadzania fontów na stronach www z wykorzystaniem arkuszy stylów, Obsługa jest bardzo intuicyjna, mimo, że interfejs wygląda trochę archaicznie (program jest stary prawie, jak świat). Potrafi osadzać wszystkie fonty z vendorem Microsoft, a może nawet troszeczkę więcej :-)<br />
 2. Fonty — Dwa fonty wyprodukowane przez Monotype Corp. i rozprowadzane z Windowsami podbiły świat biur i stały się wszechobecne. Estetyka Times New Romana i Ariala pozostawia wiele do życzenia, ale choć nadal są w użyciu, ich czas już przebrzmiał. Dziś Microsoft razem z oprogramowaiem dostarcza najwyższej jakości fonty. Każdy może sobie <a href="http://www.microsoft.com/typography/fonts/default.aspx" onclick="pageTracker._trackPageview('/outgoing/www.microsoft.com/typography/fonts/default.aspx?referer=');">sprawdzić</a>, co było dodane do czego i kiedy.<br />
 3. Word 2007 — pierwszy program biurowy, który zawiera profesjonalny edytor wzorów matematycznych. Do tej pory matematykę można było składać (dobrze) wyłącznie przy użyciu bardzo zaawansowanych programów lub wręcz systemów składu (jak TeX). Teraz można to też <a href="http://office.microsoft.com/pl-pl/word/default.aspx" onclick="pageTracker._trackPageview('/outgoing/office.microsoft.com/pl-pl/word/default.aspx?referer=');">robić w Wordzie</a>.<br />
 Chcesz wiedzieć więcej? Na stronie <a href="http://www.microsoft.com/typography/default.mspx" onclick="pageTracker._trackPageview('/outgoing/www.microsoft.com/typography/default.mspx?referer=');">microsoft.com/typography</a> znajdziesz jeszcze kilka użytecznych drobiazgów oraz wiele ważnych informacji.</p>
<div class='wb_fb_bottom'><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" action="like" font="arial" colorscheme="light"  href="http://rafal.towarzysze.com/za-co-kochamy-microsoft/" width="200"  send="true" > </fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://rafal.towarzysze.com/za-co-kochamy-microsoft/" > </fb:share-button></div></div>]]></content:encoded>
			<wfw:commentRss>http://rafal.towarzysze.com/za-co-kochamy-microsoft/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Dzień dobry!</title>
		<link>http://rafal.towarzysze.com/dzien-dobry/</link>
		<comments>http://rafal.towarzysze.com/dzien-dobry/#comments</comments>
		<pubDate>Fri, 09 Jan 2009 06:06:19 +0000</pubDate>
		<dc:creator>Rafał Sylwester Świątek</dc:creator>
				<category><![CDATA[mikrotypografia]]></category>
		<category><![CDATA[oprogramowanie]]></category>
		<category><![CDATA[typografia internetowa]]></category>
		<category><![CDATA[dywiz]]></category>
		<category><![CDATA[encja]]></category>
		<category><![CDATA[Henryk Jursz]]></category>
		<category><![CDATA[pauza]]></category>
		<category><![CDATA[półpauza]]></category>
		<category><![CDATA[Text4www]]></category>
		<category><![CDATA[typografia]]></category>
		<category><![CDATA[Unicode]]></category>
		<category><![CDATA[webmaster]]></category>

		<guid isPermaLink="false">http://rafal.towarzysze.com/?p=10</guid>
		<description><![CDATA[Dziś pierwszy w życiu wpis na prawdziwym, własnym blogu. To chyba wielki dzień. Ponieważ w temacie jest „typografia”, jak byk i za bardzo odbiegać od niego nie chcę, poniżej pierwsza pomoc dla webmasterów.  Henryk Jursz przygotował darmowe narzędzie do obróbki tekstu o nazwie Text4www. Co ono robi? Zamienia znaki cala na cudzysłowy, dywizy na półpauzy [...]]]></description>
			<content:encoded><![CDATA[<p>Dziś pierwszy w życiu wpis na prawdziwym, własnym blogu. To chyba wielki dzień. Ponieważ w temacie jest „typografia”, jak byk i za bardzo odbiegać od niego nie chcę, poniżej pierwsza pomoc dla webmasterów.<br />
 Henryk Jursz przygotował darmowe narzędzie do obróbki tekstu o nazwie <a href="http://www.jursz.com/packets/text4www1.0/text4www_pl.htm" onclick="pageTracker._trackPageview('/outgoing/www.jursz.com/packets/text4www1.0/text4www_pl.htm?referer=');">Text4www</a>. Co ono robi? Zamienia znaki cala na cudzysłowy, dywizy na półpauzy lub pauzy, dołącza do tekstu znaki dzielenia wyrazów jako encje lub znaki Unicode. Zachęcam do używania, dzięki niemu teksty na www będą wyglądać lepiej.</p>
<div class='wb_fb_bottom'><!-- Wordbooker created FB tags --> <fb:like layout="button_count" show_faces="false" action="like" font="arial" colorscheme="light"  href="http://rafal.towarzysze.com/dzien-dobry/" width="200"  send="true" > </fb:like> <div style="float:right;"><!-- Wordbooker created FB tags --> <fb:share-button class="meta" type="button" href="http://rafal.towarzysze.com/dzien-dobry/" > </fb:share-button></div></div>]]></content:encoded>
			<wfw:commentRss>http://rafal.towarzysze.com/dzien-dobry/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

