<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>&#60;ja/&#62; &#187; Indie</title>
	<atom:link href="http://znikt.wordpress.com/tag/indie/feed/" rel="self" type="application/rss+xml" />
	<link>http://znikt.wordpress.com</link>
	<description>przygody w Webdesignerii, piramidach CSS, XMLandii i wśród szablonozębnych XSLT</description>
	<lastBuildDate>Tue, 12 Aug 2008 10:01:35 +0000</lastBuildDate>
	<generator>http://wordpress.com/</generator>
	<language>pl</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<cloud domain='znikt.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://www.gravatar.com/blavatar/590484bab80ac365647972b363e90c84?s=96&#038;d=http://s.wordpress.com/i/buttonw-com.png</url>
		<title>&#60;ja/&#62; &#187; Indie</title>
		<link>http://znikt.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://znikt.wordpress.com/osd.xml" title="&lt;ja/&gt;" />
		<item>
		<title>Rusza www.indiaguide.pl</title>
		<link>http://znikt.wordpress.com/2008/08/10/rusza-wwwindiaguidepl/</link>
		<comments>http://znikt.wordpress.com/2008/08/10/rusza-wwwindiaguidepl/#comments</comments>
		<pubDate>Sun, 10 Aug 2008 17:31:19 +0000</pubDate>
		<dc:creator>ivanish</dc:creator>
				<category><![CDATA[web design]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[Indie]]></category>
		<category><![CDATA[książka]]></category>
		<category><![CDATA[Nepal]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[TEI]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[XSLT]]></category>

		<guid isPermaLink="false">http://znikt.wordpress.com/?p=3</guid>
		<description><![CDATA[Uznałem uruchomienie www.indiaguide.pl za dobry początek tego bloga, zważywszy, że temat zahacza o połowę spraw, które będą tu poruszane.
początki
Spotkałem autorkę, Danutę Orlewicz, na początku 2004 roku podczas prezentacji na temat Nepalu. Okazało się, że jest doświadczonym przewodnikiem, prowadzącym od 1999 roku wycieczki na subkontynent indyjski. Szybko ustaliliśmy, że robimy stronę o Indiach, jej doświadczeniach i [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=znikt.wordpress.com&blog=4467604&post=3&subd=znikt&ref=&feed=1" />]]></description>
			<content:encoded><![CDATA[<div class='snap_preview'><br /><p>Uznałem uruchomienie <a href="http://www.indiaguide.pl">www.indiaguide.pl</a> za dobry początek tego bloga, zważywszy, że temat zahacza o połowę spraw, które będą tu poruszane.</p>
<h3>początki</h3>
<p>Spotkałem autorkę, Danutę Orlewicz, na początku 2004 roku podczas prezentacji na temat Nepalu. Okazało się, że jest doświadczonym przewodnikiem, prowadzącym od 1999 roku wycieczki na subkontynent indyjski. Szybko ustaliliśmy, że robimy stronę o Indiach, jej doświadczeniach i poglądach, przy okazji <a href="http://www.indiaguide.pl/to_nie_tak/to_nie_tak.html">obalając mity narosłe wokół tamtej kultury</a>. Chodziło mi także o odświeżenie formuły pisania o tak odległym kraju jak <a title="Indie" href="http://www.indiaguide.pl/india/india.html">Indie</a> i wyjście poza schemat dziennika podróży albo gigantycznej galerii zdjęć. Praca trwała od 2004 roku, początkowo jako pisanie w świetnym programie Keynote (nie chodzi o narzędzie Apple do prezentacji), aż w końcu 2007 wkroczyłem do akcji migrując teksty do XML, by przez kilka ostatnich miesięcy rzeźbić w XSLT, XHTML i CSS.</p>
<h3>Keynote zbawił</h3>
<p><a href="http://znikt.files.wordpress.com/2008/08/keynote.png"><img class="alignleft size-medium wp-image-8" style="padding:1em;" src="http://znikt.files.wordpress.com/2008/08/keynote.png?w=173&#038;h=122" alt="" width="173" height="122" /></a>Keynote to program open-source z kategorii <em>notatnik z zakładkami</em>, którego interfejs przypomina klasyczną strukturę strony WWW, z zakładkami (<em>tabs</em>) i drzewami nawigacji po pojedynczych tekstach (<em>nodes</em>). Jedna z opcji eksportu pozwala na podział treści i zapisanie każdego tekstu w osobnym pliku. W połączeniu z wersjonowaniem w SVN okazało się to zbawienne, ponieważ autorka do ostatniej chwili wprowadzała zmiany w wielu tekstach.  <em>Diff &#8216;Em All</em> stał się mantrą projektu.</p>
<h3>XMLandia</h3>
<p>Potrzebowałem standardu i TEI był najbardziej odpowiednim wyborem, ponieważ DITA i Docbook są zbyt techniczne, a nie chciałem, by przy opracowywaniu książki o Indiach latały mi przed oczami znaczniki typu &lt;procedure&gt;, &lt;step&gt; czy &lt;guimenu&gt;. Właściwie to początkowo używałem własnych tagów, ale zrezygnowałem w obawie przed zaszlachtowaniem brzytwą Ockhama.  Jeden arkusz XSLT i książka siedziała już w TEI. Reszty dokonał jEdit, wymiatający we wszelkich dziedzinach edycyjnych.</p>
<h3>Index &#8216;Em All</h3>
<p>Gdzieś w połowie pracy zdałem sobie sprawę, że sam tekst, choćby nie wiem jak rozsądnie zorganizowany, to za mało.  Dostrzegłem też stale rosnącą liczbę nazw, osób i pojęć, z którym wszystkie znane są tylko osobom doktoryzującym się w każdym aspekcie Indii. TEI niespecjalnie wspiera indeksowanie, to zresztą jest zadanie dla aplikacji przetwarzającej XML, a nie takiego czy innego znacznika. Zadanie zatem spoczęło na XSLT 2.0, a ściślej mówiąc, na zagnieżdżonym grupowaniu. Ale o tym napiszę w osobnym tekście.</p>
<h3>Strasznie Vyborna Grafika</h3>
<p>Początkowo użyłem Inkscape nawet do projektowania layoutu strony, ale narzędzia do cięcia (<em>slice</em>) są mocno niedopracowane, a w zasadzie w ogóle ich nie ma. Skończyło się na typowej grafice na krzywych i  konwersji fotografii na wektor. Jakaś głębsza praca z SVG jeszcze nie nastąpiła, chociaż myślę o dodaniu rozmaitych map Indii, a to aż się prosi o dynamiczne generowanie z mapowaniem współrzędnych geograficznych na koordynaty SVG.</p>
<h3>Już się nie mylę, mam zorganizowane style</h3>
<p>Pod koniec prac na indiaguide.pl wprowadziłem bardziej uporządkowaną strukturę CSS, separując w osobnych plikach deklaracje dla <strong>typografii</strong>, <strong>kolorów</strong>, <strong>bloków</strong>, <strong>tabel</strong>, <strong>IE6</strong>, <strong>IE7</strong> i <strong>efekty specjalne</strong> oraz arkusz <strong>resetujący domyślne style przeglądarek</strong>.</p>
<p>Odnośnie zaokrągleń w Firefox i Safari oraz kantów w IE &#8211; to jest celowe, jak dają <em>border-radius</em> to brać. Techniki używające obrazków są dla mnie denerwujące, tym bardziej, że ciągle pojawiają się nowe i trzeba to monitorować. Czyli strona ma dwa aspekty, co i tak wypada blado w porównaniu z ilością inkarnacji bogów hindu.</p>
<p>Operę zostawiłem na później z uwagi na nową cechę wersji 9.50, a mianowicie używanie tła w SVG (czyli skalowalnego).</p>
<h3>podsumowanie</h3>
<p>To zapewne nie jest ostatni projekt z użyciem wyżej wymienionych technik, a następny chciałbym już robić według ustalonego <em>framework</em>, pozwalającego na generowanie statycznych WWW z XML. Główna obsada to z pewnością:</p>
<ul>
<li><strong>Keynote</strong> (lub podobny edytor),</li>
<li><strong>TEI</strong> (lub inny popularny standard XML),</li>
<li><strong>XSLT 2.0</strong></li>
</ul>
<p>I do tego w rolach drugoplanowych:</p>
<ul>
<li><strong>XSL-FO</strong> &#8211; generowanie PDF,</li>
<li><strong>dokumentacja</strong> &#8211; tutaj już można użyć DITA lub Docbook,</li>
<li><strong>kontrola pisowni</strong> &#8211; będzie wymagać transformacji do ODF,</li>
<li><strong>natywna baza XML</strong> &#8211; dla szybkich zapytań w XQuery</li>
</ul>
<p>A tak wygląda strona główna indiaguide.pl:</p>
<p><a href="http://znikt.files.wordpress.com/2008/08/indiaguidepl.png"><img class="alignnone size-medium wp-image-9" src="http://znikt.files.wordpress.com/2008/08/indiaguidepl.png?w=175&#038;h=300" alt="" width="175" height="300" /></a></p>
<img alt="" border="0" src="http://feeds.wordpress.com/1.0/categories/znikt.wordpress.com/3/" /> <img alt="" border="0" src="http://feeds.wordpress.com/1.0/tags/znikt.wordpress.com/3/" /> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/znikt.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/znikt.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/znikt.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/znikt.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/znikt.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/znikt.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/znikt.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/znikt.wordpress.com/3/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/znikt.wordpress.com/3/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/znikt.wordpress.com/3/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=znikt.wordpress.com&blog=4467604&post=3&subd=znikt&ref=&feed=1" /></div>]]></content:encoded>
			<wfw:commentRss>http://znikt.wordpress.com/2008/08/10/rusza-wwwindiaguidepl/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/f7fd3a8f0510987fafef1c13e0f3c2df?s=96&#38;d=identicon" medium="image">
			<media:title type="html">ivanish</media:title>
		</media:content>

		<media:content url="http://znikt.files.wordpress.com/2008/08/keynote.png?w=288" medium="image" />

		<media:content url="http://znikt.files.wordpress.com/2008/08/indiaguidepl.png?w=175" medium="image" />
	</item>
	</channel>
</rss>