<?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>Thomas Gericke &#187; html</title>
	<atom:link href="http://www.thomasgericke.de/v4/interactive/blog/tag/html/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.thomasgericke.de/v4/interactive/blog</link>
	<description>Facts. Thoughts. Stories. A Blog.</description>
	<lastBuildDate>Mon, 30 Aug 2010 07:30:27 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Artisteer im Test &#8211; Erstellen eigener WordPress-Themes</title>
		<link>http://www.thomasgericke.de/v4/interactive/blog/2010/08/artisteer-im-test-erstellen-eigener-wordpress-themes/</link>
		<comments>http://www.thomasgericke.de/v4/interactive/blog/2010/08/artisteer-im-test-erstellen-eigener-wordpress-themes/#comments</comments>
		<pubDate>Fri, 20 Aug 2010 19:59:15 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[daily life]]></category>
		<category><![CDATA[tech]]></category>
		<category><![CDATA[artisteer]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[erfahrungsbericht]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[mac os x]]></category>
		<category><![CDATA[testbericht]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.thomasgericke.de/v4/interactive/blog/?p=7602</guid>
		<description><![CDATA[Ich wollte mir ein eigenes Theme für mein Blog gestalt [...]]]></description>
			<content:encoded><![CDATA[<p>Ich wollte mir <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://www.thomasgericke.de/v4/interactive/blog/2010/08/welches-theme-fur-ein-blog-verwenden/" target="_blank" title="(16 hits)">ein eigenes Theme für mein Blog</a> gestalten, mit dem längerfristig zufrieden bin. Die bei WordPress zum Download angebotenen Themes sind zwar alle ganz nett, allerdings gefällt mir immer irgendeine Kleinigkeit daran nicht. HTML und CSS ist nicht schwer zu editieren, um die Themes anzupassen, allerdings sind die Theme-Templates oft so komplex und verschachtelt, dass es eine regelrechte Fleißarbeit ist, Änderungen vorzunehmen. Meistens muss man per Try&#8217;n'Error mühsam herausfinden, an welcher Stelle genau etwas geändert werden muss.</p>
<p><img class="alignleft size-full wp-image-7612" title="artisteer" src="http://www.thomasgericke.de/v4/interactive/blog/wp-content/uploads/2010/08/artisteer.png" alt="" width="228" height="146" />Also habe ich mir vor einer Weile <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://www.artisteer.com/?p=downloads" target="_blank" title="(16 hits)">Artisteer für Mac OS X</a> heruntergeladen und getestet. Während die Version 2.5 für Windows bereits stable ist, wird die Mac OS X Version 2.5 noch als &#8220;beta&#8221; angegeben. Und genau das merkt man auch bei der Benutzung. Dennoch ist Artisteer brauchbar und bietet von Haus aus die Möglichkeit, Themes für verschiedene Systeme, darunter <strong>WordPress</strong>, <strong>Blogger</strong>, <strong>Joomla</strong>, <strong>Drupal</strong> und mehr zu erstellen. Auch ein Export als reines XHTML+CSS ist möglich.</p>
<p><strong><span id="more-7602"></span>Die Gestaltung ist übersichtlich</strong>, allerdings benötigt man einige Zeit, um sich zurecht zu finden, denn die Gestaltungsmöglichkeiten sind vielfältig und teilweise extrem verschachtelt. Zunächst ist man gut beraten, die Design-Vorschläge durchzuklicken, bis man ein Layout vorgeschlagen bekommt, welches grundsätzlich an die eigenen Wünsche herankommt. Die verschiedenen Designs unterscheiden sich teils sehr stark durch wechselnde Anordnung, Farben und Schriftarten voneinander. Im Prinzip sind sie allerdings alle simpel und ähnlich.</p>
<p><img class="aligncenter size-full wp-image-7622" title="options" src="http://www.thomasgericke.de/v4/interactive/blog/wp-content/uploads/2010/08/options.png" alt="" width="765" height="16" /></p>
<p><strong>Grundsätzlich zur Auswahl</strong> stehen die Optionen zur Definition von Farben und Schriftarten, dem Layout, des Hintergrunds, der Artikel und Rahmen, der Kopf- und Fußzeile, der Menüleisten (horizontal und vertikal), der Seitenleiste sowie der Buttons. Jeder der Menüpunkte ist nochmal in logische Segmente unterteilt, wo teilweise sehr stark weiter verzweigt.</p>
<p><img class="alignleft size-full wp-image-7642" title="Menu" src="http://www.thomasgericke.de/v4/interactive/blog/wp-content/uploads/2010/08/Menu.png" alt="" width="347" height="195" /><strong>Etwas verwirrend</strong> war für mich anfangs die mehrfache Definition von Schriftarten für Texte und Hyperlinks. Aber klar, je nach Position und Funktion kann (und soll) sich der Font unterscheiden. Besonders komplex ist hierbei die Gestaltung von Links innerhalb eines Artikels. Es wird zwischen Text, Artikel-Kopf- und Artikel-Fußzeile unterschieden und nochmals in Links, besuchte Links und gerade mit der Maus ausgewählte Links verzweigt.</p>
<p><strong>Hat man das Prinzip allerdings einmal verstanden,</strong> so kann man sich innerhalb kurzer Zeit ein fertiges Layout zusammenklicken. Ein Export als WordPress-Theme geht sehr schnell und wirft am Ende ein ZIP-File raus, welches sich mühelos per SCP, FTP oder Admin-Interface installieren und aktivieren lässt.</p>
<p style="text-align: center;"><script type="text/javascript"><!--
google_ad_client = "pub-4674174356796300";
/* 468x15, Erstellt 25.08.10 */
google_ad_slot = "0268986701";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<p><strong>Die Trial-Version von Artisteer</strong> ist allerdings ausgesprochen unfreundlich, denn sie hinterlegt nahezu alle Grafiken mit einem hässlichen <em>&#8220;Trial&#8221;</em>-Wasserzeichen. Damit kann das Layout und die Funktionalität getestet werden, jemandem zeigen möchte man es jedoch nicht, denn das schaut wirklich grauenvoll aus. Wer nicht alle Grafiken einzeln nachbearbeiten oder austauschen möchte, der wird um den Kauf einer der beiden Versionen nicht umhin kommen. Knapp <strong>50 $ für die Home/Academic Version </strong>und<strong> 130 $ für die Standard Edition</strong> halte ich zwar für übertrieben, habe mir allerdings dennoch die Home-Edition gegönnt.</p>
<p><strong>Nachdem ich ein Theme fertig hatte,</strong> welches mehr oder weniger meinen Ansprüchen genügt hat, musste ich dann jedoch leider feststellen, dass Artisteer in der Komplexität der einzelnen Theme-Files durchaus noch verbesserungswürdig ist. Konkret werden fehlerhafte DIVs auf der Artikelseite dargestellt, was dazu führt, dass bei den Kommentaren unter bestimmten Bedingungen leere Boxen erscheinen.</p>
<p><img class="aligncenter size-full wp-image-7682" title="empty_box" src="http://www.thomasgericke.de/v4/interactive/blog/wp-content/uploads/2010/08/empty_box.png" alt="" width="520" height="101" /></p>
<p>Zwar konnte ich die entsprechenden Code-Zeilen im Theme nach kurzer Suche identifizieren und korrigieren, allerdings erwarte ich von einer Bezahl-Software, dass so etwas nicht passiert. Denn schliesslich nutze ich Artisteer, um eben nicht mehr den Code anfassen zu müssen.</p>
<p>Ich werde nun den Support kontaktieren und über den Ausgang berichten. Update, hier der Inhalt des Support-Cases:</p>
<blockquote><p>The attached theme (see file &#8220;ThomasV3.artx&#8221;) has a bug in art_post_box() (line 291) in file &#8220;functions.php&#8221;. If an article has no comments, everything&#8217;s fine. But as soon as an article has comments, a wrong box without any content is drawn above the comments (see attached file &#8220;empty_box.png&#8221;).</p>
<p>I had to make a workaround in that file to suppress such an empty box (see attached screenshot &#8220;artisteer_code_hack-fix.png&#8221;), which simply does *not* call parse_template() and does *not* send any output, if $content is empty.</p>
<p>Even though the box is no longer drawn, the layout is broken; there&#8217;s no further box around the comment&#8217;s boxes.</p>
<p>I like Artisteer (and paid for it), but I want it to be bug-free <img src='http://www.thomasgericke.de/v4/interactive/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p>Please get that problem fixed soon.</p></blockquote>
<p><strong>Mein Fazit:</strong> Artisteer lohnt sich, wenn man keine Lust hat, selbst die Theme-Files anzufassen und bereit ist, ein paar Euro für eine durchaus mächtige Software auszugeben, die nach ein wenig Einarbeitung das leistet, was sie verspricht.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thomasgericke.de/v4/interactive/blog/2010/08/artisteer-im-test-erstellen-eigener-wordpress-themes/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>unfake.it ist Platz 1 von über 19 Millionen! Sponsoren interessiert?</title>
		<link>http://www.thomasgericke.de/v4/interactive/blog/2010/08/unfake-it-ist-platz-1-von-uber-19-millionen-sponsoren-interessiert/</link>
		<comments>http://www.thomasgericke.de/v4/interactive/blog/2010/08/unfake-it-ist-platz-1-von-uber-19-millionen-sponsoren-interessiert/#comments</comments>
		<pubDate>Thu, 12 Aug 2010 22:37:55 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[daily life]]></category>
		<category><![CDATA[tech]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[sponsoring]]></category>
		<category><![CDATA[unfake]]></category>
		<category><![CDATA[unfake plugin]]></category>
		<category><![CDATA[url shortening]]></category>

		<guid isPermaLink="false">http://www.thomasgericke.de/v4/interactive/blog/?p=7262</guid>
		<description><![CDATA[Ich wundere mich seit Tagen über extrem angestiegenen  [...]]]></description>
			<content:encoded><![CDATA[<p>Ich wundere mich seit Tagen über extrem angestiegenen Traffic für meinen URL Shortener <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/" target="_blank" title="(363 hits)">unfake.it</a>. Des Rätsels Lösung ist wohl sehr einfach: eine <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://www.google.de/search?q=url+faker" target="_blank" title="(12 hits)">Google-Suche nach &#8220;url faker&#8221;</a> liefert 19.400.000 Ergebnisse. Und unfake.it ist auf Platz 1 inkl. Mini-Sitelinks, Platz 2 ist mein <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://www.thomasgericke.de/v4/interactive/blog/2009/01/url-shortener-unfaker/" target="_blank" title="(15 hits)">Blog-Artikel über unfake.it</a> vom 25. Januar 2009. Das ist ziemlich neu, da bin ich mir relativ sicher.</p>
<p>Da wundert mich nichts mehr. Leider, leider gerät das System aber so langsam aber Sicher an die Lastgrenzen und ich muss mir überlegen, ob ich nicht doch eine meiner Regeln breche, denn ich hatte ursprünglich beschlossen und kommuniziert, dass unfake.it <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/help.php#commercials" target="_blank" title="(199 hits)">niemals Werbung vor oder nach dem Klicken einer Kurz-URL anzeigen wird</a>.</p>
<p><strong>Was meint ihr?</strong> Sollte ich Werbung schalten und so ggf. neue, schnellere Hardware finanzieren? Oder findet sich ggf. irgendwo ein freundlicher <strong>Sponsor</strong>? Bin gerne bereit, darüber zu verhandeln <img src='http://www.thomasgericke.de/v4/interactive/blog/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.thomasgericke.de/v4/interactive/blog/2010/08/unfake-it-ist-platz-1-von-uber-19-millionen-sponsoren-interessiert/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Woopra Webanalyse im Test</title>
		<link>http://www.thomasgericke.de/v4/interactive/blog/2010/08/woopra-webanalyse-im-test/</link>
		<comments>http://www.thomasgericke.de/v4/interactive/blog/2010/08/woopra-webanalyse-im-test/#comments</comments>
		<pubDate>Wed, 11 Aug 2010 19:03:50 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[tech]]></category>
		<category><![CDATA[erfahrungsbericht]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[unix]]></category>
		<category><![CDATA[webstats]]></category>
		<category><![CDATA[woopra]]></category>

		<guid isPermaLink="false">http://www.thomasgericke.de/v4/interactive/blog/?p=7182</guid>
		<description><![CDATA[Habe heute Abend Woopra getestet. Geboten wird ein Dien [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-full wp-image-7192" title="Screen shot 2010-08-11 at 8.48.58 PM" src="http://www.thomasgericke.de/v4/interactive/blog/wp-content/uploads/2010/08/Screen-shot-2010-08-11-at-8.48.58-PM.png" alt="" width="252" height="45" />Habe heute Abend <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://www.woopra.com/" target="_blank" title="(13 hits)">Woopra</a> getestet. Geboten wird ein Dienst, welcher Echtzeit-Statistiken von Webseiten generiert. Hierzu wird ein Javascript-Code-Schnipsel auf der gewünschten Website eingebunden, welche einen Connect auf die Woopra-Server macht und dabei Server- und Client-Daten übermittelt. Nette Idee, funktioniert auch. Für mich <strong>dennoch untauglich</strong>. Mehr dazu weiter unten.</p>
<p>Die Bedienung der Woopra-Website ist einfach und intuitiv. Zunächst muss ein Profil angelegt und per E-Mail-Verifizierung bestätigt werden. Dann können die Websites (anhand von Domains) angelegt werden, die getracked werden sollen.</p>
<p>Im Quellcode der fraglichen Webseiten muss nun der kleine Javascript-Schnipsel eingebunden werden. Sofort darauf werden die Live-Statistiken entweder über das Dashboard der Woopra-Website oder aber über ein entsprechendes Desktop-Programm ausgegeben. Ich hatte den Mac OS X Client getestet. Dieser schaut sehr ansprechend aus und stellt die Informationen nett dar.</p>
<p>Für mich kommt Woopra in dieser Form nicht in Frage, denn es deckt nicht mal die Hälfte meiner Anwendungsfälle ab. Konkretes Problem ist, dass ich zahlreiche Seiten betreibe, die keinerlei oder besondere Header-Informationen senden und mit der Javascript-Ausgabe im BODY nicht klar kommen. Spätestens bei einem 301-Header ist hier Schluss, das funktioniert nicht mit Javascript.</p>
<p>Das erinnert mich daran, dass ich mit (m)einem unlängst eingeschlafenen eigenen Webanalyse-Tool weitermachen sollte. Bereits vor einem Jahr hatte ich eine lauffähige Version, die in ähnlicher Weise wie Woopra arbeitet und auch viele brauchbare Daten bereitstellt. Aus Zeitgründen war dieses Projekt eingeschlafen. Vielleicht mache ich bei Gelegenheit damit mal weiter und erfinde Google Analytics neu <img src='http://www.thomasgericke.de/v4/interactive/blog/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.thomasgericke.de/v4/interactive/blog/2010/08/woopra-webanalyse-im-test/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>after 100 days of unfake.it</title>
		<link>http://www.thomasgericke.de/v4/interactive/blog/2009/05/after-100-days-of-unfakeit/</link>
		<comments>http://www.thomasgericke.de/v4/interactive/blog/2009/05/after-100-days-of-unfakeit/#comments</comments>
		<pubDate>Thu, 07 May 2009 21:25:35 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[tech]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[internet]]></category>
		<category><![CDATA[programming]]></category>
		<category><![CDATA[twitter]]></category>
		<category><![CDATA[unfake]]></category>
		<category><![CDATA[unfake plugin]]></category>
		<category><![CDATA[url shortening]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.thomasgericke.de/v4/interactive/blog/?p=2431</guid>
		<description><![CDATA[Hi there!

I have to thank you! All of you, using unf [...]]]></description>
			<content:encoded><![CDATA[<p>Hi there!</p>
<p>I have to thank you! All of you, using <a title="http://unfake.it/ (363 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/" target="_blank">unfake.it</a> as URL shortening service!</p>
<p>It&#8217;s been <strong>100 days</strong>, since I faked the first URL with <a title="http://unfake.it/ (363 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/" target="_blank">unfake.it</a> &#8211; my very own URL shortening service. I started this project, &#8217;cause I always forgot the names of all the other URL shortening providers, so I very quickly wrote my own application, which now is used every day by lots of users.</p>
<p style="text-align: center;"><a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://www.thomasgericke.de/v4/interactive/blog/wp-content/uploads/2009/05/uf_100days_url.png" title="(61 hits)"><img class="size-full wp-image-2441 aligncenter" title="new shortened URLs by day" src="http://www.thomasgericke.de/v4/interactive/blog/wp-content/uploads/2009/05/uf_100days_url.png" alt="new shortened URLs by day" width="576" height="360" /></a></p>
<p>What began for my personal use only, has now become a huge and important project. A few days after the initial launch &#8211; and even without heavy announcement, the first people started using <a title="http://unfake.it/ (363 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/" target="_blank">unfake.it</a> to shorten URLs. Using the <a title="http://unfake.it/help.php#bookmarklet (199 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/help.php#bookmarklet" target="_blank">bookmarklet</a>, some friends and co-workers started using <a title="http://unfake.it/ (363 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/" target="_blank">unfake.it</a> and spreading the URL all over the world.</p>
<p>Then, I implemented an <a title="http://unfake.it/help.php#api (199 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/help.php#api" target="_blank">API</a> and wrote a <a title="http://wordpress.org/extend/plugins/url-shortener-for-twitter-tools/ (282 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://wordpress.org/extend/plugins/url-shortener-for-twitter-tools/" target="_blank">standalone WordPress plugin</a> to shorten URLs for new blog postings before sending them to <a title="http://twitter.com/thomasgericke (201 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://twitter.com/thomasgericke" target="_blank">Twitter</a>. Since March, this plugin is downloaded and installed on new WordPress blogs almost every day a couple of times, which really makes me proud. Today, several co-workers as well as absolutely unknown users all over the globe are using my plugin. And there&#8217;s an huge number of hits per day:</p>
<p style="text-align: center;"><a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://www.thomasgericke.de/v4/interactive/blog/wp-content/uploads/2009/05/uf_100days_hits.png" title="(64 hits)"><img class="size-full wp-image-2491 aligncenter" title="number of hits by day" src="http://www.thomasgericke.de/v4/interactive/blog/wp-content/uploads/2009/05/uf_100days_hits.png" alt="number of hits by day" width="518" height="243" /></a></p>
<p>Then, I implemented the magic <a title="http://unfake.it/help.php#preview (199 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/help.php#preview" target="_blank">preview function</a> with thumbnailed images of the destination websites. Then I wrote a facebook application to add faked URLs and their thumbnails to your facebook profile. Those are just toy-like features, but I relly like them &#8211; as well as lots of users.</p>
<p>Some facts of what has happened so far (or is happening):</p>
<ul>
<li>more than <strong>3.000 URLs</strong> have been faked up to now</li>
<li>there are more than <strong>42.000 hits</strong> to those URLs up to now</li>
<li>the last 3 days, more than <strong>100 new URLs</strong> have been added <strong>per day</strong></li>
<li>URLs for more than <strong>130 unique websites</strong> have been faked up to now</li>
<li>the WordPress plugin has been <strong>downloaded</strong> and most likely installed more than <strong>80 times</strong></li>
<li><a title="http://search.twitter.com/search?q=+unfake.it+filter%3Alinks&amp;rpp=50 (89 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://search.twitter.com/search?q=+unfake.it+filter%3Alinks&amp;rpp=50" target="_blank">Twitter knows more than <strong>850 faked URLs</strong></a> of the last 7 days</li>
<li><a title="http://www.google.com/search?q=site:unfake.it (79 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://www.google.com/search?q=site:unfake.it" target="_blank">Google knows more than <strong>20 pages</strong></a><strong> of faked URLs</strong></li>
<li>unfake.it is <strong>growing every day</strong></li>
</ul>
<p>I&#8217;m really looking forward to <a title="http://unfake.it/ (363 hits)" href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/" target="_blank">unfake.it</a>&#8216;s future. Sure, there is an increasing number of shortening services, but I guess, some of &#8216;em will disappear again.</p>
<p>Bye, T.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thomasgericke.de/v4/interactive/blog/2009/05/after-100-days-of-unfakeit/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>HOWTO grab and thumbnail websites</title>
		<link>http://www.thomasgericke.de/v4/interactive/blog/2009/02/howto-grab-and-thumbnail-websites/</link>
		<comments>http://www.thomasgericke.de/v4/interactive/blog/2009/02/howto-grab-and-thumbnail-websites/#comments</comments>
		<pubDate>Mon, 09 Feb 2009 01:15:42 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[tech]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[linux]]></category>
		<category><![CDATA[unix]]></category>

		<guid isPermaLink="false">http://www.thomasgericke.de/v4/interactive/blog/?p=571</guid>
		<description><![CDATA[Hi there!

Because some of you asked, how I realized  [...]]]></description>
			<content:encoded><![CDATA[<p>Hi there!</p>
<p>Because some of you asked, how I realized the grabbing and thumbnailing of whole websites (<a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://unfake.it/XQh*" target="_blank" title="(160 hits)">here&#8217;s an example</a> and I wrote about that <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://www.thomasgericke.de/v4/interactive/blog/2009/02/httpunfakeit-goes-magic/" target="_blank" title="(125 hits)">in this post</a>), this is a brief HOWTO.</p>
<p>Imagine, you have a Linux system without graphical support. How do you display complex graphical content and make a screenshot? Here it comes: <em><strong>grabbing websites on a Linux system is quite simple</strong></em>.</p>
<p>Prerequisites:</p>
<ol>
<li>a Linux operating system (Debian is fine)</li>
<li><code>khtml2png</code> (I used <code>khtml2png_2.7.6_i386.deb</code> from <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://sourceforge.net/projects/khtml2png/" target="_blank" title="(384 hits)">here</a>)</li>
<li>a running X server (<code>Xvfb</code> does it for me)</li>
<li><code>kdelibs4c2a</code></li>
<li><code>libkonq4</code></li>
</ol>
<p>This is it!</p>
<p>The trick now is: on a system working as a server, you usually don&#8217;t want to have a running X server. So, I just installed <code>Xvfb</code>, which is a &#8220;Virtual Framebuffer &#8216;fake&#8217; X server&#8221;. It is running in the background and <code>khtml2png </code>uses its display.</p>
<p>First, install <code>Xvfb </code>and several libs:</p>
<pre class="brush: bash">apt-get install xvfb kdelibs4c2a libkonq4</pre>
<p>Hit &#8216;y&#8217; to solve dependencies!</p>
<p>Now, get <code>khtml2png </code>from <a href="http://www.thomasgericke.de/v4/interactive/blog/go.php?http://sourceforge.net/projects/khtml2png/" title="(384 hits)">http://sourceforge.net/projects/khtml2png/</a> and install it:</p>
<pre class="brush: bash">dpkg -i khtml2png_2.7.6_i386.deb</pre>
<p>Then, start your &#8216;fake&#8217; X server:</p>
<pre class="brush: bash">/usr/bin/Xvfb :2 -screen 0 1920x1200x24</pre>
<p>Of course, you may reduce the resolution to your needs. But remember the display number (:2) you set for <code>Xvfb</code>.</p>
<p>And finally, you may use <code>khtml2png </code>to fetch any website you like:</p>
<pre class="brush: bash">/usr/bin/khtml2png2 --display :2 --width 1024 --height 768 http://www.thomasgericke.de/ /tmp/website.png</pre>
<p>Don&#8217;t worry about the fact that the package is named <code>khtml2png </code>and the binary is called <code>khtml2png<strong>2</strong></code>. It&#8217;s okay!</p>
<p>I have a little magical wrapper around that stuff which gets URLs out of a database and performs some checks. Images are save with <code>wget </code>and converted to PNG, websites are fetched with <code>khtml2png</code>. Both are saved and thumbnailed on-the-fly with PHP.</p>
<p>I call <code>khtml2png</code> via <code>cron</code> like this:</p>
<pre class="brush: bash">/usr/bin/khtml2png2   --display :2 \
                      --width 1024 \
                      --height 768 \
                      --time 42 \
                      --disable-js \
                      --disable-java \
                      --disable-plugins \
                      --disable-redirect \
                      --disable-popupkiller \
                      http://www.thomasgericke.de/ \
                      /tmp/website.png</pre>
<p>My script is started every minute and checks if new URLs have to be fetched. It also checks if existing PNGs are older than 24 hours and, if so, the URL will be fetched and the PNG overwritten.</p>
<p>Just let me know, if you have any further questions.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.thomasgericke.de/v4/interactive/blog/2009/02/howto-grab-and-thumbnail-websites/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
