<?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>RavSite &#187; Tuts</title>
	<atom:link href="http://ravsite.net/kategoria/tuts/feed/" rel="self" type="application/rss+xml" />
	<link>http://ravsite.net</link>
	<description>Luźne przemyślenia na różne tematy</description>
	<lastBuildDate>Wed, 30 Sep 2009 21:18:55 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>MusicTracker w Pidginie współgrający z foobarem2000</title>
		<link>http://ravsite.net/musictracker-w-pidginie-wspolgrajacy-z-foobarem2000/</link>
		<comments>http://ravsite.net/musictracker-w-pidginie-wspolgrajacy-z-foobarem2000/#comments</comments>
		<pubDate>Mon, 13 Oct 2008 19:36:29 +0000</pubDate>
		<dc:creator>Ravicious</dc:creator>
				<category><![CDATA[Software]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[Tuts]]></category>
		<category><![CDATA[foobar2000]]></category>
		<category><![CDATA[komunikatory]]></category>
		<category><![CDATA[muzyka]]></category>
		<category><![CDATA[Pidgin]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://ravsite.net/?p=375</guid>
		<description><![CDATA[foobar2000 to niezły, szybki i prosty odtwarzacz i za to go cenię &#8211; wystarczy zainstalować, dodać bibliotekę i&#8230; już. Nie muszę go dodatkowo konfigurować, bo jest już dla mnie dostosowany. Jeśli chciałbym dodać do niego bajery graficzne, to mogę to zrobić, kiedy tylko zechcę.
Pidgin to multikomunikator, którego lubię za to, że nie muszę bawić się [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://ravsite.net/wprs/wp-content/uploads/2008/10/pidgin_medium.jpg" alt="Pidgin" title="Pidgin" width="181" height="384" class="image" /><a href="http://www.foobar2000.org/">foobar2000</a> to niezły, szybki i prosty odtwarzacz i za to go cenię &#8211; wystarczy zainstalować, dodać bibliotekę i&#8230; już. Nie muszę go dodatkowo konfigurować, bo jest już dla mnie dostosowany. Jeśli chciałbym dodać do niego bajery graficzne, to mogę to zrobić, kiedy tylko zechcę.</p>
<p><a href="http://pidgin.im/">Pidgin</a> to multikomunikator, którego lubię za to, że nie muszę bawić się w konfigurowanie transportów i w miarę szybko mogę go zrobić <span class="kursywa">&#8220;pod siebie&#8221;</span>.</p>
<p>Ostatnio jakoś zachciało mi się posiadania wtyczki typu &#8220;now playing&#8221;, która wyświetlałaby w opisie na GG i Jabberze informacje o aktualnie odtwarzanym przeze mnie utworze. Kiedyś wpadłem na jeden z wpisów Shreevatsy, mianowicie <a href="http://shreevatsa.wordpress.com/2007/05/20/pidgin-now-playing-updating-status-messages-to-song-being-played/">Pidgin “now playing” plugins: updating status messages to song being played</a>. Tam wpadłem na wtyczkę <a href="http://code.google.com/p/musictracker/">musictracker</a> i używałem jej aż do czasu sformatowania dysku.</p>
<p>Jak już pisałem, niedawno sobie o niej przypomniałem i zainstalowałem, ale nie działała z Pidginem i foobarem2000, prawdopodobnie dlatego, że przed formatem posiadałem starszą wersję foobara, a musictracker nie był przystosowany do nowej. Znalazłem nowszą wersję wtyczki i zacząłem kombinować razem z <a href="http://bobiko.jogger.pl/">Bobiko</a> w ustawieniach. No i udało się <small>(wprawdzie nie tak jak miało być, ale działa ;-)</small><br />
<span id="more-375"></span></p>
<h3>Przygotowanie do działania</h3>
<p>Pewnie już domyślacie się, że wszystko ma hulać pod Windowsem, a nie pod innym systemem &#8211; tylko foobar2000 sprawia problemy z wtyczką, inne odtwarzacze nie powinny mieć z nią problemów <small>(iTunes, Winamp, Amarok, Audacious i reszta)</small>.</p>
<p>Aha, jeśli nie wykonamy poniżej opisanych czynności, to w Pidginie po prostu informacje o utworze nie będą się wyświetlały.</p>
<p>Rzeczy, które będą potrzebne:</p>
<ul>
<li><strong>Pidgin 2.5.1</strong></li>
<li><strong>foobar2000 v0.9.5.4</strong></li>
<li>wtyczka <a href="http://code.google.com/p/pidgin-musictracker/"><strong>MusicTracker 0.4.11</strong></a> do Pidgina</li>
<li>dodatek <a href="http://chron.visiondesigns.de/foobar2000/#foo_winamp_spam"><strong>foo_winamp_spam v0.96</strong></a> do foobara2000</li>
</ul>
<p>Te dwie ostatnie umieściłem <a href='http://ravsite.net/wprs/wp-content/uploads/2008/10/musicpack.zip' class="lizip">w paczce</a> specjalnie dla Was, żeby zaoszczędzić Wam klikania, drodzy czytelnicy ;-) Niewykluczone, że wszystko będzie działać z innymi wersjami wyżej wymienionych programów. U mnie działa na takiej konfiguracji, więc przy programach napisałem takie, a nie inne numery wersji.</p>
<p>foo_winamp_spam musimy wrzucić do katalogu <code>foobar2000/components</code>, a wtyczkę MusicTracker zainstalować i aktywować poprzez przejście do listy aktywnych wtyczek <span class="pogrubienie">Narzędzia &rarr; Wtyczki</span>.</p>
<h3>Conf, conf, conf&#8230;</h3>
<h4>foobar2000</h4>
<p>Teraz szybki skok do <span class="pogrubienie">File &rarr; Preferences &rarr; Tools &rarr; Winamp API Emulator</span>. W polu <code>Winamp "title bar" format string</code> wpisujemy coś takiego:<br />
<code>[%album artist% - ]%title%</code><br />
Oczywiście wariacji jest więcej, wszystkie je znajdziecie w zakładce omawianej niżej, wystarczy tylko kliknąć w przycisk [Syntax Help].<br />
Przechodzimy do <span class="pogrubienie">Display &rarr; Default User Interface</span>. W polu <code>Window Title</code> musi być wpisana domyślna wartość <small>(a przynajmniej tak mówią autorzy wtyczki)</small>:<br />
<code>[%album artist% - ]['['%album%[ CD%discnumber%][ #%tracknumber%]']' ]%title%[ '//' %track artist%]</code><br />
OK, foobar odfajkowany, zamieszczam screeny, jak to powinno wyglądać <small>(zwróćcie uwagę na zaznaczone opcje w zakładce <code>Winamp API Emulator</code></small>:</p>
<p><a href="http://ravsite.net/wprs/wp-content/uploads/2008/10/foobar1.jpg" class="lightbox"><img src="http://ravsite.net/wprs/wp-content/uploads/2008/10/foobar1-300x214.jpg" alt="zakładka Winamp API Emulator" title="zakładka Winamp API Emulator" width="300" height="214" class="imagecenter" /></a></p>
<p><a href="http://ravsite.net/wprs/wp-content/uploads/2008/10/foobar2.jpg" class="lightbox"><img src="http://ravsite.net/wprs/wp-content/uploads/2008/10/foobar2-300x214.jpg" alt="zakładka Default User Interface" title="zakładka Default User Interface" width="300" height="214" class="imagecenter" /></a></p>
<h4>Pidgin</h4>
<p>W Pidginie przechodzimy do konfiguracji wtyczki &#8211; <span class="pogrubienie">Narzędzia &rarr; Wtyczki &rarr; MusicTracker &rarr; przycisk [Konfiguruj wtyczkę]</span> i ustawiamy następujące opcje:</p>
<ul>
<li>Player: Winamp</li>
<li>Status format: wszędzie <code>%t</code> &#8211; wyświetli to wcześniej ustawione parametry z <code>Winamp "title bar"</code> z emulatora API Winampa w foobarze.</li>
</ul>
<p>Wygląda to tak:</p>
<p><a href="http://ravsite.net/wprs/wp-content/uploads/2008/10/pidgin1.jpg" class="lightbox"><img src="http://ravsite.net/wprs/wp-content/uploads/2008/10/pidgin1-280x300.jpg" alt="ustawienia MusicTrackera" title="ustawienia MusicTrackera" width="280" height="300" class="imagecenter" /></a></p>
<hr />
<p>I to wszystko. Mamy już działającego MusicTrackera kompatybilnego z foobarem2000 v0.9.x i Pidginem pod Windows XP. Miłego wkurzania swoich znajomych opisami zmieniającymi się co trzy minuty ;-)</p>
<p><a href="http://ravsite.net/wprs/wp-content/uploads/2008/10/pidgin2.jpg" class="lightbox"><img src="http://ravsite.net/wprs/wp-content/uploads/2008/10/pidgin2-117x300.jpg" alt="Okno Pidgina (z działającą wtyczką)" title="Okno Pidgina (z działającą wtyczką)" width="117" height="300" class="imagecenter" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ravsite.net/musictracker-w-pidginie-wspolgrajacy-z-foobarem2000/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Gravatars &#8211; jeden awatar na wielu stronach</title>
		<link>http://ravsite.net/gravatars-jeden-awatar-na-wielu-stronach/</link>
		<comments>http://ravsite.net/gravatars-jeden-awatar-na-wielu-stronach/#comments</comments>
		<pubDate>Sun, 09 Mar 2008 10:03:36 +0000</pubDate>
		<dc:creator>Ravicious</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[Tuts]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[wtyczki]]></category>

		<guid isPermaLink="false">http://www.ravsite.boo.pl/index.php/gravatars-jeden-awatar-na-wielu-stronach/</guid>
		<description><![CDATA[Pisząc komentarze na różnych blogach pewnie zastanawiałeś się, skąd biorą się te awatary obok komentarzy, na przykład u mnie. A może chciałbyś wiedzieć, co zrobić, by jeden i ten sam awatar wyświetlał się na wielu stronach? Rozwiązanie jest proste &#8211; Gravatars!
Globally Recognized Avatar
Na początek trochę teorii. Skrót Gravatar wziął się od słów Globally Recognized Avatar, [...]]]></description>
			<content:encoded><![CDATA[<p><a href='http://ravsite.net/wprs/wp-content/gravatar_logo.gif' title='gravatar_logo.gif'><img src='http://ravsite.net/wprs/wp-content/gravatar_logo.gif' alt='gravatar_logo.gif' style="padding-right: 5px" align="left" /></a>Pisząc komentarze na różnych blogach pewnie zastanawiałeś się, skąd biorą się te awatary obok komentarzy, na przykład u mnie. A może chciałbyś wiedzieć, co zrobić, by jeden i ten sam awatar wyświetlał się na wielu stronach? Rozwiązanie jest proste &#8211; <strong>Gravatars</strong>!</p>
<h3>Globally Recognized Avatar</h3>
<p>Na początek trochę teorii. Skrót Gravatar wziął się od słów <em><strong>G</strong>lobally <strong>R</strong>ecognized <strong>A</strong>vatar</em>, czyli tłumacząc na polski, <em>Globalnie Rozpoznawalny Awatar</em> lub coś w tym stylu (można tłumaczyć na <em>Ogólnie Rozpoznawalny Awatar</em> lub <em>Globalnie Uznany Awatar</em>, ale według mnie pierwsza wersja brzmi lepiej :). Gravatar to oczywiście awatar o maksymalnych wymiarach 80&#215;80 pikseli, pojawiający się zwykle obok komentarzy jako identyfikator komentującego.<br />
<span id="more-59"></span></p>
<h3>Też chcę mieć takiego!</h3>
<p>By mieć takiego awatara trzeba zarejestrować się na <a href="http://site.gravatar.com/">gravatar.com</a>. Z tym chyba nie będziecie mieli problemów ;) Następnie musimy podać e-maila, dla którego przypiszemy obrazek, klikając w <strong>add a new one</strong>. Należy podać e-maila, którym najczęściej posługujemy się na blogach. W przypadku gdy posiadamy kilka maili nie ma problemu, gdyż dla kilku e-maili można przypisać różne bądź takie same awatary.<br />
Kolejnym krokiem będzie dodanie obrazka jako awatar. Pamiętajmy, że maksymalny rozmiar Gravatara to 80&#215;80pikseli. Obrazek możemy dodać z własnego komputera, bądź podać adres URL obrazka z internetu. Jeżeli rozmiary obrazka są większe niż 80&#215;80 pikseli to możemy obrazek przyciąć, ale jeżeli zależy nam na jakimś elemencie to znacznie lepszym sposobem będzie przeskalowanie obrazka, np. za pomocą <a href="http://www.gimpuj.info/index.php?action=download">GIMPa</a>.<br />
Po tych wszystkich czynnościach wystarczy przydzielić obrazek do e-maila. Proste, nieprawdaż? :)</p>
<h3>Jak to działa?</h3>
<p>Wtyczka lub kod (jedno i to samo zresztą ;) sprawdza, czy dla danego e-maila przypisany jest awatar na stronie gravatar.com. Jeżeli tak, to wstawia odpowiedni obrazek, jeżeli nie, to wstawia domyślny awatar. Niektóre wtyczki zapisują awatary w pamięci cache, co sprawia, że gdy wgramy nowego Gravatara, to zmiany na stronie zobaczymy dopiero po wyczyszczeniu pamięci cache.</p>
<h3>Gravatary na twoim blogu</h3>
<p>Chciałem podać listę wtyczek do Wordpressa, które pozwalają umieścić Gravatary na stronie, ale po co? Możemy to zrobić kodem. Całą czynność <a href="http://www.connorwilson.com/2008/03/02/how_to_setup_gravatars_for_your_blog_-_plugin_free/">świetnie opisał Connor Wilson</a>. Oczywiście po angielsku, więc postaram się przedstawić całe how to po polsku :)</p>
<p>1. Najpierw musimy wstawić kawałek kodu PHP do pliku <code>comments.php</code>. Kod zaprezentowałem w <a href="#listingi">listingu 1.</a></p>
<p>Co tu można zmienić? Dwie wartości: </p>
<ul>
<li><code>$size</code> &#8211; jak dla mnie 40 pikseli to za mało, aktualna wartość u mnie na blogu (i wielu innych) to 48, ale można ustawić większą/mniejszą.</li>
<li><code>$default</code> &#8211; ścieżka do domyślnego awatara, który wyświetli się, gdy użytkownik nie będzie posiadał swojego. Można użyć tego z <acronym title="MyBlogLog">MBL</acronym>, którego zresztą <a href="http://ravsite.net/wprs/wp-content/default.gif">udostępniam</a>.</li>
</ul>
<p>2. Znów do pliku <code>comments.php</code> należy wstawić pewien kod. Gdzie? Najlepiej w divie, w którym zawarty jest komentarz. Spójrzcie na <a href="#listingi">listing 2.</a></p>
<p>Co tu dużo gadać, zmienić możemy jedynie zawartość <code>alt</code>.</p>
<p>3. Przydałoby się ostylować Gravatary. U mnie wygląda to tak: cały kod umieszczony jest w divie o klasie <code>gravatar</code>, a sam CSS przedstawia się tak, jak w <a href="#listingi">listingu 3.</a></p>
<p>4. Gotowe, możemy cieszyć się Gravatarami na naszym blogu :)</p>
<h3>Nie lubię grzebać w kodzie</h3>
<p>No dobra, podam adres wtyczki (dla leniwych :P ). <a href="http://www.b4it.xorg.pl/">b4it</a> stworzył wtyczkę, która może wyświetlać nie tylko Gravatary, ale również awatary z serwisów tj. <acronym title="MyBlogLog">MBL</acronym> oraz Avatars. <a href="http://www.b4it.xorg.pl/4avatars/">Strona wtyczki</a>.</p>
<hr />
<p><a id="listingi" style="font-weight: bold;">Listingi</a>:<br />
<script src="http://gist.github.com/68148.js"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://ravsite.net/gravatars-jeden-awatar-na-wielu-stronach/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>How to: tekst w stylu Web 2.0</title>
		<link>http://ravsite.net/tekst-w-stylu-web-20/</link>
		<comments>http://ravsite.net/tekst-w-stylu-web-20/#comments</comments>
		<pubDate>Mon, 11 Feb 2008 13:01:55 +0000</pubDate>
		<dc:creator>Ravicious</dc:creator>
				<category><![CDATA[Grafika]]></category>
		<category><![CDATA[Tech]]></category>
		<category><![CDATA[Tuts]]></category>
		<category><![CDATA[Inkscape]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[wektor]]></category>

		<guid isPermaLink="false">http://www.ravsite.boo.pl/index.php/tekst-w-stylu-web-20/</guid>
		<description><![CDATA[Tutorial napisany na podstawie Clouds Uhh autorstwa noclayto. Stosować można go również na innych obiektach. Wykonanie całego how to zajmuje mniej niż pięć minut.
1. Tworzymy nowy obraz o dowolnych wymiarach i tworzymy na nim napis [F8]. Ja użyłem czcionki Tahoma o wielkości 22 pikseli. Pozostaje nam do wyboru kolor czcionki, bardzo ładne kolory można znaleźć [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://ravsite.net/wprs/wp-content/howto_glass.png" title="Efekt końcowy"><img src="http://ravsite.net/wprs/wp-content/howto_glass.png" alt="Efekt końcowy" style="padding-right: 5px" align="left" /></a>Tutorial napisany na podstawie <a href="http://noclayto.deviantart.com/art/Clouds-Uhh-31751187" title="Clouds Uhh by noclayto">Clouds Uhh</a> autorstwa <a href="http://noclayto.deviantart.com/" title="noclayto at DeviantArt">noclayto</a>. Stosować można go również na innych obiektach. Wykonanie całego how to zajmuje mniej niż pięć minut.</p>
<p><strong>1</strong>. Tworzymy nowy obraz o dowolnych wymiarach i tworzymy na nim napis <strong>[F8]</strong>. Ja użyłem czcionki <strong>Tahoma</strong> o wielkości <strong>22</strong> pikseli. Pozostaje nam do wyboru kolor czcionki, bardzo ładne kolory można znaleźć w palecie kolorów <strong>Tango Icon Theme Palette</strong>. W tym tutorialu użyję koloru <strong>204a87ff</strong>.<br />
<span id="more-42"></span><br />
<a href="http://ravsite.net/wprs/wp-content/1.png" title="1.png"></a></p>
<p style="text-align: center"><a href="http://ravsite.net/wprs/wp-content/1.png" title="1.png"><img src="http://ravsite.net/wprs/wp-content/1.thumbnail.png" alt="1.png" /></a></p>
<p><strong>2</strong>. Przechodzimy do okna <strong>Wypełnienie i kontur [Shift + Ctrl + F]</strong>. W zakładce <strong>Kontur</strong> upewniamy się, że kontur jest wyłączony. Jako <strong>wypełnienie</strong> tekstu (nie konturu) wybieramy <strong>Gradient liniowy</strong>, gdzie punktem początkowym będzie wybrany przez nas kolor, a końcowym kolor biały, bez przezroczystości.</p>
<p><a href="http://ravsite.net/wprs/wp-content/2.png" title="2.png"></a></p>
<p style="text-align: center"><a href="http://ravsite.net/wprs/wp-content/2.png" title="2.png"><img src="http://ravsite.net/wprs/wp-content/2.thumbnail.png" alt="2.png" /></a></p>
<p><strong>3</strong>. Ustawiamy gradient za pomocą narzędzia do <strong>tworzenia i modyfikowania gradientów</strong> <strong>[Ctrl + F1]</strong> pionowo tak, by dół tekstu był lekko białawy.</p>
<p><a href="http://ravsite.net/wprs/wp-content/3.png" title="3.png"></a></p>
<p style="text-align: center"><a href="http://ravsite.net/wprs/wp-content/3.png" title="3.png"><img src="http://ravsite.net/wprs/wp-content/3.thumbnail.png" alt="3.png" /></a></p>
<p><strong>4</strong>. <strong>Duplikujemy</strong> tekst &#8211; <strong>[Ctrl + D]</strong>. Wybieramy narzędzie do <strong>tworzenia okręgów</strong> <strong>[F5]</strong> i tworzymy elipsę, która będzie zakrywała nasz napis mniej więcej od połowy w dół.</p>
<p><a href="http://ravsite.net/wprs/wp-content/4.png" title="4.png"></a></p>
<p style="text-align: center"><a href="http://ravsite.net/wprs/wp-content/4.png" title="4.png"><img src="http://ravsite.net/wprs/wp-content/4.thumbnail.png" alt="4.png" /></a></p>
<p><strong>5</strong>. Zaznaczamy tekst i elipsę (da się to wykonać przytrzymując klawisz <strong>[Shift]</strong>). Stosujemy na nich różnicę ścieżki &#8211; <strong>Ścieżka -&gt; Różnica</strong> <strong>[Ctrl + -]</strong>. Jako wypełnienie dla nowo powstałego obiektu wybieramy <strong>Gradient liniowy</strong>, którego początkowy punkt będzie biały, a końcowy również biały, ale z przezroczystością o wartości zero. Gradient ustawiamy tak, by obiekt był częściowo przezroczysty.</p>
<p><a href="http://ravsite.net/wprs/wp-content/5.png" title="5.png"></a></p>
<p style="text-align: center"><a href="http://ravsite.net/wprs/wp-content/5.png" title="5.png"><img src="http://ravsite.net/wprs/wp-content/5.thumbnail.png" alt="5.png" /></a></p>
<p><strong>6</strong>. Ostatnim krokiem będzie nadanie tekstowi czarnego konturu. Jego rozmiar nie powinien przekraczać <strong>1</strong> px, ale to już jest zależne od wielkości czcionki. Można również ustawić <strong>Zaokrąglone Połączenie</strong>. I tak oto uzyskaliśmy całkiem niezły efekt.</p>
<p><a href="http://ravsite.net/wprs/wp-content/6.png" title="6.png"></a></p>
<p style="text-align: center"><a href="http://ravsite.net/wprs/wp-content/6.png" title="6.png"><img src="http://ravsite.net/wprs/wp-content/6.thumbnail.png" alt="6.png" /></a></p>
<p><a href="http://ravsite.net/wprs/wp-content/efekt_koncowy.png" title="efekt_koncowy.png"></a></p>
<p style="text-align: center"><a href="http://ravsite.net/wprs/wp-content/efekt_koncowy.png" title="efekt_koncowy.png"><img src="http://ravsite.net/wprs/wp-content/efekt_koncowy.png" alt="efekt_koncowy.png" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://ravsite.net/tekst-w-stylu-web-20/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
