<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.1.2" -->
<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/"
	>

<channel>
	<title>h7 blog</title>
	<link>http://blog.h7media.de</link>
	<description>h7 design &#038; webentwicklung</description>
	<pubDate>Wed, 13 Aug 2008 01:34:53 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.1.2</generator>
	<language>en</language>
			<item>
		<title>IE6 PNG Fix in reinem CSS</title>
		<link>http://blog.h7media.de/2007/11/18/ie6-png-fix-in-reinem-css/</link>
		<comments>http://blog.h7media.de/2007/11/18/ie6-png-fix-in-reinem-css/#comments</comments>
		<pubDate>Sun, 18 Nov 2007 15:31:42 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>FundstÃ¼cke</dc:subject><dc:subject>css</dc:subject><dc:subject>ie6</dc:subject><dc:subject>png</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/11/18/ie6-png-fix-in-reinem-css/</guid>
		<description><![CDATA[Auch wenn es sicher schon durch unendliche viele Blogs gegangen ist, ist es auf jeden Fall noch eine Erw&#228;hnung wert: das leidige IE6 PNG Problem als reine CSS L&#246;sung, einfach und genial!
]]></description>
			<content:encoded><![CDATA[<p>Auch wenn es sicher schon durch unendliche viele Blogs gegangen ist, ist es auf jeden Fall noch eine Erw&#228;hnung wert: <a href="http://komodomedia.com/blog/index.php/2007/11/05/css-png-image-fix-for-ie/">das leidige IE6 PNG Problem als reine CSS L&#246;sung, einfach und genial!</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/11/18/ie6-png-fix-in-reinem-css/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Red Snapper unter OSX 10.5</title>
		<link>http://blog.h7media.de/2007/11/10/red-snapper-unter-osx-105/</link>
		<comments>http://blog.h7media.de/2007/11/10/red-snapper-unter-osx-105/#comments</comments>
		<pubDate>Sat, 10 Nov 2007 00:38:53 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Software</dc:subject>
	<dc:subject>Tipps</dc:subject><dc:subject>fix</dc:subject><dc:subject>leopard</dc:subject><dc:subject>osx</dc:subject><dc:subject>redsnapper</dc:subject><dc:subject>safari</dc:subject><dc:subject>websnapper</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/11/10/red-snapper-unter-osx-105/</guid>
		<description><![CDATA[Update: Red Snapper wird Web Snapper
Red Snapper hei&#223;t jetzt Web Snapper. Leider ist es nicht wie vorher ein Safari Plugin, sondern ein eigenes Programm. URLs werden per drag and drop aus dem Browser auf das Web Snapper Fenster &#252;bertragen. Neu ist auch eine Statusanzeige wie viel von der Seite schon geladen wurde (war vorher ja [...]]]></description>
			<content:encoded><![CDATA[<h4>Update: Red Snapper wird Web Snapper</h4>
<p>Red Snapper hei&#223;t jetzt <a href="http://tastyapps.com/" title="Web Snapper">Web Snapper</a>. Leider ist es nicht wie vorher ein Safari Plugin, sondern ein eigenes Programm. URLs werden per drag and drop aus dem Browser auf das Web Snapper Fenster &#252;bertragen. Neu ist auch eine Statusanzeige wie viel von der Seite schon geladen wurde (war vorher ja nicht n&#246;tig, da man es direkt aus Safari verwendete.</p>
<p>Dank Apples &#8220;wir &#228;ndern die M&#246;glichkeiten f&#252;r Safari Plugins einfach mal komplett&#8221;-Aktion versuchen gerade alle Entwickler von Safari-Tools ihren Weg zu finden. Einige bleiben Plugins, einige Prestart-Programme von Safari und andere werden einfach Selbstst&#228;ndig. Ich vermute mal da hat jemand bei den Safarientwicklern einfach nicht gedacht bzw. ging die Sicherheit (die immer als Begr&#252;ndung daf&#252;r genannt wurde) aus PR vor.</p>
<p><hr /></p>
<p>Eine der absoluten Must-Have Safari-Erweiterungen, <a href="http://www.macupdate.com/info.php/id/23929/red-snapper">Red Snapper</a>, l&#228;uft nicht mehr unter OSX 10.5. Bis die Entwickler Red Snapper an den Leoparden bzw. die neue Safari-Architektur angepasst haben kann man es wieder zum Leben erwecken:</p>
<ul>
<li>Man gehe zum Ordner <strong>/Library/Application Support/SIMBL/Plugins</strong></li>
<li>Rechter Mausklick auf <strong>Red Snapper.bundle</strong> -&gt; Paketinhalt anzeigen</li>
<li>&#246;ffnet <strong>Contents/Info.plist</strong> in einem Texteditor</li>
<li>am Ende der Datei f&#252;gt man &#252;ber <strong>&lt;/dict&gt;&lt;/plist&gt;</strong> folgenden Code ein</li>
</ul>
<ol>
<li>&lt;key&gt;SIMBLTargetApplications&lt;/key&gt;</li>
<li>&lt;array&gt;</li>
<li>&lt;dict&gt;</li>
<li>&lt;key&gt;BundleIdentifier&lt;/key&gt;</li>
<li>&lt;string&gt;com.apple.Safari&lt;/string&gt;</li>
<li>&lt;key&gt;MaxBundleVersion&lt;/key&gt;</li>
<li>&lt;string&gt;5523&lt;/string&gt;</li>
<li>&lt;key&gt;MinBundleVersion&lt;/key&gt;</li>
<li>&lt;string&gt;5523&lt;/string&gt;</li>
<li>&lt;key&gt;RequiredFrameworks&lt;/key&gt;</li>
<li>&lt;array&gt;</li>
<li>&lt;dict&gt;</li>
<li>&lt;key&gt;BundleIdentifier&lt;/key&gt;</li>
<li>&lt;string&gt;com.apple.WebKit&lt;/string&gt;</li>
<li>&lt;key&gt;BundlePath&lt;/key&gt;</li>
<li>&lt;string&gt;/System/Library/Frameworks/WebKit.framework&lt;/string&gt;</li>
<li>&lt;/dict&gt;</li>
<li>&lt;/array&gt;</li>
<li>&lt;key&gt;TargetApplicationPath&lt;/key&gt;</li>
<li>&lt;string&gt;/Applications/Safari.app&lt;/string&gt;</li>
<li>&lt;/dict&gt;</li>
<li>&lt;/array&gt;</li>
</ol>
<p>Jetzt nur noch Safari neu starten und Red Snapper ist wieder voll funktionst&#252;chtig.</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/11/10/red-snapper-unter-osx-105/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Thema CSS Frameworks</title>
		<link>http://blog.h7media.de/2007/09/27/thema-css-frameworks/</link>
		<comments>http://blog.h7media.de/2007/09/27/thema-css-frameworks/#comments</comments>
		<pubDate>Thu, 27 Sep 2007 02:18:05 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Web</dc:subject>
	<dc:subject>CSS</dc:subject>
	<dc:subject>Guru</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/09/27/thema-css-frameworks/</guid>
		<description><![CDATA[Sie sprie&#223;en gerade aus allen Ecken und Enden: Frameworks oder auch &#8220;The next big thing&#8221;. Was bei wirklichen Entwicklungsframeworks wie Ruby On Rails, CakePHP, symfony oder wie sie alle hei&#223;en seine Berechtigung hat, ist bei einer Art Seitenbeschreibungssprache wie CSS irgendwie etwas mysteri&#246;s.
Reale CSS Projekte mal aufgegliedert
Bevor jetzt pers&#246;nliche Meinungen ins Spiel kommen, schauen wir [...]]]></description>
			<content:encoded><![CDATA[<p>Sie sprie&#223;en gerade aus allen Ecken und Enden: Frameworks oder auch &#8220;The next big thing&#8221;. Was bei wirklichen Entwicklungsframeworks wie Ruby On Rails, CakePHP, symfony oder wie sie alle hei&#223;en seine Berechtigung hat, ist bei einer Art Seitenbeschreibungssprache wie CSS irgendwie etwas mysteri&#246;s.</p>
<h3>Reale CSS Projekte mal aufgegliedert</h3>
<p>Bevor jetzt pers&#246;nliche Meinungen ins Spiel kommen, schauen wir uns doch mal wirkliche Projekte an, wo verschwindet die Zeit im Teilsegment &#8220;HTML-Umsetzung&#8221; eines Layouts?</p>
<h4>Seitentypen</h4>
<p>Die meisten Webseiten bestehen nicht aus einem Layout mit verschiedenen Inhalten, sondern zum Gl&#252;ck gibt es da Varianten.</p>
<p>Die einfachste Variante:</p>
<ul>
<li>Startseite</li>
<li>Contentseite</li>
</ul>
<p>Damit sind die meisten einfacheren Seiten abgedeckt, alles weitere spielt sich dann im Inhaltsbereich ab.<br />
Bereits hier werden die ersten Farb- und Schriftdefinitionen angelegt, Navigationen gebaut, Listenverschachtelt und andere lustige Spielereien erledigt, die nur f&#252;r die Umsetzung des Layouts notwendig sind.<br />
<strong>Durchschnittlicher Zeitbedarf: 4-12h</strong></p>
<p>Doch was gibt es noch f&#252;r Varianten?</p>
<ul>
<li>Startseite</li>
<li>Contentseite 3-spaltig</li>
<li>Contentseite 4-spaltig</li>
<li>Mikrostartseite f&#252;r einen Themenbereich</li>
<li>Kategorie&#252;bersicht eines Webshops</li>
<li>Der Webshop an sich</li>
<li>Modale Hilfsdialoge</li>
<li>andere spezielle Seitentypen die nicht mit einer normalen Contentseite abgedeckt werden</li>
<li>usw.</li>
</ul>
<p><strong>Durchschnittlicher Zeitbedarf: 10-xh</strong></p>
<p>Es wird schon Anspruchsvoller. Dank unterschiedlichstes Elemente m&#252;ssen etliche Klassen definiert werden und die meiste Arbeit geht in die Anpassung der Spezialf&#228;lle.</p>
<p>Nun gut, hier k&#246;nnte man noch argumentieren das man mit einem rasterbasiertem CSS wie blueprintcss zu schnellen und guten Ergebnissen kommt. Aber da f&#228;ngt das Problem schon an.</p>
<p>Kleines Beispiel: blueprintcss trennt die Spalten bzw. Rastereinheiten per margin. Jetzt m&#246;chte man aber das z.B. das die meisten Spalten eine durchgehenden Hintergrund bis zu n&#228;chsten haben. Man kann nun das Margin entfernen und die Gr&#246;&#223;e Anpassen oder sich eines paddings bedienen. Nur ist es eben nicht einfach mal schnell, wie immer bei solchen F&#228;llen liegt der Teufel im Detail und es gehen 2-3h nur f&#252;r die Anpassungen drauf.</p>
<h4>Contentelemente</h4>
<p>Jetzt kommt man langsam zum spassigen Teil. &#220;berschriften, Absatzformate, Listen, Linklisten, Formulare usw. sollen sich nat&#252;rlich nicht &#252;berall gleich verhalten oder manche doch usw. Im Regelfall geht hier die meiste Zeit in die Anpassung der Abst&#228;nde zueinander, Verhalten in bestimmten Sonderkonstellationen usw.</p>
<p>Verwendet man jetzt ein System das von Hause genau das Gegenteil von dem macht, das man m&#246;chte, wird es richtig lustig. Der Zeitvorteil ist schnell weg, wenn man die meiste Zeit mit der Suche nach der Vererbung oder dieser ist. Es wird sehr erm&#252;dend.</p>
<p><strong>Durchschnittlicher Zeitbedarf: 10-xh</strong></p>
<h4>Print.css</h4>
<p>Das Drucklayout darf nat&#252;rlich nicht fehlen, aber im Gegensatz zur der Meinung der Webworker die das Framework erstellen m&#246;chte der Kunde nat&#252;rlich Spielereien wie sein Logo, bestimmten Schriften und Farben usw. beim Ausdruck sehen. Also wieder Farben anpassen, Abst&#228;nde &#228;ndern, und eigentlich das ganze Teil wieder fast neu schreiben.</p>
<h4>Browseranpassungen</h4>
<p>Mittlerweile gibt es viele die den IE (m&#246;ge er, wenn es ihn gibt, in der H&#246;lle schmoren) verteufeln und gar nicht mehr unterst&#252;tzten m&#246;chten. Die Realit&#228;t sieht leider anders aus und wenn gerade der Projektmanager des Kunden den IE 6 benutzt, braucht man auch gar nicht mit irgendwelchen Diskussionen kommen. Gerade dann nicht, wenn 80% dieses Kunden genau diesen Browser benutzen.<br />
Also um die Browseranpassungen kommt man einfach nicht herum, und professionell w&#228;re jetzt nat&#252;rlich auch eine fast perfekte Anpassung des CSS damit das Layout &#252;berall wirklich fast gleich aussieht.</p>
<p>Also wieder in die Untiefen eintauchen und eigentlich wie immer Mikrodetails ausbessern.</p>
<p><strong>Durchschnittlicher Zeitbedarf: mind. 8h</strong></p>
<h3>Alles Mist? Nein!</h3>
<p>Die ganzen Ans&#228;tze sind wirklich brauchbar und jeder der m&#246;chte darf diese &#8220;Frameworks&#8221; benutzen ohne das es ein Vergehen w&#228;re. F&#252;r die vom Layout einfacheren Seiten sind die &#8220;Frameworks&#8221; ideal und die Benutzer m&#252;ssen sich keine gro&#223;en Gedanken &#252;ber viele Kleinigkeiten machen, und das ist ja auch gut so.<br />
Aber bei den meisten Projekten ist man mit einer <em>Bibliothek</em> der normalen Inhaltslemente mit minimalen Vorgaben am besten bedient. Webseiten f&#252;r die Kunden da drau&#223;en m&#252;ssen eben doch etwas mehr her machen als das was die Frameworks immer andenken. Sollte man dies also schon beim Layout beachten? Ich denke eher nicht. Dadurch w&#252;rden alle Seiten mit der Zeit sich aneinander angleichen, weil es ja sonst zu viel Arbeit w&#228;re.</p>
<h3>Jammern k&#246;nnen alle!</h3>
<p>Richtig! Deswegen will ich nicht nur jammern oder meckern, sondern genau das was ich und vielleicht auch andere ben&#246;tigen umsetzen:<br />
Eine schlichte Bibliothek eines schlanken CSS f&#252;r die normalen Inhaltselemente, nicht mehr und nicht weniger. Alles andere wird dem gemein genannten Frontendler &#252;berlassen. Freiheit f&#252;r alle und keine stupiden Arbeiten mehr wiederholt erledigen oder aus vorherigen Projekten kopieren.</p>
<p>Die f&#252;r die erste Version geplanten Elemente und Ziele werde ich demn&#228;chst (wie es die Zeit eben zu l&#228;sst) mal ver&#246;ffentlichen.</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/09/27/thema-css-frameworks/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Nach dem Shooting</title>
		<link>http://blog.h7media.de/2007/08/15/nach-dem-shooting/</link>
		<comments>http://blog.h7media.de/2007/08/15/nach-dem-shooting/#comments</comments>
		<pubDate>Wed, 15 Aug 2007 07:33:44 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Software</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/08/15/nach-dem-shooting/</guid>
		<description><![CDATA[
Die digitale Fotografie hat viele Vorteile gebracht, aber nat&#252;rlich auch neue Aufgaben: so muss nach einem Shooting irgendwie die Datenmenge sortiert und der M&#252;ll oder die &#8220;da probier ich nur kurz was aus – kann man ja sp&#228;ter wieder l&#246;schen&#8221;-Fotos entfernt werden.
Als unverzichtbar hat sich da Photoreviewer erwiesen. Das Programm arbeitet nach einem ganz simplen [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://blog.h7media.de/wp-content/uploads/2007/07/photoreviewerl8.png' alt='Photoreviewer Icon' /><br />
Die digitale Fotografie hat viele Vorteile gebracht, aber nat&#252;rlich auch neue Aufgaben: so muss nach einem Shooting irgendwie die Datenmenge sortiert und der M&#252;ll oder die &#8220;da probier ich nur kurz was aus – kann man ja sp&#228;ter wieder l&#246;schen&#8221;-Fotos entfernt werden.</p>
<p>Als unverzichtbar hat sich da Photoreviewer erwiesen. Das Programm arbeitet nach einem ganz simplen Prinzip: importierten Bilderordner laden, f&#252;r jedes Bild + (f&#252;r behalten) oder - (f&#252;r aussortieren) dr&#252;cken und in k&#252;rzester Zeit ist die Bilderflut sortiert. Wem das noch nicht reicht kann nat&#252;rlich auch Wertungen von 1-9 vergeben. Daneben gibt es noch eine Lupe mit der man die Sch&#228;rfe besser &#252;berpr&#252;fen kann.</p>
<p>Nach der Bewertungsphase kann man dann vorgeben, was mit den Bildern passieren soll – also ob die aussortierten gleich in den Papierkorb wandern oder erst mal in einen anderen Ordner verschoben werden soll.</p>
<p>Wer &#246;fters viel fotografiert wird dieses Tool zu sch&#228;tzen wissen.</p>
<p><a href="http://www.sticksoftware.com/software/PhotoReviewer.html">PhotoReviewer</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/08/15/nach-dem-shooting/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Pageshots mit Red Snapper</title>
		<link>http://blog.h7media.de/2007/08/15/pageshots-mit-red-snapper/</link>
		<comments>http://blog.h7media.de/2007/08/15/pageshots-mit-red-snapper/#comments</comments>
		<pubDate>Wed, 15 Aug 2007 07:28:04 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Tipps</dc:subject><dc:subject>osx</dc:subject><dc:subject>pageshot</dc:subject><dc:subject>screenshot</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/08/15/pageshots-mit-red-snapper/</guid>
		<description><![CDATA[
Wer gerne Screenshots von Webseiten macht kennt das Problem: sobald die Seite &#252;ber die eigene Bildschirmgr&#246;&#223;e hinaus geht ist man auf Tools angewiesen. Hier kommt Red Snapper ins Spiel. 
Als Safari-Plugin bekommt man einen neuen Button in der Toolbar, mit dem man von der aktuellen Seite einen Screenshot in allen g&#228;ngigen Formaten machen kann. Dabei [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://blog.h7media.de/wp-content/uploads/2007/08/red_snapper.png' alt='Red Snapper Icon' /><br />
Wer gerne Screenshots von Webseiten macht kennt das Problem: sobald die Seite &#252;ber die eigene Bildschirmgr&#246;&#223;e hinaus geht ist man auf Tools angewiesen. Hier kommt <a href="http://tastyapps.com/" title="Tastyapps">Red Snapper</a> ins Spiel. </p>
<p>Als Safari-Plugin bekommt man einen neuen Button in der Toolbar, mit dem man von der aktuellen Seite einen Screenshot in allen g&#228;ngigen Formaten machen kann. Dabei kann man die Breite festlegen und es wird die komplette Seite festgehalten. </p>
<p>Der Clou an der Sache ist die PDF-Unterst&#252;tzung: der Text wird auch als Text gesichert und sogar Links bleiben erhalten.<br />
Feine Sache f&#252;r 8$, ich habe es auf jeden Fall gleich gekauft.</p>
<p><a href="http://tastyapps.com/" title="Tastyapps">Red Snapper</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/08/15/pageshots-mit-red-snapper/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Silbentrennung im Browser</title>
		<link>http://blog.h7media.de/2007/07/06/silbentrennung-im-browser/</link>
		<comments>http://blog.h7media.de/2007/07/06/silbentrennung-im-browser/#comments</comments>
		<pubDate>Fri, 06 Jul 2007 00:24:42 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Web</dc:subject>
	<dc:subject>CSS</dc:subject>
	<dc:subject>FundstÃ¼cke</dc:subject>
	<dc:subject>JavaScript</dc:subject><dc:subject>css</dc:subject><dc:subject>silbentrennung</dc:subject><dc:subject>typografie</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/07/06/silbentrennung-im-browser/</guid>
		<description><![CDATA[Leider gibt es bis dato keine wirklich funktionierenden automatische Silbentrennung. Es existiert zwar das &#173; Element, dieses wird aber noch von keinem Browser au&#223;er der Firefox 3 beta unterst&#252;tzt. Dies wird vor allem bei Flattersatz und Blocksatz deutlich. Bisher werden nur komplette W&#246;rter umgebrochen.
Es gibt aber schon eine Javascript L&#246;sung, die genau dieses Problem l&#246;st: [...]]]></description>
			<content:encoded><![CDATA[<p>Leider gibt es bis dato keine wirklich funktionierenden automatische Silbentrennung. Es existiert zwar das &shy; Element, dieses wird aber noch von keinem Browser au&#223;er der Firefox 3 beta unterst&#252;tzt. Dies wird vor allem bei Flattersatz und Blocksatz deutlich. Bisher werden nur komplette W&#246;rter umgebrochen.</p>
<p>Es gibt aber schon eine Javascript L&#246;sung, die genau dieses Problem l&#246;st: <br /><a href="http://www.mnn.ch/hyph/silbentrennung1.html" title="Silbentrennung mit Javascript">zur Webseite</a></p>
<p>Mit 96 kb noch etwas zu m&#228;chtig, aber immerhin ein Anfang f&#252;r bessere Typografie im Web.</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/07/06/silbentrennung-im-browser/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Grundlinienraster f&#252;r Webseiten</title>
		<link>http://blog.h7media.de/2007/07/06/grundlinienraster-fuer-webseiten/</link>
		<comments>http://blog.h7media.de/2007/07/06/grundlinienraster-fuer-webseiten/#comments</comments>
		<pubDate>Fri, 06 Jul 2007 00:18:07 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Web</dc:subject>
	<dc:subject>CSS</dc:subject>
	<dc:subject>Guru</dc:subject><dc:subject>css</dc:subject><dc:subject>grundlinienraster</dc:subject><dc:subject>raster</dc:subject><dc:subject>typografie</dc:subject><dc:subject>webdesign</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/07/06/grundlinienraster-fuer-webseiten/</guid>
		<description><![CDATA[
Ich habe mich die letzte Zeit intensiver mit Grundlinienraster f&#252;r Webseiten besch&#228;ftigt. F&#252;r die Typografen aus dem Printbereich da drau&#223;en ist das ein alter Hut, nur im Web wird so gut wie kein Gebrauch davon gemacht.
Ein m&#246;gliches Endergebnis vorweg
Was ist das Grundlinienraster?
Sobald Papier beidseitig bedruckt wird scheint der Inhalt der anderen Seite immer leicht durch [...]]]></description>
			<content:encoded><![CDATA[<p><img src='http://blog.h7media.de/wp-content/uploads/2007/07/bild-16.png' alt='Grundlinienraster f&#252;r Webseiten' />
<p>Ich habe mich die letzte Zeit intensiver mit Grundlinienraster f&#252;r Webseiten besch&#228;ftigt. F&#252;r die Typografen aus dem Printbereich da drau&#223;en ist das ein alter Hut, nur im Web wird so gut wie kein Gebrauch davon gemacht.</p>
<p><a href="http://www.h7media.de/lab/csstemplate/" title="Endergebnis eines CSS-Templates mit Grundlinienrasters">Ein m&#246;gliches Endergebnis vorweg</a></p>
<h3>Was ist das Grundlinienraster?</h3>
<p>Sobald Papier beidseitig bedruckt wird scheint der Inhalt der anderen Seite immer leicht durch das Papier. Damit dies nicht st&#246;rend wird, bedient man sich einem Grundlinienraster an dem der Flie&#223;text ausgerichtet wird. So sind Vorder- und R&#252;ckseite deckungsgleich und st&#246;ren beim lesen nicht.</p>
<h3>Wieso bei Webseiten?</h3>
<p>Das Grundlinienraster ist vom Prinzip ein vertikales Raster, nach dem die Text- und Bildelemente des Flie&#223;textes angeordnet werden. Es ergibt sich so ein angenehmeres Textbild, auch am Bildschrim. So erscheinen z. B. Randbemerkungen in einer Marginalspalte neben dem Flie&#223;text mit dem gleichen Zeilenabstand harmonischer.</p>
<h3>Wo macht es Sinn?</h3>
<p>Keine Frage – nicht bei jeder Seite muss man dies umsetzen. Aber vor allem bei Textlastigem Inhalt macht eine Ausrichtung des Flie&#223;textes und &#220;berschriften und Bildelemente in der Contentspalte Sinn. Schwierig wird das Ganze bei Listen, Aufz&#228;hlungen, Formularelementen und Zitaten. M&#246;glich ist es, ob es Sinn macht, muss man f&#252;r den jeweiligen Fall selber entscheiden.</p>
<h3>Wie geht man vor?</h3>
<h4>Zeilenabstand festlegen</h4>
<p>Als Erstes muss man einen Zeilenabstand f&#252;r das Grundlinienraster festlegen. Die h&#228;ngt von der verwendeten Schriftgr&#246;&#223;e des Flie&#223;textes (also der p Tags) ab. Bei der Standardschriftgr&#246;&#223;e 12px verwendet man meist eine Zeilenh&#246;he (line-height) von 18px, die einem Verh&#228;ltnis von 150% entspricht.<br />
Eine Eigenheit gibt es dabei zu beachten: setzt man per CSS eine line-height wird zuerst die  angegebene H&#246;he aufgezogen und das Element dann in dieser vertikal zentriert.</p>
<h4>Grundlinienraster anzeigen</h4>
<p>Die einfachste Variante ist eine Hintergrundgrafik mit dem Raster zu erstellen. Wichtig ist das die erste Linie erst nach einer H&#246;heneinheit beginnt. So werden die Elemente immer vertikal zentriert im Raster angezeigt. Bei dieser Technik muss man bei jedem Projekt mit anderem Raster eine neue Grafik erzeugen oder eine Bibliothek mit den g&#228;ngigsten anlegen.<br />
Genau da setzt <a href="http://milianw.de/projects/typogridder/" title="Typogridder Webseite">Typogridder</a> an. &#220;ber ein Javascript wird der Zeilenabstand des p Tags (jeder andere ist nat&#252;rlich auch m&#246;glich) ausgelesen und &#252;ber ein PHP Skript eine Rastergrafik erzeugt. Das ganze kann man als Bookmarklet in jeden Browser integrieren und so f&#252;r jede Seite ein Grundlinienraster anzeigen lassen. In der Datei getBackgroundImage.php kann die Farbe des Rasters angepasst werden:</p>
<p>Zeile 49:</p>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #0000ff;">$border</span> = imagecolorallocate<span style="color: #66cc66;">&#40;</span><span style="color: #0000ff;">$im</span>, <span style="color: #cc66cc;">230</span>, <span style="color: #cc66cc;">230</span>, <span style="color: #cc66cc;">230</span><span style="color: #66cc66;">&#41;</span>;</div>
</li>
</ol>
</div>
<p>Hier wird jetzt ein Raster mit 90% Schwarz angezeigt, im Gegensatz zum standardm&#228;ssigen Rot.</p>
<h4>Elemente ausrichten</h4>
<p>Der Einfachheit werden alle Werte in Pixeln angegeben, um das Prinzip einfacher zu verstehen. Als Erstes legt man die Standardschriftgr&#246;&#223;e und den Zeilenabstand fest:</p>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">body <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-size</span>: <span style="color: #cc66cc;">68.75</span>%; <span style="color: #808080; font-style: italic;">/* 11px */</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-family</span>: <span style="color: #ff0000;">&quot;Helvetica Neue&quot;</span>, Arial, Helvetica, Geneva, <span style="color: #993333;">sans-serif</span>;</div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; line-<span style="color: #000000; font-weight: bold;">height</span>: 18px;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp;</div>
</li>
</ol>
</div>
<p>Alle Abst&#228;nde m&#252;ssen ein Vielfaches unseres Grundlinienrasters, in diesem Beispiel 18px betragen. Da p-Tags immer unter einer Headline oder einem anderen p-Tag vorkommen, erh&#228;lt dieser nur ein margin-bottom von einer H&#246;heneinheit bzw. 18px.</p>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">p <span style="color: #66cc66;">&#123;</span> </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-size</span>: 11px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; line-<span style="color: #000000; font-weight: bold;">height</span>: 18px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">margin</span>: <span style="color: #cc66cc;">0</span> <span style="color: #cc66cc;">0</span> 18px <span style="color: #cc66cc;">0</span>; </div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
</ol>
</div>
<p>Interessanter wird die Sache bei Headlines. M&#246;chte man die h1 in 24px setzen muss man die line-height immer auf das passende oder n&#228;chst h&#246;here Vielfache unseres Rasters setzen. Eine Schriftgr&#246;&#223;e von 36px = 2 H&#246;heneinheiten = line-heigt 36px, aber 24px = 1,3 H&#246;heneinheiten = auf 2 H&#246;heneinheiten aufrunden = 36px. Dazu kommt noch ein Abstand von einer H&#246;heneinheit oben und unten.</p>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">h1 <span style="color: #66cc66;">&#123;</span> </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-size</span>: 24px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; line-<span style="color: #000000; font-weight: bold;">height</span>: 36px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">margin-bottom</span>: 18px; </div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">padding-top</span>: 18px;&nbsp; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
</ol>
</div>
<p>M&#246;chte man z.B. einen border unter einer Headline, muss man diesen mit in die „Berechnung“ mit ein beziehen. In diesem Fall ist der border unten, also wird die Gr&#246;&#223;e des borders vom unteren Abstand abgezogen = margin-bottom: 17px.</p>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">h2 <span style="color: #66cc66;">&#123;</span> </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-size</span>: 20px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; line-<span style="color: #000000; font-weight: bold;">height</span>: 36px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">margin-bottom</span>: 17px; </div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">padding-top</span>: 36px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">border-bottom</span>: 1px <span style="color: #993333;">solid</span> <span style="color: #993333;">red</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
</ol>
</div>
<p>So kann man die analog f&#252;r alle Headlines anpassen:</p>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">h3 <span style="color: #66cc66;">&#123;</span> </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-size</span>: 18px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; line-<span style="color: #000000; font-weight: bold;">height</span>: 18px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">margin-bottom</span>: 15px; </div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">padding-top</span>: 18px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">border-bottom</span>: 1px <span style="color: #993333;">solid</span> #<span style="color: #cc66cc;">888</span>; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">padding-bottom</span>: 2px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-weight</span>: <span style="color: #993333;">normal</span>; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">clear</span>: <span style="color: #993333;">both</span>; </div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
</ol>
</div>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">h4 <span style="color: #66cc66;">&#123;</span> </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-size</span>: 14px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; line-<span style="color: #000000; font-weight: bold;">height</span>: 18px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">margin-bottom</span>: 18px; </div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
</ol>
</div>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">h5 <span style="color: #66cc66;">&#123;</span> </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-size</span>: 12px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; line-<span style="color: #000000; font-weight: bold;">height</span>: 18px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
</ol>
</div>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">h6 <span style="color: #66cc66;">&#123;</span> </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-size</span>: 11px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; line-<span style="color: #000000; font-weight: bold;">height</span>: 18px; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-style</span>: <span style="color: #993333;">italic</span>; </div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">font-weight</span>: <span style="color: #993333;">normal</span>; </div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
</ol>
</div>
<p>Weitere Elemente wie ungeordnete Listen, Definitionslisten, Tabellen usw. muss man selber entscheiden, ob man diese nach dem Grundlinienraster ausrichten m&#246;chte.<br />
Listen z.B. werden durch die global in body festgelegte line-height beeinflusst, sobald man margin und padding auf 0 setzt.</p>
<p>Ein Beispiel wie das ganze dann mit mehreren Elementen aussieht: <br /><a href="http://www.h7media.de/lab/csstemplate/" title="Endergebnis eines CSS-Templates mit Grundlinienrasters">Das Endergebnis</a></p>
<h3>Weiterf&#252;hrende Links:</h3>
<ul>
<li><a href="http://milianw.de/projects/typogridder/" title="Typogridder Webseite">Typogridder</a></li>
<li><a href="http://alistapart.com/articles/settingtypeontheweb" title="A List Apart: Setting Type on the Web to a Baseline Grid">A List Apart: Setting Type on the Web to a Baseline Grid</a></li>
<li><a href="http://csshowto.com/typography/css-the-baseline-grid/" title="csshowto.com: CSS &#038; The Baseline Grid<">csshowto.com: CSS &#038; The Baseline Grid</a></li>
<li><a href="http://www.locusfoc.us/typography/index.html" title="Baseline &#038; Grid Template">Baseline &#038; Grid Template</a></li>
<li><a href="http://www.smashingmagazine.com/2007/04/14/designing-with-grid-based-approach/" title="smaschingmagazine: Designing With Grid-Based Approach">smaschingmagazine: Designing With Grid-Based Approach</a></li>
<li><a href="http://24ways.org/2006/compose-to-a-vertical-rhythm" title="24 ways: Compose to a vertical rhythm">24 ways: Compose to a vertical rhythm</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/07/06/grundlinienraster-fuer-webseiten/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Backup Strategie f&#252;r portable Rechner</title>
		<link>http://blog.h7media.de/2007/06/10/backup-strategie-fuer-portable-rechner/</link>
		<comments>http://blog.h7media.de/2007/06/10/backup-strategie-fuer-portable-rechner/#comments</comments>
		<pubDate>Sun, 10 Jun 2007 11:23:19 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Tipps</dc:subject>
	<dc:subject>Guru</dc:subject><dc:subject>backup</dc:subject><dc:subject>Macbook</dc:subject><dc:subject>portabel</dc:subject><dc:subject>strategie</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/06/10/backup-strategie-fuer-portable-rechner/</guid>
		<description><![CDATA[Da vor 2 Tagen wieder mal eine Festplatte in meinem MacBook sich verabschiedet hat, denke ich ist es mal wieder an der Zeit zu mehr Backups auf zu rufen! Und ja, ich hatte von allem Backups, es kam zu keinem Datenverlust trotz Totalausfall.
Der hier aufgezeigte Weg arbeitet bewusst nicht mit inkrementellen Backups, da diese f&#252;r [...]]]></description>
			<content:encoded><![CDATA[<p>Da vor 2 Tagen wieder mal eine Festplatte in meinem MacBook sich verabschiedet hat, denke ich ist es mal wieder an der Zeit zu mehr Backups auf zu rufen! Und ja, ich hatte von allem Backups, es kam zu keinem Datenverlust trotz Totalausfall.<br />
Der hier aufgezeigte Weg arbeitet bewusst nicht mit <a href="http://de.wikipedia.org/wiki/Inkrementelles_Backup" title="Erkl&#228;rung bei Wikipedia">inkrementellen Backups</a>, da diese f&#252;r mich als Einzelperson einfach nicht notwendig sind. Au&#223;erdem ist der Prozess nicht wirklich per Cronjobs automatisiert, da ich nie weiss, wann der Rechner in der N&#228;he der Backupplatten ist.</p>
<h3>Die Ausstattung</h3>
<ul>
<li>1x interne 160 GB 2,5&#8243; Festplatte, die Systemfestplatte</li>
<li>2x externe 250 GB Festplatten, per Firewire angeschlossen</li>
<li>1x externe 2,5&#8243; 160 GB Festplatte, per USB angeschlossen</li>
<li>1x DVD Brenner</li>
</ul>
<p>Eine der 250 GB Festplatten ist f&#252;r das t&#228;gliche synchronisieren der Arbeitsdateien zust&#228;ndig und h&#228;lt immer den aktuellen Stand der sich &#228;ndernden Dateien. Die zweite 250 GB Festplatte hat eine 160 GB Partition, auf dieser wird das komplette System gespiegelt. Bei einem Totalausfall kann man so schnell von dieser starten und hat eigentlich keinen Nennenswerten Zeitverlust (nur portabel ist das ganze nicht mehr). Aus diesem Grund gibt es noch eine 2,5&#8243; Festplatte im externen Geh&#228;use, die auch das komplette System gespiegelt vorh&#228;lt. Diese kann man dann bei Gelegenheit einbauen und hat ein wieder lauff&#228;higes System, w&#228;hrend die alte Festplatte auf dem Weg zum Hersteller ist.<br />
Alle paar Wochen gibt es noch ein Backup auf DVD, man weiss ja nie, wenn z.B. doch mal ein Blitz &#252;ber den &#220;berspannunggsschutz kommt.</p>
<h3>T&#228;gliche Sicherungen</h3>
<p><img src="http://blog.h7media.de/wp-content/uploads/2007/06/arrsync_screenshot.jpg" class="inline" alt="arRsync Screenshot" />Die t&#228;glichen Sicherungen erledige ich mit <a href="http://www.macupdate.com/info.php/id/20983" title="arRsync bei Macupdate">arRsync</a>. Sobald man ins Bett geht, ist es kein gro&#223;es Problem das Backup an zu werfen und den Rechner seine Arbeit verrichten zu lassen. arRsync ist eigentlich nur eine GUI f&#252;r das bekannte rsync. Der Vorteil ist eigentlich nur das man komfortabel seine Backupsets verwalten kann und eine Statusbar hat, kann man also im Notfall auch verzichten. Ich benutze auch bewusst keine Scripts die den Backupprozess starten, sobald z.B. die Backup-Festplatte gemountet wurde. Der ganze Prozess ist sehr Festplattenintensiv und st&#246;rt meistens dann, wenn etwas fertig werden soll.</p>
<h4>T&#228;glich gesichert wird folgendes:</h4>
<ul>
<li>Arbeitsordner</li>
<li>Adressbuch</li>
<li><a href="http://www.macupdate.com/info.php/id/20473" title="Yojimbo bei Macupdate">Yojimbo</a></li>
<li><a href="http://www.macupdate.com/info.php/id/18789/vienna" title="Vienna bei Macupdate">Vienna</a> (ich m&#246;chte meine RSS-Feeds nicht wieder zusammensuchen)</li>
<li><a href="http://www.macupdate.com/info.php/id/16197/mamp" title="MAMP bei Macupdate">MAMP </a></li>
<li>Mails</li>
<li>mein Downloadordner</li>
<li>Musikordner</li>
<li>Schreibtischordner</li>
<li>iCal</li>
<li><a href="http://www.macupdate.com/info.php/id/13461" title="TimeLog bei Macupdate">TimeLog</a> (w&#228;re schlecht wenn abgerechnete Zeiten nicht auf die Rechnung k&#228;men)</li>
<li>Schriftenordner</li>
</ul>
<p>Somit habe ich meine t&#228;glichen &#196;nderungen erschlagen und kann mit ruhigem Gewissen jedem Festplattencrash die Stirn bieten.</p>
<h3>W&#246;chentliche Sicherung</h3>
<p>Die wichtigen Daten sind nun gesichert, aber ein Crash kommt meist dann, wenn man etwas Wichtiges fertig bekommen muss. Da kann so eine System Neuinstallation mit der Installation aller Programme schon einen halben Tag kosten.<br />
Deswegen wird das komplette System mit <a href="http://www.macupdate.com/info.php/id/13803" title="SuperDuper! bei Macupdate">SuperDuper!</a> auf eine externe Festplatte geclont. Alternativ kann man nat&#252;rlich das bekannte <a href="http://www.macupdate.com/info.php/id/7032/carbon-copy-cloner" title="Carbon Copy Cloner bei Macupdate">Carbon Copy Cloner</a> verwenden. Auf der externen ist eine Partition die genau so gro&#223; wie die interne ist. Dies reicht schon mal, um im Worst-Case sofort von dieser starten und weiter arbeiten zu k&#246;nnen. Arbeitsdateien kann man dann von der t&#228;glichen Sicherung nachziehen und ist sofort wieder auf dem neusten Stand.<br />
Zus&#228;tzlich dazu klone ich das System noch auf eine externe 2,5&#8243;, die haargenau die gleiche wie die interne ist. So kann man bei Gelegenheit die interne mit einer funktionierenden austauschen und hat wieder einen portablen Rechner.</p>
<h3>Alle paar Monate</h3>
<p>Jetzt hat man alle wichtigen Daten mehrfach gesichert und es kann eigentlich nicht mehr gro&#223; was passieren. F&#252;r den Fall der F&#228;lle backupe ich noch so Sachen wie die Arbeitsdateien und Fotos alle paar Monate auf DVDs, falls doch mal was eintritt was man sich nicht ausmalen kann.<br />
Dank Diskspanning ist es kein Problem einen 25 GB Ordner auf mehrere DVDs verteilt zu brennen. Ich verwende dazu <a href="http://www.macupdate.com/info.php/id/6351/toast-titanium-x" title="Toast Titanium bei Macupdate">Toast Titanium</a>, aber auch <a href="http://www.macupdate.com/info.php/id/23176/disco" title="Disco bei Macupdate">Disco</a> unterst&#252;tzt dies. Wer noch andere Brennprogramme kennt die dies unterst&#252;tzen kann dies gerne in den Kommentaren hinterlassen.</p>
<h3>Neu: Onlinebackups</h3>
<p>Ich teste zur Zeit den Onlinebackup-Dienst <a href="http://mozy.com/" title="mozy besuchen">mozy</a>. Dort bekommt man 1 GB im kostenlosen Packet.<br />
Das eigene Tool sichert die eingestellten Daten sobald der Rechner 30 Minuten nicht verwendet wurde in der Standardeinstellung. An sich eine sichere Sache, nur geh&#246;re ich noch zu den Leuten die trotz verschl&#252;sselter &#220;bertragung und Sicherung nicht gerne ihre privaten Daten auf den Servern anderer Leute wissen m&#246;chten. Erschwerend kommt noch der geringe Upstream trotz DSL 6000 hinzu, was die ganze Sache f&#252;r z.B. Arbeitsdateien und andere gro&#223;e Daten unsinnig macht.</p>
<h3>Zusammenfassung</h3>
<p>Nat&#252;rlich muss man nicht diese Backup-Paranoia teilen, aber man sollte vielleicht doch dar&#252;ber nachdenken ab und zu die wichtigsten Daten zu sichern. Der Tag wo man es ansonsten bereut wird kommen, das hat die Erfahrung gezeigt.</p>
<ul>
<li><a href="http://www.macupdate.com/info.php/id/20983" title="arRsync bei Macupdate">arRsync</a></li>
<li><a href="http://www.macupdate.com/info.php/id/13803" title="SuperDuper! bei Macupdate">SuperDuper!</a></li>
<li><a href="http://www.macupdate.com/info.php/id/7032/carbon-copy-cloner" title="Carbon Copy Cloner bei Macupdate">Carbon Copy Cloner </a></li>
<li><a href="http://www.macupdate.com/info.php/id/6351/toast-titanium-x" title="Toast Titanium bei Macupdate">Toast Titanium</a></li>
<li><a href="http://www.macupdate.com/info.php/id/23176/disco" title="Disco bei Macupdate">Disco </a></li>
<li><a href="http://mozy.com/" title="Mozy.com besuchen">mozy </a></li>
</ul>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/06/10/backup-strategie-fuer-portable-rechner/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>CSS: grafischer horizontaler Trenner</title>
		<link>http://blog.h7media.de/2007/06/07/css-grafischer-horizontaler-trenner/</link>
		<comments>http://blog.h7media.de/2007/06/07/css-grafischer-horizontaler-trenner/#comments</comments>
		<pubDate>Thu, 07 Jun 2007 13:10:37 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Web</dc:subject>
	<dc:subject>CSS</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/06/07/css-grafischer-horizontaler-trenner/</guid>
		<description><![CDATA[Leider reicht es ja nicht einfach den &#60;hr /&#62; Tag mit einem Hintergrundbild zu belegen, denn dann funkt einem wie meistens immer der IE dazwischen.
Der Workaround ist zum Gl&#252;ck relativ einfach:



div.line &#123;


&#160; &#160; &#160; &#160; clear: both;


&#160; &#160; &#160; &#160; height: 1px;


&#160; &#160; &#160; &#160; width: 100%;


&#160; &#160; &#160; &#160; background: url&#40;http://blog.h7media.de/wp-content/uploads/2007/06/dots.gif&#41; repeat-x;


&#125;






hr &#123;


&#160; &#160; [...]]]></description>
			<content:encoded><![CDATA[<p>Leider reicht es ja nicht einfach den &lt;hr /&gt; Tag mit einem Hintergrundbild zu belegen, denn dann funkt einem wie meistens immer der IE dazwischen.<br />
Der Workaround ist zum Gl&#252;ck relativ einfach:</p>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">div<span style="color: #6666ff;">.line </span><span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">clear</span>: <span style="color: #993333;">both</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">height</span>: 1px;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">width</span>: <span style="color: #cc66cc;">100</span>%;</div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">background</span>: <span style="color: #993333;">url</span><span style="color: #66cc66;">&#40;</span>http://blog.h7media.de/wp-<span style="color: #000000; font-weight: bold;">content</span>/uploads/<span style="color: #cc66cc;">2007</span>/<span style="color: #cc66cc;">06</span>/dots.gif<span style="color: #66cc66;">&#41;</span> <span style="color: #993333;">repeat-x</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
</ol>
</div>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">hr <span style="color: #66cc66;">&#123;</span></div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">position</span>: <span style="color: #993333;">absolute</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">left</span>: -1000px;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">top</span>: -1000px;</div>
</li>
<li style="font-weight: bold;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">width</span>: 0px;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">height</span>: 0px;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">overflow</span>: <span style="color: #993333;">hidden</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;">&nbsp; &nbsp; &nbsp; &nbsp; <span style="color: #000000; font-weight: bold;">display</span>: <span style="color: #993333;">inline</span>;</div>
</li>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #66cc66;">&#125;</span></div>
</li>
</ol>
</div>
<div class="ch_code_container" style="font-family: monospace;height:100%;">
<ol>
<li style="font-family: 'Courier New', Courier, monospace; color: black; font-weight: normal; font-style: normal;">
<div style="font-family: 'Courier New', Courier, monospace; font-weight: normal;"><span style="color: #009900;"><a href="http://december.com/html/4/element/div.html"><span style="color: #000000; font-weight: bold;">&lt;div</span></a> <span style="color: #000066;">class</span>=<span style="color: #ff0000;">&quot;line&quot;</span><span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #009900;"><a href="http://december.com/html/4/element/hr.html"><span style="color: #000000; font-weight: bold;">&lt;hr</span></a> /<span style="color: #000000; font-weight: bold;">&gt;</span></span><span style="color: #009900;"><span style="color: #000000; font-weight: bold;">&lt;/div&gt;</span></span></div>
</li>
</ol>
</div>
<p>Nun hat man eine gepunktete horizontale Linie, die in allen Browser gleich aussieht und als Trenner wirklich funktioniert.<br />
Das die unterschiedlichen Browser border: 1px dotted gerne unterschiedlich ausgeben macht es ja leider so gut wie unbrauchbar.</p>
<p><strong>Demo:</strong></p>
<p style="clear: both; background: transparent url('http://blog.h7media.de/wp-content/uploads/2007/06/dots.gif') repeat-x scroll 0% 50%; height: 1px; width: 100%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial">&nbsp;</p>
<p><hr style="overflow: hidden; position: absolute; left: -1000px; top: -1000px; width: 0px; height: 0px; display: inline" /></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/06/07/css-grafischer-horizontaler-trenner/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>kernel[0]: disk0s2: 0xe0030005 (UNDEFINED).</title>
		<link>http://blog.h7media.de/2007/06/07/kernel0-disk0s2-0xe0030005-undefined/</link>
		<comments>http://blog.h7media.de/2007/06/07/kernel0-disk0s2-0xe0030005-undefined/#comments</comments>
		<pubDate>Thu, 07 Jun 2007 12:03:55 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Software</dc:subject><dc:subject>0xe0030005</dc:subject><dc:subject>festplatte</dc:subject><dc:subject>hitachi</dc:subject><dc:subject>Macbook</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/06/07/kernel0-disk0s2-0xe0030005-undefined/</guid>
		<description><![CDATA[Mitten im Betrieb beim kopieren h&#228;ngt das System. Ein erzwungener Neustart f&#246;rdert zu Tage, dass das System die Festplatte nicht mehr erkennt.
Wer dieses Szenario auf einem MacBook oder MacBook Pro erlebt sollte von einem externen Klon oder der OS X starten um im Log zu schauen, woran es liegt.
Wenn dort der 0xe0030005 (UNDEFINED) Fehler erscheint, [...]]]></description>
			<content:encoded><![CDATA[<p>Mitten im Betrieb beim kopieren h&#228;ngt das System. Ein erzwungener Neustart f&#246;rdert zu Tage, dass das System die Festplatte nicht mehr erkennt.<br />
Wer dieses Szenario auf einem MacBook oder MacBook Pro erlebt sollte von einem externen Klon oder der OS X starten um im Log zu schauen, woran es liegt.</p>
<p>Wenn dort der <em>0xe0030005 (UNDEFINED)</em> Fehler erscheint, kann man sich schon die Support Nummer des Herstellers heraus suchen.<br />
Ich konnte nur noch mit Hilfe von <a href="http://www.macupdate.com/info.php/id/11707" title="Disk Warrior bei Macupdate.com">DiskWarrior</a> das Verzeichnis wiederherstellen und aus der Vorschaudisk die letzten Daten, die noch nicht gebackupt waren r&#252;ber ziehen. Eine Reperatur der Festplatte ist auch mit dem Festplatten Dienstprogramm nicht m&#246;glich.</p>
<p>Zu guter Letzt habe ich sogar die Festplatte neu formatiert und meinen Klon zur&#252;ck kopiert. Das hat zwar funktioniert, aber die Festplatte produziert Lesefehler am laufenden Band.</p>
<p>Jetzt die gro&#223;e Frage: vernichten die MacBooks Festplatten am laufenden Band oder liegt es an Hitachi?</p>
<p><a href="http://agylen.com/2006/05/03/macbook-pro-disk-problems/">Andere &#252;ber das gleiche Problem</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/06/07/kernel0-disk0s2-0xe0030005-undefined/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>4 Icons – kostenlos als Vektor</title>
		<link>http://blog.h7media.de/2007/05/07/4-icons-kostenlos-als-vektor/</link>
		<comments>http://blog.h7media.de/2007/05/07/4-icons-kostenlos-als-vektor/#comments</comments>
		<pubDate>Mon, 07 May 2007 06:33:23 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Guru</dc:subject><dc:subject>icons</dc:subject><dc:subject>illustrator</dc:subject><dc:subject>kostenlos</dc:subject><dc:subject>vektor</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/05/07/4-icons-kostenlos-als-vektor/</guid>
		<description><![CDATA[Diese 4 Icons sind im Laufe eines Kundenprojekts entstanden, wurden aber nie benutzt. Bevor sie also auf der Platte herum liegen, stell ich sie lieber aller Welt zur Verf&#252;gung. Es handelt sich um ein Fernglas, ein aufgeklapptes Macbook in Schwarz, ein Schild und eine Sprechblase mit Plus. Sie d&#252;rfen frei verwendet werden und als Bonbon [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.h7media.de/downloads/h7icons_ai_cs3.zip" title="4 Icons als Illustrator CS3 downloaden - weitere Formate weiter unten"><img src="http://blog.h7media.de/wp-content/uploads/2007/05/vier_icons.jpg" class="inline nobg" alt="Vier Icons" /></a>Diese 4 Icons sind im Laufe eines Kundenprojekts entstanden, wurden aber nie benutzt. Bevor sie also auf der Platte herum liegen, stell ich sie lieber aller Welt zur Verf&#252;gung. Es handelt sich um ein Fernglas, ein aufgeklapptes Macbook in Schwarz, ein Schild und eine Sprechblase mit Plus. Sie d&#252;rfen frei verwendet werden und als Bonbon gibt es sogar die Illustratordatei, f&#252;r die, die sie brauchen.</p>
<p>Nat&#252;rlich w&#252;rde ich mich freuen, wenn ich einen Link erhalte, wo sie verwendet werden.</p>
<p><a href="http://blog.h7media.de/downloads/h7icons_ai_cs3.zip" title="4 Icons als Illustrator CS3 downloaden">Icons als Illustrator CS3</a><br />
<a href="http://blog.h7media.de/downloads/h7icons_ai_cs2.zip" title="4 Icons als Illustrator CS2 downloaden">Icons als Illustrator CS2</a><br />
<a href="http://blog.h7media.de/downloads/h7icons_ai_8.zip" title="4 Icons als Illustrator 8 downloaden">Icons als Illustrator 8<br />
</a><a href="http://blog.h7media.de/downloads/h7icons_png.zip" title="4 Icons als 300 dpi PNG downloaden">Icons als PNG</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/05/07/4-icons-kostenlos-als-vektor/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Besserer Workflow durch Programmshortcuts</title>
		<link>http://blog.h7media.de/2007/04/28/besserer-workflow-durch-programmshortcuts/</link>
		<comments>http://blog.h7media.de/2007/04/28/besserer-workflow-durch-programmshortcuts/#comments</comments>
		<pubDate>Sat, 28 Apr 2007 11:21:49 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Software</dc:subject>
	<dc:subject>Guru</dc:subject><dc:subject>shortcuts</dc:subject><dc:subject>spark</dc:subject><dc:subject>workflow</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/04/28/besserer-workflow-durch-programmshortcuts/</guid>
		<description><![CDATA[Wie oft kommt es vor, dass man zwischen mehreren Programmen wechseln muss? Sehr oft!
Beispiel Webentwicklung: Texteditor, CSS Editor (Geschmackssache), Browser und andauernd hin und her.
Beispiel Standardsituation: Webbrowser, Emailprogramm, Instant Messanger.
Beispiel Design: Photoshop, Illustrator und im Dateibrowser weitere Dateien suchen.
Diese Liste kann man beliebig weiter f&#252;hren und verwunderlicherweise meistern die meisten dies mit Command/Alt + Tab [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.h7media.de/wp-content/uploads/2007/04/14352.png" alt="Spark Icon" />Wie oft kommt es vor, dass man zwischen mehreren Programmen wechseln muss? Sehr oft!</p>
<p><strong>Beispiel Webentwicklung:</strong> Texteditor, CSS Editor (Geschmackssache), Browser und andauernd hin und her.<br />
<strong>Beispiel Standardsituation:</strong> Webbrowser, Emailprogramm, Instant Messanger.<br />
<strong>Beispiel Design:</strong> Photoshop, Illustrator und im Dateibrowser weitere Dateien suchen.</p>
<p>Diese Liste kann man beliebig weiter f&#252;hren und verwunderlicherweise meistern die meisten dies mit Command/Alt + Tab oder per Mausklicks. Irgendwie fand ich das schon immer viel zu umst&#228;ndlich und wahrscheinlich seit schon &#252;ber 8 Jahren habe ich meinen wichtigsten Programmen und Ordnern Shortcuts zugeordnet.<br />
<strong><br />
Beispiel Webentwicklung: </strong>Texteditor (Textmate) ctrl+alt+y, CSS Editor (CSS Edit) ctrl+alt+c, Browser (Firefox) ctrl+alt+x<br />
Die ganze Sache funktioniert so zu sagen mit fliegenden Fahnen, da die Tasten bewusst nebeneinander liegen und so den kompletten Workflow auf Lichtgeschwindigkeit bringen. Was im Quelltext vergessen? So bald der Gedanke im Browser aufkommt ist der Texteditor schon wieder im Vordergrund.</p>
<p>Als Tipp der superlative f&#252;r jeden, der seine Arbeitsgeschwindigkeit verbessern m&#246;chte oder einfach diese l&#228;stigen Programmwechsel einfach vergessen m&#246;chte sollte sich ein System das zu ihm passt &#252;berlegen und einrichten. Selbst die Steuerung von iTunes ist damitvon &#252;berall ohne Mausklicks machbar, ich benutze z.B. ctrl+alt+Pfeil rechts f&#252;r n&#228;chten Track, ctrl+alt+Pfeil links f&#252;r zur&#252;ck und ctrl+alt+Pfeil oben f&#252;r Play/Pause.</p>
<p><img src="http://blog.h7media.de/wp-content/uploads/2007/04/spark_screenshot.jpg" class="inline" alt="Spark Screenshot" /></p>
<p>Software gibt es daf&#252;r genug, als Beispiel f&#252;r OS X <a href="http://www.macupdate.com/info.php/id/14352/spark" title="Spark bei Macupdate" target="_blank">Spark</a> welches es als Freeware zu haben gibt . F&#252;r Windows muss man selber auf die Suche gehen, aber auch dort gibt es welche.</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/04/28/besserer-workflow-durch-programmshortcuts/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Das Brennen als Erlebnis</title>
		<link>http://blog.h7media.de/2007/04/18/da-brennen-als-erlebnis/</link>
		<comments>http://blog.h7media.de/2007/04/18/da-brennen-als-erlebnis/#comments</comments>
		<pubDate>Tue, 17 Apr 2007 22:32:29 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Guru</dc:subject><dc:subject>brennen</dc:subject><dc:subject>erkenntnis</dc:subject><dc:subject>erlebnis</dc:subject><dc:subject>halbweissheiten</dc:subject><dc:subject>userexperience</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/04/18/da-brennen-als-erlebnis/</guid>
		<description><![CDATA[Die Erkenntnis des heutigen Tages ist eindeutig, das Brennen &#252;ber z.B. Apples Finder f&#252;r Advanced User keinen befriedigenden Brennvorgang darstellt. Selbst wenn Brennen nach den gewohnten Verhaltensmustern – wie z.B direkt aus iPhoto, iTunes oder dem Finder – eine riesen Usibility Verbesserung f&#252;r Menschen ohne vorherigen Kontakt zu Brennprogrammen, viel verst&#228;ndlicher und Selbsterkl&#228;render sein mag: [...]]]></description>
			<content:encoded><![CDATA[<p>Die Erkenntnis des heutigen Tages ist eindeutig, das Brennen &#252;ber z.B. Apples Finder f&#252;r Advanced User keinen befriedigenden Brennvorgang darstellt. Selbst wenn Brennen nach den gewohnten Verhaltensmustern – wie z.B direkt aus iPhoto, iTunes oder dem Finder – eine riesen Usibility Verbesserung f&#252;r Menschen ohne vorherigen Kontakt zu Brennprogrammen, viel verst&#228;ndlicher und Selbsterkl&#228;render sein mag: Brennen einer CD oder DVD, wie den Kopiervorgang eines normalen Ordners zu erleben ist irgendwie unbefriedigend!</p>
<p>Man braucht doch sein „Brennprogramm“, das man extra zu diesem Zweck installiert und eingerichtet hat und nur deswegen starten muss. Ich wei&#223;, ich brenne jetzt – deswegen muss ich das extra Programm starten. Wenn es dann offen ist m&#246;chte ich umst&#228;ndlich meine Dateien noch   zusammenstellen m&#252;ssen. Auch manchmal aus verschiedenen Ordnern und nicht das &#196;hnliche noch mal machen m&#246;chte.</p>
<p>Ist der Vorgang abgeschlossen, klicke ich auf den Button, der wirklich nur daf&#252;r existiert, den n&#228;chsten Dialog vor dem m&#246;glichen Brennvorgang zu bringen. Der mich entweder fragt, ob ich wirklich brennen m&#246;chte oder mit welchem Brenner (da sehe ich ihn noch mal bevor er antritt) und mit welcher Geschwindigkeit (das h&#246;rt sich unglaublich wichtig an). Erst dann, und nur dann, darf ich „Bitte brenne mir die CD“ sagen, und er beginnt tats&#228;chlich.</p>
<p>Dazu gibt es noch zus&#228;tzlich eine mehr oder weniger aufw&#228;ndige Art der Pr&#228;sentation des Brennvorgangs. Ich kann jederzeit in mein extra Brennprogramm schauen, dass es noch 5 Minuten dauert, bis die CD gebrannt ist. Ich sehe manchmal sogar mit welcher Geschwindigkeit er gerade arbeitet oder kann den Pufferstatus &#252;berpr&#252;fen, ja der ackert richtig.</p>
<p>Irgendwann kommt dann der hei&#223; ersehnte Moment: mein Meister, das Brennprogramm sagt mir, dass es seine Arbeit verrichtet hat. Mag es denn wirklich wahr sein? Ich klicke „Danke, sei nun so nett und gib sie mir, nicht b&#246;se sein wenn ich sie mal kurz haben m&#246;chte“ und Ehr erweisend warte ich auf das Auswerfen der CD. Da kommt sie nun, mein Silberschatz, mein hei&#223; ersehntes Objekt der Begierde, mit den Familienfotos vom letzten Sommer.</p>
<p>Genau wegen dieser Erfahrung, kann und will ich mich nicht mit integrierten Brennl&#246;sungen anfreunden. Ich gehe sogar so weit zu behaupten, das jeder der mal ein Brennprogramm benutzt hat oder wom&#246;glich damit seine ersten Erfahrungen aus der Welt des „Brennens“ gesammelt hat, erst recht dann wird auch er sich nicht damit so richtig anfreunden kann. Und wieviel Windows User nutzen die Brennm&#246;glichkeit, die Windows direkt anbietet? Ein verschwindend kleiner Prozentanteil.<br />
Nur ein paar Macuser kennen das schon seit l&#228;ngerem und die Quote derer die nach „Vorbrennprogramm“-Zeiten dazu kamen, nutzen die Funktion intensiv ohne dar&#252;ber nach zu denken.</p>
<p>Aber ich sage allen, die auf die „einfachere“ Weise brennen: ihr verpasst was!</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/04/18/da-brennen-als-erlebnis/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>HTMLValidator – als normales OSX Programm</title>
		<link>http://blog.h7media.de/2007/04/16/htmlvalidator-als-normales-osx-programm/</link>
		<comments>http://blog.h7media.de/2007/04/16/htmlvalidator-als-normales-osx-programm/#comments</comments>
		<pubDate>Mon, 16 Apr 2007 07:10:43 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Software</dc:subject><dc:subject>html</dc:subject><dc:subject>osx</dc:subject><dc:subject>software</dc:subject><dc:subject>validator</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/04/16/htmlvalidator-als-normales-osx-programm/</guid>
		<description><![CDATA[Wer das herumfummeln mit Onlinevalidatoren nicht so mag oder einfach und bequem einen lokalen Validator haben m&#246;chte wird mit HTMLValidator sehr gl&#252;cklich. Auch Listen von zu &#252;berpr&#252;fenden Adressen/Dateien ist m&#246;glich.
Ist das Programm mal gestartet gibt es ein Menueba Dropdown mit dem die aktuelle Seite in Safari sofort validiert werden kann, einfacher kann man es wirklich [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.h7media.de/wp-content/uploads/2007/04/htmlvalidator-icon-large.thumbnail.png" alt="HTMLValidator Icon" />Wer das herumfummeln mit Onlinevalidatoren nicht so mag oder einfach und bequem einen lokalen Validator haben m&#246;chte wird mit <a href="http://www.malcolmhardie.com/htmlvalidator/" title="HTMLValidator Webseite" target="_blank">HTMLValidator</a> sehr gl&#252;cklich. Auch Listen von zu &#252;berpr&#252;fenden Adressen/Dateien ist m&#246;glich.<a href="http://blog.h7media.de/wp-content/uploads/2007/04/htmlvalidator_screenshot.jpg" title="HTMLValidator Screenshot" class="nobg inline" rel="lightbox"><img src="http://blog.h7media.de/wp-content/uploads/2007/04/htmlvalidator_screenshot.thumbnail.jpg" alt="HTMLValidator Screenshot" /></a></p>
<p>Ist das Programm mal gestartet gibt es ein Menueba Dropdown mit dem die aktuelle Seite in Safari sofort validiert werden kann, einfacher kann man es wirklich nicht mehr haben.</p>
<p><a href="http://www.malcolmhardie.com/htmlvalidator/" title="HTMLValidator Webseite" target="_blank">zur Webseite</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/04/16/htmlvalidator-als-normales-osx-programm/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Programmupdates per AppFresh</title>
		<link>http://blog.h7media.de/2007/04/01/programmupdates-per-appfresh/</link>
		<comments>http://blog.h7media.de/2007/04/01/programmupdates-per-appfresh/#comments</comments>
		<pubDate>Sun, 01 Apr 2007 19:29:18 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Software</dc:subject><dc:subject>appfresh</dc:subject><dc:subject>osx</dc:subject><dc:subject>software</dc:subject><dc:subject>update</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/04/01/programmupdates-per-appfresh/</guid>
		<description><![CDATA[Es gibt zwar schon Programme, die automatische Updates dankt dem Sparkle Framework erm&#246;glichen, aber die meisten stellen dies nicht zur Verf&#252;gung. Dank AppFresh kann man ganz einfach immer mal nach schauen, ob es neue Versionen gibt und diese herunterladen lassen. Die automatische Installation des Updates ist noch nicht eingebaut, soll aber noch kommen.
AppFresh Webseite besuchen [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.h7media.de/wp-content/uploads/2007/04/appfreshicon128.png" alt="AppFresh Icon" />Es gibt zwar schon Programme, die automatische Updates dankt dem Sparkle Framework erm&#246;glichen, aber die meisten stellen dies nicht zur Verf&#252;gung. Dank AppFresh kann man ganz einfach immer mal nach schauen, ob es neue Versionen gibt und diese herunterladen lassen. Die automatische Installation des Updates ist noch nicht eingebaut, soll aber noch kommen.</p>
<p><a href="http://metaquark.de/appfresh/" title="AppFresh Webseite" target="_blank">AppFresh Webseite besuchen </a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/04/01/programmupdates-per-appfresh/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>FontExplorer auch f&#252;r Windows</title>
		<link>http://blog.h7media.de/2007/04/01/fontexplorer-auch-fuer-windows/</link>
		<comments>http://blog.h7media.de/2007/04/01/fontexplorer-auch-fuer-windows/#comments</comments>
		<pubDate>Sun, 01 Apr 2007 19:16:40 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>FundstÃ¼cke</dc:subject><dc:subject>fontexplorer</dc:subject><dc:subject>schriften</dc:subject><dc:subject>schriftenverwaltung</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/04/01/fontexplorer-auch-fuer-windows/</guid>
		<description><![CDATA[Eines der wohl n&#252;tzlichsten Schriftverwaltungstools gibt es nun auch f&#252;r Windows. Der Platzhirsch Suitcase Fusion bekommt nun endlich unter Windows eine echte Alternative zur Seite.
Vorallem f&#252;r die Leute interessant, die Windows in einer VM ware wie Parallels oder VMWare laufen haben und ihre Schriften auch unter Windows verf&#252;gbar haben m&#246;chten. Nebenbei erw&#228;hnt: es ist Freeware.
zur [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.h7media.de/wp-content/uploads/2007/04/download_fontexlogo_pc.jpg" alt="Fontexplorer Windows Icon" />Eines der wohl n&#252;tzlichsten Schriftverwaltungstools gibt es nun auch f&#252;r Windows. Der Platzhirsch Suitcase Fusion bekommt nun endlich unter Windows eine echte Alternative zur Seite.</p>
<p>Vorallem f&#252;r die Leute interessant, die Windows in einer VM ware wie <a href="http://www.parallels.com/" target="_blank">Parallels</a> oder <a href="http://www.vmware.com/" target="_blank">VMWare </a>laufen haben und ihre Schriften auch unter Windows verf&#252;gbar haben m&#246;chten. Nebenbei erw&#228;hnt: es ist Freeware.</p>
<p><a href="http://www.linotype.com/fontexplorerX" target="_blank" title="Fontexplorer Webseite">zur Webseite</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/04/01/fontexplorer-auch-fuer-windows/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Relaunch branddistribution.de</title>
		<link>http://blog.h7media.de/2007/03/31/relaunch-motorola-dectcom/</link>
		<comments>http://blog.h7media.de/2007/03/31/relaunch-motorola-dectcom/#comments</comments>
		<pubDate>Sat, 31 Mar 2007 03:25:06 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Portfolio</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/03/31/relaunch-motorola-dectcom/</guid>
		<description><![CDATA[Der Typ hier bloggt immer ab und zu &#252;ber irgendwelche Projekte und keiner weiss was. Das liegt meist daran das ich dar&#252;ber nichts schreiben darf, bei diesem mal nicht, denn es ist ein Gemeinschaftsprojekt das ich auch mal ver&#246;ffentlichen kann.
Nein, es ist noch nicht Motorola, aber immerhin der Vertrieb der Motorola DECT-Telefone. Es ist der [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://blog.h7media.de/wp-content/uploads/2007/03/motoroladect-start.jpg" class="nobg" rel="lightbox" title="Motorola-dect.com Startseite"><img src="http://blog.h7media.de/wp-content/uploads/2007/03/motoroladect-start.thumbnail.jpg" alt="Motorola-dect.com Startseite" /></a>Der Typ hier bloggt immer ab und zu &#252;ber irgendwelche Projekte und keiner weiss was. Das liegt meist daran das ich dar&#252;ber nichts schreiben darf, bei diesem mal nicht, denn es ist ein Gemeinschaftsprojekt das ich auch mal ver&#246;ffentlichen kann.</p>
<p><a href="http://blog.h7media.de/wp-content/uploads/2007/03/motoroladect-produktliste.jpg" class="nobg" rel="lightbox" title="Motorola-dect.com Produktliste"><img src="http://blog.h7media.de/wp-content/uploads/2007/03/motoroladect-produktliste.thumbnail.jpg" alt="Motorola-dect.com Produktliste" /></a>Nein, es ist noch nicht Motorola, aber immerhin der Vertrieb der Motorola DECT-Telefone. Es ist der erste Schritt, denn weitere Produkte und Produktdownloads wie Bedienugsanleitungen und Pressekits werden noch folgen, aber um sich einen groben &#220;berblick zu verschaffen reicht es schon.</p>
<p><a href="http://blog.h7media.de/wp-content/uploads/2007/03/motoroladect-productdetail.jpg" class="nobg" rel="lightbox" title="Motorola-dect.com Produktdetail"><img src="http://blog.h7media.de/wp-content/uploads/2007/03/motoroladect-productdetail.thumbnail.jpg" alt="Motorola-dect.com Produktdetail" /></a>Vorallem die Produktliste und die Produktdetailseite sollte sich vom normalen Schema der Telefonanbieter abheben, was hoffentlich ein wenig gelungen ist. Kommentare sind gerne gesehen.</p>
<p><a href="http://www.branddistribution.de" title="Schnurlose Telefone" target="_blank">Webseite besuchen</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/03/31/relaunch-motorola-dectcom/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Komplette Webseite validieren</title>
		<link>http://blog.h7media.de/2007/03/30/komplette-webseite-validieren/</link>
		<comments>http://blog.h7media.de/2007/03/30/komplette-webseite-validieren/#comments</comments>
		<pubDate>Thu, 29 Mar 2007 23:35:20 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Web</dc:subject>
	<dc:subject>FundstÃ¼cke</dc:subject><dc:subject>validator</dc:subject><dc:subject>wdg</dc:subject><dc:subject>xhtml</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/03/30/komplette-webseite-validieren/</guid>
		<description><![CDATA[Wer auf einen schlag eine komplette Webseite validieren m&#246;chte, kann dies mit dem WDG HTML Validator. Er kann auch lokal installiert werden, was die Benutzung noch mal angenehmer macht.
Checkbox &#8220;Validate entire site&#8221; nicht vergessen.
]]></description>
			<content:encoded><![CDATA[<p>Wer auf einen schlag eine komplette Webseite validieren m&#246;chte, kann dies mit dem <a href="http://www.htmlhelp.com/tools/validator/" title="WDG HTML Validator" target="_blank">WDG HTML Validator</a>. Er kann auch lokal installiert werden, was die Benutzung noch mal angenehmer macht.</p>
<p>Checkbox &#8220;Validate entire site&#8221; nicht vergessen.</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/03/30/komplette-webseite-validieren/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>JS/CSS Dropdown Men&#252; unter Flash mit UFO</title>
		<link>http://blog.h7media.de/2007/03/27/jscss-dropdown-menu-unter-flash-mit-ufo/</link>
		<comments>http://blog.h7media.de/2007/03/27/jscss-dropdown-menu-unter-flash-mit-ufo/#comments</comments>
		<pubDate>Tue, 27 Mar 2007 12:10:18 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Web</dc:subject>
	<dc:subject>CSS</dc:subject>
	<dc:subject>JavaScript</dc:subject><dc:subject>css</dc:subject><dc:subject>dropdown</dc:subject><dc:subject>flash</dc:subject><dc:subject>js</dc:subject><dc:subject>ufo</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/03/27/jscss-dropdown-menu-unter-flash-mit-ufo/</guid>
		<description><![CDATA[Wenn man Normalerweise Flash direkt unter einem Javascript/CSS Dropdown Men&#252; hat, &#252;berlagert das Flash immer das Men&#252;, was nat&#252;rlich nicht gewollt ist.
Hat man das Flash mit UFO eingebunden, reicht es einfach
 var FO = { wmode:&#8221;transparent&#8221; };
als Parameter hinzu zuf&#252;gen. Simpel und effektiv.
]]></description>
			<content:encoded><![CDATA[<p>Wenn man Normalerweise Flash direkt unter einem Javascript/CSS Dropdown Men&#252; hat, &#252;berlagert das Flash immer das Men&#252;, was nat&#252;rlich nicht gewollt ist.<br />
Hat man das Flash mit <a href="http://www.bobbyvandersluis.com/ufo/" title="UFO Homepage">UFO</a> eingebunden, reicht es einfach</p>
<blockquote><p> var FO = { wmode:&#8221;transparent&#8221; };</p></blockquote>
<p>als Parameter hinzu zuf&#252;gen. Simpel und effektiv.</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/03/27/jscss-dropdown-menu-unter-flash-mit-ufo/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>LG L204WT am Powerbook G4</title>
		<link>http://blog.h7media.de/2007/03/26/lg-l204wt-am-powerbook-g4-15-ghz/</link>
		<comments>http://blog.h7media.de/2007/03/26/lg-l204wt-am-powerbook-g4-15-ghz/#comments</comments>
		<pubDate>Mon, 26 Mar 2007 10:43:02 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Offtopic</dc:subject><dc:subject>L204WT</dc:subject><dc:subject>Macbook</dc:subject><dc:subject>powerbook</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/03/26/lg-l204wt-am-powerbook-g4-15-ghz/</guid>
		<description><![CDATA[Wer auf die Idee kommen sollte, einen LG L204WT per DVI an ein Powerbook G4 1,5 GHz anschlie&#223;en zu wollen: es geht nicht! Danke Apple! Am Macbook geht es. Soviel zum DVI Standard.
Nachtrag: Er funktioniert an allen Intel Macs, nur nicht an PPC Macs. Zus&#228;tzlich mit einem Macmini getestet der kurz zu besuch war.
]]></description>
			<content:encoded><![CDATA[<p><img src="http://blog.h7media.de/wp-content/uploads/2007/03/it772756105-200_200.thumbnail.JPG" alt="L204WT" />Wer auf die Idee kommen sollte, einen LG L204WT per DVI an ein Powerbook G4 1,5 GHz anschlie&#223;en zu wollen: es geht nicht! Danke Apple! Am Macbook geht es. Soviel zum DVI Standard.</p>
<p><strong>Nachtrag:</strong> Er funktioniert an allen Intel Macs, nur nicht an PPC Macs. Zus&#228;tzlich mit einem Macmini getestet der kurz zu besuch war.</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/03/26/lg-l204wt-am-powerbook-g4-15-ghz/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>NTFS unter OSX schreiben</title>
		<link>http://blog.h7media.de/2007/03/24/ntfs-unter-osx-schreiben/</link>
		<comments>http://blog.h7media.de/2007/03/24/ntfs-unter-osx-schreiben/#comments</comments>
		<pubDate>Sat, 24 Mar 2007 13:39:39 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Software</dc:subject><dc:subject>fuse</dc:subject><dc:subject>ntfs</dc:subject><dc:subject>osx</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/03/24/ntfs-unter-osx-schreiben/</guid>
		<description><![CDATA[Die Meldung ist nicht die aller neuste, aber ich hatte es nun mal erst etwas sp&#228;ter entdeckt: mit MacFUSE ist es endlich m&#246;glich, NTFS Festplatten (ob externe oder interne von Bootcamp) zu lesen UND schreiben.
Man ben&#246;tigt nur folgende Installer:

MacFUSE Core
NTFS 3G

]]></description>
			<content:encoded><![CDATA[<p>Die Meldung ist nicht die aller neuste, aber ich hatte es nun mal erst etwas sp&#228;ter entdeckt: mit <a href="http://code.google.com/p/macfuse/" title="MacFUSE">MacFUSE</a> ist es endlich m&#246;glich, NTFS Festplatten (ob externe oder interne von Bootcamp) zu lesen UND schreiben.</p>
<p>Man ben&#246;tigt nur folgende Installer:</p>
<ul>
<li><a href="http://code.google.com/p/macfuse/downloads/list">MacFUSE Core</a></li>
<li><a href="http://idisk.mac.com/shadowofged/Public/Software/NTFS-3G/NTFS-3G%2020070207.dmg">NTFS 3G</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/03/24/ntfs-unter-osx-schreiben/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Lange ist es her</title>
		<link>http://blog.h7media.de/2007/03/22/lange-ist-es-her-2/</link>
		<comments>http://blog.h7media.de/2007/03/22/lange-ist-es-her-2/#comments</comments>
		<pubDate>Thu, 22 Mar 2007 04:34:10 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>FundstÃ¼cke</dc:subject><dc:subject>beta</dc:subject><dc:subject>redesign</dc:subject><dc:subject>relaunch</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/03/22/lange-ist-es-her-2/</guid>
		<description><![CDATA[Schaut man auf das Datum des letzten Posts erkennt man, das ich keine Zeit hatte, mich um das Blog zu k&#252;mmern. Jetzt eigentlich auch nicht, aber ich wollte das endlich mal angehen: deswege gibt es jetzt einen beta-redesign-launch, genau so, wie es im Web 2.0 Zeitalter sein soll.
Ich hab erst mal sehr rudiment&#228;r die Wordpress [...]]]></description>
			<content:encoded><![CDATA[<p>Schaut man auf das Datum des letzten Posts erkennt man, das ich keine Zeit hatte, mich um das Blog zu k&#252;mmern. Jetzt eigentlich auch nicht, aber ich wollte das endlich mal angehen: deswege gibt es jetzt einen beta-redesign-launch, genau so, wie es im Web 2.0 Zeitalter sein soll.<br />
Ich hab erst mal sehr rudiment&#228;r die Wordpress Themedateien angepasst und es h&#228;ngt noch an einigen Stellen extrem. Das wird die Tage behoben, ja nicht den Validator anwerfen!</p>
<p>Wie man sieht ist das neue Motto &#8220;Simple is beautiful&#8221; – so einfach wie m&#246;glich, aber doch ein wenig anders.</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/03/22/lange-ist-es-her-2/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Design Feed</title>
		<link>http://blog.h7media.de/2007/01/11/design-feed/</link>
		<comments>http://blog.h7media.de/2007/01/11/design-feed/#comments</comments>
		<pubDate>Thu, 11 Jan 2007 15:03:28 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>FundstÃ¼cke</dc:subject><dc:subject>design</dc:subject><dc:subject>feed</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2007/01/11/design-feed/</guid>
		<description><![CDATA[Auf Design-feed.net bekommt man einen sehr &#252;bersichtlichen design feed aggregator. Es wurden ausgew&#228;hlte Seiten und Blogs zusammengestellt, die man jetzt an einer Stelle bequem alle geliefert bekommt.
Auf jedenfall einen Besuch wert!
]]></description>
			<content:encoded><![CDATA[<p><img class="small" src="http://blog.h7media.de/wp-content/uploads/2007/01/design_feed.thumbnail.png" alt="Design Feed Logo" title="Design Feed Logo" align="left" />Auf <a href="http://www.design-feed.net" title="Design Feed">Design-feed.net</a> bekommt man einen sehr &#252;bersichtlichen design feed aggregator. Es wurden ausgew&#228;hlte Seiten und Blogs zusammengestellt, die man jetzt an einer Stelle bequem alle geliefert bekommt.</p>
<p>Auf jedenfall einen <a href="http://www.design-feed.net" title="Design Feed">Besuch</a> wert!</p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2007/01/11/design-feed/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Adium: msnobj creator</title>
		<link>http://blog.h7media.de/2006/12/05/adium-msnobj-creator/</link>
		<comments>http://blog.h7media.de/2006/12/05/adium-msnobj-creator/#comments</comments>
		<pubDate>Tue, 05 Dec 2006 09:15:13 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>Mac OS X</dc:subject>
	<dc:subject>Software</dc:subject>
	<dc:subject>Tipps</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2006/12/05/adium-msnobj-creator/</guid>
		<description><![CDATA[Seit ein paar Tagen hatte ich ein Problem in Adium: alle MSN Chats hatten einen extrem langen String &#8220;msnobject creator&#8221; usw. um meinen Text gelegt.
Die L&#246;sung ist zum ganz einfach: einfach den Usernamen f&#252;r MSN &#252;berpr&#252;fen und wieder umstellen.
weitere Informationen
]]></description>
			<content:encoded><![CDATA[<p><img class="small" src="http://blog.h7media.de/wp-content/uploads/2006/12/adium.png" alt="Adium Icon" id="image107" align="left" />Seit ein paar Tagen hatte ich ein Problem in Adium: alle MSN Chats hatten einen extrem langen String &#8220;msnobject creator&#8221; usw. um meinen Text gelegt.<br />
Die L&#246;sung ist zum ganz einfach: einfach den Usernamen f&#252;r MSN &#252;berpr&#252;fen und wieder umstellen.<a href="http://forums.cocoaforge.com/viewtopic.php?p=51049&amp;sid=8cb23be65147ddf6393aca471208c45a" title="weitere Informationen" target="_blank"></a></p>
<p><a href="http://forums.cocoaforge.com/viewtopic.php?p=51049&amp;sid=8cb23be65147ddf6393aca471208c45a" title="weitere Informationen" target="_blank">weitere Informationen</a></p>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2006/12/05/adium-msnobj-creator/feed/</wfw:commentRSS>
		</item>
		<item>
		<title>Studivz ist in aller Munde</title>
		<link>http://blog.h7media.de/2006/12/04/studivz-ist-in-aller-munde/</link>
		<comments>http://blog.h7media.de/2006/12/04/studivz-ist-in-aller-munde/#comments</comments>
		<pubDate>Mon, 04 Dec 2006 17:03:47 +0000</pubDate>
		<dc:creator>BendAR</dc:creator>
		
	<dc:subject>FundstÃ¼cke</dc:subject>
	<dc:subject>Studium</dc:subject><dc:subject>fh</dc:subject><dc:subject>links</dc:subject><dc:subject>studivz</dc:subject>
		<guid isPermaLink="false">http://blog.h7media.de/2006/12/04/studivz-ist-in-aller-munde/</guid>
		<description><![CDATA[Selbst an unserer FH gehen lustige Linklisten per Mail herum.
Ich bin mal so frei und lasse die Allgemeinheit daran teilhaben.
V&#246;lkischer Beobachter:
Blogbar 1
Blogbar 2
Blogbar 3

700 Stalker
Blogbar 4
Blogbar 5

Sicherheitsl&#252;cken:
Blogbar 6
Blogbar 7
Blogbar 8
Blogbar 9

Sonstiges:
Designklau bei Facebook 1
Designklau bei Facebook 2
Wikipedia
E-Mail-Spam
Domaingrabbing
Kommunikation
Spendenaktion

Videos:
Ehssan Dariani beim Eis essen
Ehssan Dariani beim &#8220;Flirten&#8221;
 Ehssan Dariani beim betrunkene Frau bel&#228;stigen

Zusammenfassung
 Zusammenfassung bei Spiegel Online

Mehr Schmutz [...]]]></description>
			<content:encoded><![CDATA[<p>Selbst an unserer FH gehen lustige Linklisten per Mail herum.<br />
Ich bin mal so frei und lasse die Allgemeinheit daran teilhaben.</p>
<blockquote><p><strong>V&#246;lkischer Beobachter:</strong><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/15/708/">Blogbar 1</a><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/14/kauft-jetzt-voelkischer-beobachterde-von-ehssan-dariani/">Blogbar 2</a><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/14/ehssan-dariani-lugen-philosemitismus-und-braunes-bei-studivz/">Blogbar 3<br />
</a><br />
<strong>700 Stalker</strong><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/23/studivz-700-stalker-und-der-datenschutz/">Blogbar 4</a><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/25/alfons-erklart-den-kleinen-studivz-stalkern-die-welt/">Blogbar 5<br />
</a><br />
<strong>Sicherheitsl&#252;cken:</strong><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/20/719/">Blogbar 6</a><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/28/studivz-irgendwann-kommt-mir-ohne-sicherheit-das-essen-hoch/">Blogbar 7</a><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/30/ok-es-wird-vielleicht-langweilig-aber-privacy-gau-bei-studivz/">Blogbar 8</a><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/17/die-sicherheit-deiner-daten-bei-studivz-am-beispiel-des-ceo-ehssan-dariani-und-des-investors-kolja-hebenstreit/">Blogbar 9<br />
</a><br />
<strong>Sonstiges:</strong><br />
<a target="_blank" href="http://www.sichelputzer.de/2006/10/04/studivz-ist-facebook-clone/">Designklau bei Facebook 1</a><br />
<a target="_blank" href="http://bumi.wordpress.com/2006/10/03/studivz-in-original-facebook-farben/">Designklau bei Facebook 2</a><br />
<a target="_blank" href="http://www.blogbar.de/archiv/2006/11/12/studivz-mitarbeiter-falschen-wikipedia/">Wikipedia</a><a target="_blank" href="http://www.blogbar.de/archiv/2006/11/07/studivz-studiqg-gerade-erst-in-frankreich-und-schon-spammer/"><br />
E-Mail-Spam</a><br />
<a target="_blank" href="http://www.basicthinking.de/blog/2006/11/01/studivz-studylounge-uk">Domaingrabbing</a><br />
<a target="_blank" href="http://www.agenturblog.de/2006-10/studivz-community-management-ohne-seele/">Kommunikation</a><br />
<a target="_blank" href="http://www.spreeblick.com/2006/11/15/studivz-spendenaktion/">Spendenaktion<br />
</a><br />
<strong>Videos:</strong><br />
<a target="_blank" href="http://youtube.com/watch?v=3mTlgcmsf_I">Ehssan Dariani beim Eis essen</a><br />
<a target="_blank" href="http://youtube.com/watch?v=Fp9ycGyMjwU">Ehssan Dariani beim &#8220;Flirten&#8221;</a><br />
<a target="_blank" href="http://youtube.com/watch?v=O_rLaG2iXFk"> Ehssan Dariani beim betrunkene Frau bel&#228;stigen<br />
</a><br />
<a target="_blank" href="http://www.curious-creatures.de/?p=2076"><strong>Zusammenfassung</strong></a><br />
<a target="_blank" href="http://www.spiegel.de/netzwelt/web/0,1518,448340,00.html"><strong> Zusammenfassung bei Spiegel Online<br />
</strong></a><br />
Mehr Schmutz ist auf <a target="_blank" href="http://www.blogbar.de">www.blogbar.de</a> oder mit der Suche von <a target="_blank" href="http://www.technorati.com">www.technorati.com</a> zu finden.</p></blockquote>
]]></content:encoded>
			<wfw:commentRSS>http://blog.h7media.de/2006/12/04/studivz-ist-in-aller-munde/feed/</wfw:commentRSS>
		</item>
	</channel>
</rss>

