<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>GOLSER.info BLOG &#187; work</title>
	<atom:link href="http://www.golser.info/tag/work/feed" rel="self" type="application/rss+xml" />
	<link>http://www.golser.info</link>
	<description>News und Stories von August Florian Golser, BSc</description>
	<lastBuildDate>Fri, 21 Oct 2011 15:35:29 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Hauptwohnsitz Linz: Ein neuer Lebensabschnitt</title>
		<link>http://www.golser.info/hauptwohnsitz-linz-neuer-lebensabschnitt-29062011</link>
		<comments>http://www.golser.info/hauptwohnsitz-linz-neuer-lebensabschnitt-29062011#comments</comments>
		<pubDate>Wed, 29 Jun 2011 16:04:22 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[Mein Leben]]></category>
		<category><![CDATA[life]]></category>
		<category><![CDATA[linz]]></category>
		<category><![CDATA[pics]]></category>
		<category><![CDATA[stjohann]]></category>
		<category><![CDATA[wohnen]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=794</guid>
		<description><![CDATA[Ziemlich genau drei Jahre pendle ich nun regelmäßig zwischen St. Johann in Tirol und Linz hin und her. Zwei, drei Wochen in meiner kleinen, feinen Wohnung in St. Johann und dann wieder zwei, drei Wochen im Elternhaus meiner Freundin in Linz. Allerdings sehnen wir uns beide schon längers nach einer eigenen, gemeinsamen Wohnung und machten [...]]]></description>
			<content:encoded><![CDATA[<p>Ziemlich genau drei Jahre pendle ich nun regelmäßig zwischen St. Johann in Tirol und Linz hin und her. Zwei, drei Wochen in meiner kleinen, feinen <a href="http://www.golser.info/my-home-is-my-castle-26052007" class="liinternal">Wohnung in St. Johann</a> und dann wieder zwei, drei Wochen im Elternhaus meiner Freundin in Linz. Allerdings sehnen wir uns beide schon längers nach einer eigenen, gemeinsamen Wohnung und machten nun nach einigen Besichtigungen Nägel mit Köpfen. So beziehen wir Mitte Juli eine 3-Zimmer-Wohnung im Linzer &#8220;Erfinderviertel&#8221; &#8211; wie geplant noch schön rechtzeitig vor meinem 30.&nbsp;Geburtstag! <img src='http://www.golser.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<p class="nospace"><img src="http://www.golser.info/wp-content/uploads/2011/06/linz-impressionen.jpg" alt="Linz Impressionen" width="468" height="365" /></p>
<p class="small">Quelle: iStockphoto.com</p>
<h3>In Linz beginnt&#8217;s</h3>
<p>Wir waren uns eigentlich schnell einig, dass ich nach Linz ziehe und nicht umgekehrt. Mich reizt das Stadtleben, die IT-Stadt Linz bietet zudem interessante berufliche Perspektiven und liegt durch ihre Nähe zu Salzburg und Wien auch geographisch sehr gut &#8211; und das &#8220;IT-Mekka&#8221; <a href="http://www.golser.info/studium-in-hagenberg-impressionen-27092005" class="liinternal">Hagenberg</a> ist sowieso gleich ums Eck.<br />
<span id="more-794"></span></p>
<h3>Berufliche Veränderung inklusive</h3>
<p>Wie angekündigt möchte ich meinen Start in den neuen Lebensabschnitt auch mit einer beruflichen Veränderung und Weiterentwicklung koppeln.<br />
Nach einigen Recherchen und Gesprächen bin ich nun bei der bereits aus Studienzeiten bekannten Linzer Agentur <a href="http://www.cyberhouse.at" class="liexternal">CYBERhouse</a> gelandet.<br />
Ab 1. August unterstütze ich das Team 30 Stunden in der Woche im Bereich Projektleitung, Konzeption und Software-Entwicklung.</p>
<p class="nospace"><img src="http://www.golser.info/wp-content/uploads/2011/06/cyberhouse.jpg" alt="CYBERhouse" width="468" height="146" /></p>
<p class="small">Quelle: CYBERhouse.at</p>
<p><strong>CYBERhouse</strong> steht für erfolgreiche Beratung, Gestaltung und Programmierung von webbasierten Kommunikationslösungen &#8211; sowohl auf Basis bestehender Content Management Systeme (OpenText/RedDot, TYPO3, Drupal, &#8230;) als auch mit maßgeschneiderten Eigenentwicklungen. Weitere Schwerpunkte sind Dokumenten Management, Cross Media Publishing, Online Marketing, eCommerce mit Magento und Intranet-Lösungen.<br />
Zu den <strong>Kunden</strong> zählen Unternehmen wie die A1 Telekom Austria, das Land Oberösterreich, KTM, das Arbeitsmarktservice Österreich, Fronius, Spitz, LANDHOF, das Wirtschaftsmagazin GEWINN, Hawle, die österreichische Post, die Stadt Linz, uvm.</p>
<h3>Zweitwohnsitz St. Johann in Tirol</h3>
<p class="nospace"><img src="http://www.golser.info/wp-content/uploads/2011/06/stjohann-tirol.jpg" alt="St. Johann in Tirol" width="468" height="225" /></p>
<p class="small">Quelle: Archiv der Ferienregion St. Johann in Tirol</p>
<p>Trotz dieser Veränderungen bleibe ich natürlich meinem Geburtsort treu und werde bestimmt auch in Zukunft gemeinsam mit meinem Schatz das eine oder andere Wochenende im Herzen der Kitzbüheler Alpen verbringen! <img src='http://www.golser.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/hauptwohnsitz-linz-neuer-lebensabschnitt-29062011/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Web-Supermänner und ihre Überlebenskämpfe</title>
		<link>http://www.golser.info/web-supermaenner-ueberlebenskaempfe-28052011</link>
		<comments>http://www.golser.info/web-supermaenner-ueberlebenskaempfe-28052011#comments</comments>
		<pubDate>Sat, 28 May 2011 10:24:14 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Mein Leben]]></category>
		<category><![CDATA[Pixelution]]></category>
		<category><![CDATA[Wirtschaft]]></category>
		<category><![CDATA[epu]]></category>
		<category><![CDATA[life]]></category>
		<category><![CDATA[pics]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=789</guid>
		<description><![CDATA[Seit Juli 2005 &#8211; also fast sechs Jahre &#8211; bin ich nun als selbstständiger Web-Dienstleister am Markt aktiv. Mein Beruf? Kundenberater, Webdesigner, Webdeveloper, Webmarketer, Projektmanager &#8211; und natürlich bin ich auch mein eigener Buchhalter. Ich decke alle Bereiche in Eigenregie ab, als kleiner &#8220;Web-Superman&#8221; also, und habe schon viele Projekte umgesetzt, auf die ich stolz [...]]]></description>
			<content:encoded><![CDATA[<p>Seit Juli 2005 &#8211; also fast sechs Jahre &#8211; bin ich nun als <strong>selbstständiger Web-Dienstleister</strong> am Markt aktiv. Mein Beruf? Kundenberater, Webdesigner, Webdeveloper, Webmarketer, Projektmanager &#8211; und natürlich bin ich auch mein eigener Buchhalter. Ich decke alle Bereiche in Eigenregie ab, als kleiner &#8220;Web-Superman&#8221; also, und habe schon viele Projekte umgesetzt, auf die ich stolz bin. So weit, so gut! </p>
<p class="nospace"><img src="http://www.golser.info/wp-content/uploads/2011/05/web-superman.jpg" alt="Web-Superman" width="468" height="300" /></p>
<p class="small">Quelle: iStockphoto.com</p>
<h3>Viele Möchtegern-Supermänner</h3>
<p>Web/IT-Dienstleistung fällt unter die sogenannten &#8220;freien Gewerbe&#8221;, d.h. es ist leider (!) an keinen Befähigungsnachweis gebunden. Der Aufwand für eine Gewerbeanmeldung als Einzelunternehmen ist gering und geht mittlerweile schon ohne Behördengang direkt online. Im Minimalfall braucht man für die Ausübung der Web/IT-Dienstleistung auch nur einen <strong>Computer/Laptop</strong>, <strong>Internet</strong> und &#8211; hier unterscheidet sich die Spreu vom Weizen &#8211; <strong>Know-how</strong>.<br />
Das klingt sehr verlockend und daher liegt es in der Natur der Sache, dass gerne Web-Startups gegründet werden. Da keine teuren Geräte oder Maschinen angeschafft werden müssen, ist das Risiko auch recht überschaubar.<br />
Die Kehrseite der Medaille: Viele Web-Einzelkämpfer fristen ein Dasein nahe am Existenzminimum und verschwinden irgendwann so schnell wie sie gekommen sind.<br />
<span id="more-789"></span></p>
<h3>Preisdumping im Kampf um die Kunden</h3>
<p>Die &#8220;Geiz ist geil&#8221;-Mentalität ist definitiv auch im Web-Bereich angekommen. Die &#8220;Kleinen&#8221; wollen immer mehr Web-Dienstleistung für immer noch weniger Geld &#8211; alles über <strong>EUR 1.000</strong> ist leider oft schon hart an der <strong>Schmerzgrenze</strong>.<br />
Viele Webhoster bieten Ihren Kunden &#8220;Homepage-Baukästen&#8221; an, mit denen man ohne spezielle Kenntnisse per <a href="http://de.wikipedia.org/wiki/WYSIWYG" rel="nofollow" class="liwikipedia">WYSIWYG</a> eine einfache Website &#8220;zusammenklicken&#8221; kann. Weiters findet man im Web zigtausende kostenlose und durchaus ansprechende Templates für beliebte Content-Management-Systeme wie <a href="http://wordpress-deutschland.org" rel="nofollow" class="liexternal">WordPress</a> oder <a href="http://www.joomla.de" rel="nofollow" class="liexternal">Joomla!</a>.<br />
Kein Wunder also, dass viele potentielle Web-Kunden die Wertschätzung für professionelle Internetlösungen verloren haben.</p>
<p><iframe width="468" height="296" src="http://www.youtube.com/embed/JI3Df7-KFtw?rel=0" frameborder="0" allowfullscreen></iframe></p>
<h3>Überlebensstrategien?</h3>
<ul>
<li>
<p>Strategie 1: <strong>Die Masse macht&#8217;s</strong><br />
Man springt auf den &#8220;Geiz ist geil&#8221;-Zug auf und bietet Weblösungen von der Stange zu Dumpingpreisen an. <strong>Fertiges Template</strong>, Einbau des Logos, minimale Farb- und Layoutanpassungen und fertig ist die neue Website! Solche Lösungen werden bereits zu Kampfpreisen ab EUR 300 angeboten und es gilt der Grundsatz <strong>Quantität vor Qualität</strong>. Die Website bietet die im Template integrierten Funktionen. Sonderwünsche und Erweiterungen sind nur bedingt möglich und verhältnismäßig teuer.</p>
</li>
<li>
<p class="nospace">Strategie 2: <strong>Maßgeschneiderte Weblösungen</strong><br />
In diesem Segment ist das Akquirieren von Kunden natürlich viel schwieriger als bei Strategie 1. Die Website wird perfekt an die jeweilige Anforderung angepasst und das Endprodukt ist ein <strong>Unikat</strong>, das es in dieser Form nur einmal im Web gibt. Kundenbriefing, individuelles Photoshop-Layout, Programmierung nach Maß, gezielte Suchmaschinenoptimierung und Berücksichtigung aller speziellen Kundenwünsche. Hier gilt die Devise <strong>Qualität vor Quantität</strong> und dementsprechend benötigt man auch ein wesentlich höheres Budget, jedoch auch in Form einer fixen Pauschale.</p>
</li>
</ul>
<p><img src="http://www.golser.info/wp-content/uploads/2008/07/pixelution-orange.gif" alt="PIXELUTION.AT Multimedia Agentur" width="468" height="234" /></p>
<ul>
<li>
<p>Strategie 3: <strong>Kooperation mit Werbeagenturen</strong><br />
Größere bzw. anspruchsvollere Projekte laufen meist über (etablierte?) Werbeagenturen. Diese stocken zwar nach und nach ihre Inhouse-Webkompetenzen auf, lagern aber aufwändigere Programmierarbeiten meist an externe Dienstleister aus. Hat man hier mal Fuß gefasst, darf man sich unregelmäßig über richtig <strong>spannende Projekte</strong> freuen, an die man wahrscheinlich auf direktem Wege nicht rangekommen wäre. <strong>Angemessene Stundensätze</strong> von EUR 80,00 sind in diesem Segment ganz normal.</p>
</li>
<li>
<p class="nospace">Strategie 4: <strong>Verlängerung der Projektlebenszyklen</strong><br />
Es ist viel schwieriger neue Kunden zu akquirieren als bereits <strong>bestehende Kunden</strong> zu binden. Logische Konsequenz: Bestehenden Kunden aktiv Erweiterungen und Optimierungsmaßnahmen (z.B. Blog, Bildergalerie, Sprachversionen, Suchmaschinenoptimierung, usw.) anbieten um somit den Projektlebenszyklus auszuweiten und <strong>weitere Umsätze</strong> zu generieren.</p>
</li>
</ul>
<h3>Meine Strategie?</h3>
<p>Strategie 1 wird von mir bewusst nicht oder nur ganz selten praktiziert. Denn das macht auf Dauer keinen Spaß und dafür habe ich auch nicht studiert!<br />
Ich verfolge Strategie 2 (siehe beispielsweise <a href="http://www.golser.info/immobilien-plattform-oesterreich-muenchen-17092010" class="liinternal">Top-Immoplattform für Österreich und München</a>) und Strategie 3 (siehe beispielsweise <a href="http://www.golser.info/pixelution-realisiert-knorr-microsite-25022009" class="liinternal">PIXELUTION.AT realisiert KNORR Microsite</a>). Strategie 4 wird natürlich immer passend zum jeweiligen Kunden bzw. Projekt angestrebt.</p>
<p><img src="http://www.golser.info/wp-content/uploads/2008/07/pixelution.jpg" alt="PIXELUTION.AT Multimedia Agentur" width="468" height="59" /></p>
<h3>Ein übersättigter Markt</h3>
<p>Ein Faktum: Der Markt rund um Homepages &#038; Co ist im &#8220;kleinen Segment&#8221; gesättigt und es wird gefühlt immer noch schlimmer.<br />
<strong>Das Hauptproblem: Zu viele machen&#8217;s &#8211; zumindest &#8220;ein bisschen&#8221;!</strong><br />
Wer lange genug sucht, findet bestimmt irgendwo immer noch einen Dienstleister, der den Preis unterbietet. Doch wann ist Schluss?<br />
Meinem Vater wurde vor kurzem eine kostenlose (!) Website angeboten. Scheinbar ein neuer Dienstleister auf der Suche nach seinen ersten Referenzen. Schade, dass Golser Schuhe bereits eine Webpräsenz hat! <img src='http://www.golser.info/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
<h3>Veränderung tut gut</h3>
<p>Ich stehe kurz vor einer privaten Veränderung, die in naher Zukunft sicher auch eine berufliche Veränderung mit sich bringen wird. Die sechs Jahre als selbstständiger IT-Einzelkämpfer mit Sitz in St. Johann in Tirol waren eine interessante Erfahrung für mich, aber sechs Jahre sind definitiv genug!<br />
Für den nächsten Lebensabschnitt wünsche ich mir neue Herausforderungen, gezielte Weiterbildung und spannende, größere Projekte im Team.<br />
Ich halte euch natürlich auf dem Laufenden! =)</p>
<h3>Weiterführende Links</h3>
<ul>
<li><a href="http://www.golser.info/work" class="liinternal">WORK | Referenzen &#038; Arbeitsbeispiele</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/web-supermaenner-ueberlebenskaempfe-28052011/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Google Analytics und die Krux mit dem Datenschutz</title>
		<link>http://www.golser.info/google-analytics-datenschutz-25012011</link>
		<comments>http://www.golser.info/google-analytics-datenschutz-25012011#comments</comments>
		<pubDate>Tue, 25 Jan 2011 18:33:04 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[WebMarketing]]></category>
		<category><![CDATA[codesnippet]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[pics]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[webdevelopment]]></category>
		<category><![CDATA[webmarketing]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=737</guid>
		<description><![CDATA[Google Analytics ist wohl das beliebteste und mit Abstand meistverwendete Web-Analysewerkzeug. Wird der kostenlose Dienst eingesetzt, dann werden alle erhobenen Nutzerdaten einschließlich der sogenannten IP-Adresse an einen Google-Server in den USA übertragen und dort gespeichert und verarbeitet. Datenschutzrechtlich betrachtet war Google Analytics daher immer schon sehr umstritten. Google Analytics: Karten-Overlay Der Knackpunkt in diesem Zusammenhang [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://de.wikipedia.org/wiki/Google_Analytics" rel="nofollow" class="liwikipedia">Google Analytics</a> ist wohl das beliebteste und mit Abstand meistverwendete Web-Analysewerkzeug. Wird der kostenlose Dienst eingesetzt, dann werden alle erhobenen Nutzerdaten einschließlich der sogenannten <a href="http://de.wikipedia.org/wiki/IP-Adresse" rel="nofollow" class="liwikipedia">IP-Adresse</a> an einen Google-Server in den USA übertragen und dort gespeichert und verarbeitet. Datenschutzrechtlich betrachtet war Google Analytics daher immer schon sehr umstritten.</p>
<p class="nospace"><img src="http://www.golser.info/wp-content/uploads/2011/01/google-analytics.jpg" alt="Google Analytics: Karten-Overlay" width="468" height="292" /></p>
<p class="small">Google Analytics: Karten-Overlay</p>
<p>Der Knackpunkt in diesem Zusammenhang ist die Frage ob es sich bei IP-Adressen um <strong>personenbezogene Daten</strong> handelt oder nicht. Hier fehlt immer noch eine höchstrichterliche Entscheidung, um endgültig Klarheit zu schaffen. Für die Erhebung personenbezogener Daten wäre eine vorherige Einwilligung erforderlich, die man auch noch protokollieren müsste. Dies lässt sich im Web jedoch kaum vernünftig umsetzen, es sei denn man schaltet seinem Webangebot eine spezielle Einstiegsseite vor, die diese Einwilligung einholt und entsprechend protokolliert.<br />
Im Gegensatz zu Deutschland ist man in Österreich vorherrschend der Meinung, dass eine IP-Adresse aus Sicht eines Websitebetreibers keinen Personenbezug ermöglicht.<br />
<span id="more-737"></span></p>
<h3>Informationspflichten</h3>
<p>Wenn man Google Analytics einsetzt, sollte jedoch auf alle Fälle ein entsprechender Hinweis in die Website eingebunden werden. Das verlangen nämlich die <a href="http://www.google.com/intl/de_ALL/analytics/tos.html" rel="nofollow" class="liexternal">Google Analytics Bedingungen</a>:</p>
<blockquote><p>8.1 (&#8230;) Sie sind ferner verpflichtet, an prominenten Stellen Ihrer Websites eine sachgerechte Datenschutzpolicy zu dokumentieren (und sich an diese zu halten). Auch werden Sie alle zumutbaren Anstrengungen unternehmen, die Aufmerksamkeit der Nutzer Ihrer Website auf eine Erklärung zu lenken, die in allen wesentlichen Teilen wie folgt lautet:</p>
<p class="nospace">&#8220;Diese Website benutzt Google Analytics, einen Webanalysedienst der Google Inc. (&#8220;Google&#8221;).<br />
(&#8230;) Durch die Nutzung dieser Website erklären Sie sich mit der Bearbeitung der über Sie erhobenen Daten durch Google in der zuvor beschriebenen Art und Weise und zu dem zuvor benannten Zweck einverstanden.&#8221;</p>
</blockquote>
<p>Google behält sich auch das Recht vor, die Website jederzeit zu durchsuchen, um zu überprüfen, ob eine geeignete Erklärung eingefügt wurde. Ich integriere diesen Hinweis bevorzugt im <strong>Impressum</strong> meiner Webprojekte, da sich ein Link darauf sowieso schon auf jeder einzelnen Seite befinden sollte &#8211; entweder im Header oder im Footer. </p>
<h3>Google Analytics mit verbessertem Datenschutz</h3>
<p>Google bietet mittlerweile eine Möglichkeit die gesammelten IP-Adressen zu verkürzen und somit zu anonymisieren. Realisiert wird das Ganze durch einen Aufruf der Funktion <code>anonymizeIp</code> im Tracking-Code. Hier ein Beispiel anhand der neuen, asynchronen Variante des Tracking-Codes: </p>
<div class="dean_ch"><span class="kw2">var</span> _gaq = _gaq || <span class="br0">&#91;</span><span class="br0">&#93;</span>;<br />
_gaq.<span class="me1">push</span><span class="br0">&#40;</span><span class="br0">&#91;</span><span class="st0">&#8216;_setAccount&#8217;</span>, <span class="st0">&#8216;UA-XXXXXX-X&#8217;</span><span class="br0">&#93;</span><span class="br0">&#41;</span>;<br />
_gaq.<span class="me1">push</span><span class="br0">&#40;</span><span class="br0">&#91;</span><span class="st0">&#8216;_gat._anonymizeIp&#8217;</span><span class="br0">&#93;</span><span class="br0">&#41;</span>; <span class="co1">// IP-Adresse anonymisieren</span><br />
_gaq.<span class="me1">push</span><span class="br0">&#40;</span><span class="br0">&#91;</span><span class="st0">&#8216;_trackPageview&#8217;</span><span class="br0">&#93;</span><span class="br0">&#41;</span>;<br />
<span class="br0">&#40;</span><span class="kw2">function</span><span class="br0">&#40;</span><span class="br0">&#41;</span> <span class="br0">&#123;</span> … <span class="br0">&#125;</span><span class="br0">&#41;</span><span class="br0">&#40;</span><span class="br0">&#41;</span>;</div>
<p>Natürlich ist die geographische Zuordnung der Benutzer mit dieser Einstellung nicht mehr so genau möglich wie vorher. Falls man diese Funktion nutzt, dann sollte man auch in der Datenschutzerklärung darauf hinweisen:</p>
<blockquote><p class="nospace">Die Tracking-Codes dieser Website verwenden die Funktion &#8220;anonymizeIp&#8221;. Somit werden IP-Adressen nur gekürzt weiterverarbeitet um eine direkte Personenbeziehbarkeit auszuschließen.</p>
</blockquote>
<p>Einem weiteren Kritikpunkt, der mangelnden Widerspruchsmöglichkeit beim Tracking, wird nun auch durch die Bereitstellung eines <a href="http://tools.google.com/dlpage/gaoptout?hl=de" rel="nofollow" class="liexternal">Browser-Plugins</a> Rechnung getragen. Dieses Plugin wird derzeit für den Internet Explorer, Firefox und Chrome angeboten und unterbindet die Übertragung von Nutzerdaten an Google. Der Nutzer muss dabei nur einmal widersprechen und wird dann auf keiner Website mehr vom Google-Analytics-Tracking erfasst.</p>
<p>Ganz Fleißige können auch den Hinweis auf das Plugin noch in die Datenschutzerklärung aufnehmen:</p>
<blockquote><p class="nospace">Durch den Einsatz eines <a href="http://tools.google.com/dlpage/gaoptout?hl=de" rel="nofollow" class="liexternal">Browser-Plugins</a> können Sie der Datenerhebung durch Google dauerhaft widersprechen.</p>
</blockquote>
<h3>Weiterführende Links</h3>
<ul>
<li><a href="http://tools.google.com/dlpage/gaoptout?hl=de" rel="nofollow" class="liexternal">Google Analytics Opt-out Browser Add-on</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/google-analytics-datenschutz-25012011/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mit Contao Webseiten erfolgreich gestalten</title>
		<link>http://www.golser.info/mit-contao-webseiten-erfolgreich-gestalten-26112010</link>
		<comments>http://www.golser.info/mit-contao-webseiten-erfolgreich-gestalten-26112010#comments</comments>
		<pubDate>Fri, 26 Nov 2010 15:42:40 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[Pixelution]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebDevelopment]]></category>
		<category><![CDATA[barrierefreiheit]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[software]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdevelopment]]></category>
		<category><![CDATA[webstandards]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=723</guid>
		<description><![CDATA[Im Sommer letzten Jahres begab ich mich auf eine gründliche CMS-Recherche und fand großen Gefallen am Content-Management-System TYPOlight. Ich arbeitete &#8220;Das offizielle TYPOlight-Handbuch&#8221; des TYPOlight-Entwicklers Leo Feyer durch und wurde bestätigt, dass dieses System optimal für meine Anforderungen und Bedürfnisse geeignet ist. TYPOlight-Website für den WSV St. Johann in Tirol Im Juni dieses Jahres wurde [...]]]></description>
			<content:encoded><![CDATA[<p>Im Sommer letzten Jahres begab ich mich auf eine gründliche <a href="http://www.golser.info/open-source-content-management-systeme-06062009" class="liinternal">CMS-Recherche</a> und fand großen Gefallen am Content-Management-System <strong>TYPOlight</strong>.<br />
Ich arbeitete &#8220;Das offizielle TYPOlight-Handbuch&#8221; des TYPOlight-Entwicklers Leo Feyer durch und wurde bestätigt, dass dieses System optimal für meine Anforderungen und Bedürfnisse geeignet ist.</p>
<p class="nospace"><img src="http://www.golser.info/wp-content/uploads/2010/11/wsv-stjohann.jpg" alt="TYPOlight-Website für den WSV St. Johann in Tirol" width="468" height="363" /></p>
<p class="small">TYPOlight-Website für den WSV St. Johann in Tirol</p>
<p>Im Juni dieses Jahres wurde TYPOlight in <a href="http://de.wikipedia.org/wiki/Contao" rel="nofollow" class="liwikipedia">Contao</a> umbenannt.<br />
Der Entwickler Leo Feyer begründete diesen Schritt damit, dass TYPOlight oft fälschlicherweise mit dem CMS TYPO3 in Verbindung gebracht wurde und dass der Zusatz &#8220;light&#8221; dahingehend missverstanden wurde, dass das CMS nur für kleine Projekte geeignet sei.<br />
<span id="more-723"></span></p>
<p class="left"><img src="http://www.golser.info/wp-content/uploads/2010/11/contao-buch.jpg" width="128" height="129" alt="Mit Contao Webseiten erfolgreich gestalten | &copy; Addison-Wesley" title="Mit Contao Webseiten erfolgreich gestalten | &copy; Addison-Wesley" /></p>
<p>Mit der Namensänderung auf Contao wurden auch einige Neuerungen eingeführt &#8211; z.B. der <em>Theme-Manager</em> oder Möglichkeiten der Anbindung an soziale Netzwerke wie Facebook und Twitter. Um meine Kenntnisse des Systems zu vertiefen und auch wieder neue Kniffe und Techniken kennenzulernen, habe ich mir kürzlich das Buch <a href="http://www.amazon.de/Contao-Webseiten-erfolgreich-gestalten-Beispielprojekte/dp/3827328926" rel="nofollow" class="liexternal">Mit Contao Webseiten erfolgreich gestalten: Konzeption, Umsetzung, Beispielprojekte</a> bei Amazon bestellt. Der Autor, Thomas Weitzel, ist Diplom-Designer und setzt in seinem Buch andere Schwerpunkte als der Contao-Entwickler Leo Feyer: </p>
<blockquote><p class="nospace">In diesem Buch führt Sie Diplom-Designer und Contao-Team-Mitglied Thomas Weitzel durch alle Schritte des Entwurfs und Designs einer Contao-basierten Website.<br />
Sie lernen zunächst Techniken und Tools für Planung und Entwicklung kennen, arbeiten sich in das CSS-Framework von Contao ein und erfahren dann anhand zweier Praxisprojekte detailliert, wie Sie eine Website von A bis Z mit Contao gestalten und umsetzen. Checklisten und Tipps &#038; Tricks leisten wertvolle Hilfe bei der erfolgreichen Veröffentlichung der Website.</p>
</blockquote>
<p>Ich freue mich schon auf die Lektüre!</p>
<h3>Weiterführende Links</h3>
<ul>
<li><a href="http://www.think-contao.de" rel="nofollow" class="liexternal">think.Contao!</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/mit-contao-webseiten-erfolgreich-gestalten-26112010/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top-Immoplattform für Österreich und München</title>
		<link>http://www.golser.info/immobilien-plattform-oesterreich-muenchen-17092010</link>
		<comments>http://www.golser.info/immobilien-plattform-oesterreich-muenchen-17092010#comments</comments>
		<pubDate>Fri, 17 Sep 2010 09:05:56 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[Pixelution]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebDevelopment]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdevelopment]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=673</guid>
		<description><![CDATA[Im Auftrag meines langjährigen Kunden Streifzug Media aus Kitzbühel realisierte ich eine Top-Immobilienplattform mit Fokus Österreich und München. Erreichbar unter www.immobilienstreifzug.com bietet die Plattform Top-Maklern und Bauträgern die optimale Möglichkeit, ihre Premium-Immobilien in Österreich bzw. in und um München auf hochwertigem und ansprechendem Niveau zu präsentieren, um somit gezielt eine kaufkräftige Klientel anzusprechen. Die Premium-Plattform [...]]]></description>
			<content:encoded><![CDATA[<p>Im Auftrag meines langjährigen Kunden <em>Streifzug Media</em> aus Kitzbühel realisierte ich eine Top-Immobilienplattform mit Fokus Österreich und München. Erreichbar unter <a href="http://www.immobilienstreifzug.com" class="liexternal">www.immobilienstreifzug.com</a> bietet die Plattform Top-Maklern und Bauträgern die optimale Möglichkeit, ihre Premium-Immobilien in Österreich bzw. in und um München auf hochwertigem und ansprechendem Niveau zu präsentieren, um somit gezielt eine kaufkräftige Klientel anzusprechen.<br />
Die <strong>Premium-Plattform</strong> ist komplett zweisprachig (deutsch und englisch) ausgeführt und stellt nur Immobilien mit einem Mindestkaufpreis von EUR&nbsp;500.000 bzw. einem Mindestmietpreis von EUR&nbsp;2.500 vor.  </p>
<p><img src="http://www.golser.info/wp-content/uploads/2010/09/immoplattform01.jpg" alt="Die unabhängige Plattform für Premium-Immobilien in Österreich und München" width="468" height="400" /><br />
<span id="more-673"></span></p>
<p>Die Website beruht auf der im Mai 2009 online gestellten <a href="http://www.golser.info/pixelution-realisiert-luxus-immobilien-plattform-04052009" class="liinternal">Plattform für die internationale Luxusimmobilie</a>, die aus organisatorischen Gründen in dieser Form nicht mehr weitergeführt wird.<br />
Im Zuge der Überarbeitung wurde die bestehende Plattform noch in vielen Bereichen optimiert und mit neuen Funktionen ausgestattet.<br />
Die Wartungsoberfläche wurde auch komplett aufpoliert und generell die Benutzerfreundlichkeit der Website &#8211; im Frontend und Backend &#8211; erhöht.</p>
<p class="nospace"><img src="http://www.golser.info/wp-content/uploads/2010/09/immoplattform02.jpg" alt="Immobilienstreifzug.com CMS" width="468" height="219" /></p>
<p class="small">Wartungsoberfläche (CMS)</p>
<h3>Anforderungen und Features der Plattform</h3>
<ul>
<li>Einfache Bedienung (Zielgruppe 50+)</li>
<li>Exklusives Screendesign (klare Struktur, Emotionen)</li>
<li>Komplette Administrierbarkeit der Immobilien über eine individuell programmierte Wartungsoberfläche</li>
<li>Eigene Wartungs-Logins für jeden Makler</li>
<li>Übersichtliche und intuitiv bedienbare Suchfunktion</li>
<li>Ansprechende Präsentation der Immobilienbilder mittels Slideshows und Bildergalerien (Thumbnails mit Vergrößerungsfunktion)</li>
<li>Möglichkeit Immobilienfilme einzubetten</li>
<li>Favoritenliste zur Verwaltung der persönlichen &#8220;Favoriten&#8221;<br />
(Versenden per E-Mail möglich)</li>
<li>Auto-Vervollständigungsfunktion für Eingabefelder</li>
<li>Zahlreiche Maßnahmen zur Qualitätssicherung (z.B. Musterbeispiele für die Eingabefelder, Validierung aller Eingaben, Auswahl der besten Bildausschnitte per Positionsrahmen, usw.)</li>
<li>Automatische Benachrichtigungen per E-Mail (z.B. &#8220;Objekt freigeschaltet&#8221;, &#8220;Ihre Objekte auf immobilienstreifzug.com&#8221; an alle Makler am Monatsende, &#8220;Verdacht auf Doppelungen&#8221;, usw.)</li>
<li>Zweisprachig (deutsch, englisch)</li>
</ul>
<h3>Weiterführende Links</h3>
<ul>
<li><a href="http://www.immobilienstreifzug.com" class="liexternal">Die Premium-Immobilienplattform für Österreich und München</a></li>
<li><a href="http://www.pixelution.at" class="liexternal">PIXELUTION.AT Multimedia Agentur</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/immobilien-plattform-oesterreich-muenchen-17092010/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>SEO-Studie: IAB Ranking-Kriterien 2010</title>
		<link>http://www.golser.info/suchmaschinenoptimierung-seo-ranking-kriterien-06032010</link>
		<comments>http://www.golser.info/suchmaschinenoptimierung-seo-ranking-kriterien-06032010#comments</comments>
		<pubDate>Sat, 06 Mar 2010 13:32:38 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[WebMarketing]]></category>
		<category><![CDATA[downloads]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[suchmaschinen]]></category>
		<category><![CDATA[web2.0]]></category>
		<category><![CDATA[webmarketing]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=643</guid>
		<description><![CDATA[In meiner 2005 verfassten Bakkalaureatsarbeit mit Titel &#8220;Erfolgreiches Web Engineering&#8221; widmete ich auch den Grundlagen der Suchmaschinenoptimierung einen eigenen Abschnitt. Diese Thematik interessiert mich immer noch brennend und ich bleibe laufend am Ball. Kürzlich bin ich auf die Studie Ranking-Kriterien 2010 des Online-Verbandes IAB Switzerland gestoßen. Anerkannte Schweizer SEO-Experten wurden eingeladen verschiedenste Ranking-Kriterien von Google [...]]]></description>
			<content:encoded><![CDATA[<p>In meiner 2005 verfassten Bakkalaureatsarbeit mit Titel &#8220;Erfolgreiches Web Engineering&#8221; widmete ich auch den <a href="/suchmaschinenoptimierung-seo-12052005" class="liinternal">Grundlagen der Suchmaschinenoptimierung</a> einen eigenen Abschnitt. Diese Thematik interessiert mich immer noch brennend und ich bleibe laufend am Ball.<br />
Kürzlich bin ich auf die Studie <strong>Ranking-Kriterien 2010</strong> des Online-Verbandes <a href="http://www.iabschweiz.ch" class="liexternal">IAB Switzerland</a> gestoßen. Anerkannte Schweizer SEO-Experten wurden eingeladen verschiedenste Ranking-Kriterien von Google &#038; Co basierend auf ihrer Erfahrung einer umfassenden Bewertung zu unterziehen.</p>
<h3>Wie schaffe ich es bei Google auf Platz 1?</h3>
<p>Suchmaschinenoptimierung ist keine triviale Sache. Die Ranking-Algorithmen der Suchmaschinen werden hinter verschlossenen Türen entwickelt und die Beurteilung der Relevanz einzelner Webseiten für bestimmte Suchbegriffe erfolgt mittels komplexer mathematischer, statistischer und analytischer Berechnungen. Dennoch ist die Arbeit der Suchmaschinenoptimierung mehr Handwerk als Wissenschaft.</p>
<p>Die <strong>10 wichtigsten Ranking-Kriterien</strong> gemäß der IAB-Studie:</p>
<ol class="listing2">
<li>
<p>Einzigartiger Content</p>
</li>
<li>
<p>Keyword-haltige externe Links</p>
</li>
<li>
<p>Links von Hubs und Authority Sites</p>
</li>
<li>
<p>Links von thematisch verwandten Websites</p>
</li>
<li>
<p>Keyword-Gebrauch zu Beginn des <code>&lt;title&gt;</code>-Tags</p>
</li>
<li>
<p>Keyword-Gebrauch irgendwo im <code>&lt;title&gt;</code>-Tag</p>
</li>
<li>
<p>Externe Link-Popularität</p>
</li>
<li>
<p>Vielfalt von Domains, die auf die Website linken</p>
</li>
<li>
<p>Keyword-Varianz in externen Links</p>
</li>
<li class="last">
<p>Wachstumsrate externer Links<br />
<span id="more-643"></span>
</p>
</li>
</ol>
<p><strong>Content is King</strong> – der alte Leitsatz der Suchmaschinenoptimierung gilt scheinbar noch immer. Doch von den neun weiteren Top-Kriterien stammen sieben aus der Abteilung <strong>externe Links</strong>.<br />
Ein klarer Hinweis darauf, dass On-Page-Maßnahmen allein kaum zum Ziel führen und die Pflege der Verlinkung einer Website sehr wichtig ist. Einzigartige Inhalte werden tendenziell auch besser verlinkt und somit läuft ein Teil der Off-Page-Optimierung praktisch &#8220;automatisch&#8221;.<br />
Guter Content wird also gleich doppelt belohnt!</p>
<p>Die <strong>Ränge 11 bis 20</strong> &#8211; Kriterien, die alle noch als &#8220;muss zwingend beachtet werden&#8221; eingestuft wurden:</p>
<ol start="11" class="listing2">
<li>
<p>Keyword-Gebrauch im Domain-Namen (<code>www.keyword.at</code>)</p>
</li>
<li>
<p>Länderbezug der Top-Level-Domain (.at, .de, .com, etc.)</p>
</li>
<li>
<p>Keyword-Gebrauch irgendwo in einer <code>&lt;h1&gt;</code>-Überschrift</p>
</li>
<li>
<p>Keyword-Gebrauch in den ersten 50 bis 100 Wörtern des HTML-Texts</p>
</li>
<li>
<p>Keyword-haltige interne Links</p>
</li>
<li>
<p>Keyword-Gebrauch zu Beginn einer <code>&lt;h1&gt;</code>-Überschrift</p>
</li>
<li>
<p>Website-Architektur (z.B. hierarchisch vs. flach)</p>
</li>
<li>
<p>Server-Verfügbarkeit</p>
</li>
<li>
<p>Hierarchische Position der Page innerhalb der Website</p>
</li>
<li class="last">
<p>Keyword-Gebrauch im Filename (<code>www.domain.at/keyword.html</code>)</p>
</li>
</ol>
<h3>Weitere Ergebnisse</h3>
<p><em>Keyword-Gebrauch im Meta-Keywords-Tag</em> wurde als <strong>unwichtigstes Ranking-Kriterium</strong> &#8220;gekürt&#8221;. Google ignoriert die <code>keywords</code>-Angabe bereits seit 2002! Dennoch stirbt die Meinung nicht aus, Suchmaschinenoptimierung bedeute vor allem, die Meta-Keywords zu definieren.</p>
<p>Links bzw. Erwähnungen bei <strong>Social-Media-Diensten</strong> wie  Facebook (Rang&nbsp;68), Twitter (Rang 51), Delicious (Rang 45) und XING (Rang 73) fließen auch in die Rankingberechnungen ein &#8211; obwohl diese Links mit <a href="http://de.wikipedia.org/wiki/Nofollow" rel="nofollow" class="liwikipedia">nofollow</a> gekennzeichnet sind.</p>
<p>Die Experten der IAB Switzerland sind sich einig: <strong>Spam</strong> &#8211; also sämtliche Maßnahmen mit dem Ziel die Ranking-Algorithmen zu täuschen (z.B. <a href="http://de.wikipedia.org/wiki/Cloaking" rel="nofollow" class="liwikipedia">Cloaking</a>, versteckter Text oder gekaufte Links) &#8211; kann zu einem massiven Ranking- und damit Umsatzverlust führen, im Extremfall sogar zum kompletten Ausschluss aus dem Index.</p>
<p>Einigkeit herrscht auch darüber, dass das <strong>individuelle Verhalten</strong> der Nutzer an Bedeutung für das Ranking von Websites gewinnen wird.<br />
Beispiel: Personalisierte Trefferlisten und <a href="http://de.wikipedia.org/wiki/Google_Toolbar" rel="nofollow" class="liwikipedia">Google SideWiki</a>.</p>
<p>In der Summe ermöglicht die Studie ein <strong>glasklares Fazit</strong>:</p>
<blockquote><p class="nospace">Suchmaschinenoptimierung hat sich in allererster Linie am Interesse der potenziellen Kundinnen und Kunden eines Unternehmens zu orientieren. Denn die wirklich bedeutenden Ranking-Kriterien zielen ausnahmslos auf das eine ab: den Nutzerinnen und Nutzern einer Suchmaschine die wirklich relevanten Inhalte anzubieten. Und Relevanz ist nicht ein maschinelles, sondern ein menschliches Konzept.</p>
</blockquote>
<h3>Downloads</h3>
<div class="download snap_noshots">
<p><a href="http://www.iabschweiz.ch/tl_files/iab_schweiz/pdf/IAB-Ranking-Kriterien-2010.pdf" class="pdf" rel="external">IAB Ranking-Kriterien 2010</a> <span class="small grey">(65 Seiten, ca. 2 MB)</span></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/suchmaschinenoptimierung-seo-ranking-kriterien-06032010/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Objektorientiertes CSS (OOCSS)</title>
		<link>http://www.golser.info/objektorientiertes-css-oocss-26012010</link>
		<comments>http://www.golser.info/objektorientiertes-css-oocss-26012010#comments</comments>
		<pubDate>Tue, 26 Jan 2010 18:34:23 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebDevelopment]]></category>
		<category><![CDATA[codesnippet]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdevelopment]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=581</guid>
		<description><![CDATA[Die strikte Trennung von Design und Inhalt bei Webprojekten führte dazu, dass die HTML-Konstrukte immer einfacher und die CSS-Dokumente immer komplexer wurden. So bringen es sogar die Stylesheets kleiner Websites recht schnell auf über 500 Zeilen Code und werden über den Projektlebenszyklus hinweg immer undurchsichtiger. Bei umfangreicheren Webprojekten stellen die Stylesheets nicht selten ein kleines [...]]]></description>
			<content:encoded><![CDATA[<p>Die strikte Trennung von Design und Inhalt bei Webprojekten führte dazu, dass die HTML-Konstrukte immer einfacher und die CSS-Dokumente immer komplexer wurden. So bringen es sogar die Stylesheets kleiner Websites recht schnell auf über 500 Zeilen Code und werden über den Projektlebenszyklus hinweg immer undurchsichtiger. Bei umfangreicheren Webprojekten stellen die Stylesheets nicht selten ein kleines &#8220;Kunstwerk&#8221; dar, das mit vertretbarem Zeitaufwand nur vom ursprünglichen Entwickler komplett durchschaut wird.<br />
Diese Tatsache macht es auch sehr schwierig im Team an den Styles einer Website zu arbeiten. Auch eine Wiederverwendung von CSS-Dokumenten für andere Projekte ist nur eingeschränkt möglich.</p>
<h3>Die Lösung: OOCSS</h3>
<p>Die Webentwicklerin <a href="http://www.stubbornella.org" class="liexternal">Nicole Sullivan</a> versucht mit ihrer <strong>Objektorientiertes CSS</strong> (OOCSS) genannten Methode einen Lösungsansatz zu finden.<br />
OOCSS versucht die Idee der Objektorientierung auf CSS zu übertragen. Objektorientiertes CSS ist dabei keine neue Technik, sondern vereint eine Reihe von Regeln für die Gestaltung von CSS-Dateien. Grundgerüst von OOCSS ist eine von Nicole Sullivan auf ihrer <a href="http://wiki.github.com/stubbornella/oocss" class="liexternal">GitHub Projektseite</a> bereitgestellte Code-Bibliothek im Alpha-Stadium. Um das CSS-Framework einsetzen zu können, müssen wie schon erwähnt einige Regeln beachtet werden.<br />
Die zwei wichtigsten:</p>
<ul>
<li>
<p><strong>Trenne Container und Inhalt</strong><br />
Gemäß Sullivans Terminologie bildet ein simpler HTML-Tag (z.B. <code>&lt;h1&gt;</code>, <code>&lt;p&gt;</code>, <code>&lt;li&gt;</code>, &#8230;) mit zugehörigem CSS einen <strong>Inhalt</strong>. Komplexere Strukturen bestehend aus mehreren <code>&lt;div&gt;</code>-Elementen werden als <strong>Container</strong> bezeichnet. Ordnet man diesen Containern jetzt noch über mehrere CSS-Klassen Layout und Design (<em>Skins</em>) zu, dann entstehen Sullivans Objekte.</p>
</li>
<li>
<p class="nospace"><strong>Trenne Struktur und Design</strong><br />
Nicole Sullivan bezieht sich hier auf das CSS von Containern und Inhalten. Durch die Verwendung unterschiedlicher Klassen für Layout- und Design-Elemente wird die <strong>Wiederverwendbarkeit von Objekten</strong> in anderen Projekten ermöglicht.<br />
<span id="more-581"></span>
</p>
</li>
</ul>
<p>Generell sollten CSS-Deklarationen vermieden werden, die HTML-Elemente in Abhängigkeit eines Containers bringen. Also keine derartigen Konstrukte:</p>
<div class="dean_ch"><span class="re0">#sidebar</span> h1 <span class="br0">&#123;</span><span class="br0">&#125;</span> <span class="re0">#content</span> ul <span class="br0">&#123;</span><span class="br0">&#125;</span> div<span class="re1">.news</span> p <span class="br0">&#123;</span><span class="br0">&#125;</span></div>
<p>Alle CSS-Anpassungen werden ausschließlich über Klassen vorgenommen, die einander erweitern. Beispiel:</p>
<div class="dean_ch">
<span class="re1">.box</span> <span class="br0">&#123;</span> <span class="kw1">background</span>: <span class="re0">#fff</span>; <span class="kw1">border</span>: <span class="re3">3px</span> <span class="kw2">solid</span> <span class="re0">#<span class="nu0">036</span></span>; <span class="kw1">padding</span>: <span class="re3">5px</span>; <span class="br0">&#125;</span><br />
<span class="re1">.graybox</span> <span class="br0">&#123;</span> <span class="coMULTI">/* extends: .box; */</span><br />
&nbsp; <span class="kw1">background</span>: <span class="re0">#ccc</span>;<br />
<span class="br0">&#125;</span></div>
<p>HTML:</p>
<div class="dean_ch"><span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;box graybox&quot;</span><span class="kw2">&gt;</span></span> &#8230; <span class="sc2"><span class="kw2">&lt;/div&gt;</span></span></div>
<p>Weiters empfiehlt Sullivan bevorzugt Klassen statt IDs zu verwenden und Selektoren ohne Tags zu schreiben (<code>.box</code> statt <code>div.box</code>).<br />
Grund: Einsatzmöglichkeiten erweitern, Redundanzen im Code minimieren.</p>
<h3>OOCSS in der Praxis</h3>
<p>Sullivans <a href="http://wiki.github.com/stubbornella/oocss" class="liexternal">CSS-Framework</a> besteht derzeit aus 12 CSS-Dateien, von denen drei nur zum Debugging verwendet werden. Einen guten Ausgangspunkt für eigene Entwicklungen bildet die Datei <strong>template.html</strong>, die das Grundlayout umsetzt und als Basis für alle weiteren Seiten dient.<br />
Die Breite der linken und rechten Spalte wird beispielsweise durch Erweiterung des Spalten-Objektes gesetzt:</p>
<div class="dean_ch"><span class="re1">.myColumn</span> <span class="br0">&#123;</span> <span class="kw1">width</span>: <span class="re3">400px</span>; <span class="br0">&#125;</span></div>
<p>HTML:</p>
<div class="dean_ch"><span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;leftCol myColumn&quot;</span><span class="kw2">&gt;</span></span> &#8230; <span class="sc2"><span class="kw2">&lt;/div&gt;</span></span></div>
<blockquote><p class="nospace">Don’t think of this as overwriting my classes, but rather <strong>extending</strong> the objects provided by the framework. I give you columns, headings, and other objects. You can extend those objects by adding another class that only specifies the differences between my base object and your implementation of the same. Mixins may be a good analogy here.</p>
</blockquote>
<p>Wichtig dabei ist, dass Sullivans CSS-Deklarationen unberührt bleiben!<br />
Die Klasse <code>.leftCol</code> im Beispiel sollte also keinen eigenen CSS-Code erhalten. Schon allein deshalb nicht um schnell und unkompliziert ein Update des Frameworks durchführen zu können.</p>
<p>Mit <strong>Grids</strong> können die Seiten weiter in kleinere Bereiche unterteilt werden. Beispiel:</p>
<div class="dean_ch">
<span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;line&quot;</span><span class="kw2">&gt;</span></span><br />
&nbsp; <span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;unit size2of3&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;h3&gt;</span></span>2/3<span class="sc2"><span class="kw2">&lt;/h3&gt;</span></span><span class="sc2"><span class="kw2">&lt;/div&gt;</span></span><br />
&nbsp; <span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;unit size1of3 lastUnit&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;h3&gt;</span></span>1/3<span class="sc2"><span class="kw2">&lt;/h3&gt;</span></span><span class="sc2"><span class="kw2">&lt;/div&gt;</span></span><br />
<span class="sc2"><span class="kw2">&lt;/div&gt;</span></span></div>
<p>Sobald das Raster einer Seite aufgebaut ist, können Inhaltsobjekte wie Überschriften, Absätze, Listen, usw. der Datei <strong>content.css</strong> hinzugefügt werden. Die Datei konzentriert sich hauptsächlich auf die Definition von Ausrichtungen, Abständen, Listendarstellungen, Schriftgrößen, Schriftfarben und dem Verhalten von Links.</p>
<h3>Module und Skins</h3>
<p>Besonders interessant ist die Datei <strong>module.html</strong>, die einen Überblick über die mit dem Framework realisierbaren Blockstrukturen gibt. Sullivans HTML-Grundgerüst für alle Arten von Boxen schaut wie folgt aus:</p>
<div class="dean_ch">
<span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;mod&quot;</span><span class="kw2">&gt;</span></span> <br />
&nbsp; <span class="sc2"><span class="kw2">&lt;b</span> <span class="kw3">class</span>=<span class="st0">&quot;top&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;b</span> <span class="kw3">class</span>=<span class="st0">&quot;tl&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;/b&gt;</span></span><span class="sc2"><span class="kw2">&lt;b</span> <span class="kw3">class</span>=<span class="st0">&quot;tr&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;/b&gt;</span></span><span class="sc2"><span class="kw2">&lt;/b&gt;</span></span> <br />
&nbsp; <span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;inner&quot;</span><span class="kw2">&gt;</span></span><br />
&nbsp; &nbsp; <span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;hd&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;h3&gt;</span></span>mod<span class="sc2"><span class="kw2">&lt;/h3&gt;</span></span><span class="sc2"><span class="kw2">&lt;/div&gt;</span></span><br />
&nbsp; &nbsp; <span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;bd&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;p&gt;</span></span>Mod ist der Basis-Container.<span class="sc2"><span class="kw2">&lt;/p&gt;</span></span><span class="sc2"><span class="kw2">&lt;/div&gt;</span></span><br />
&nbsp; <span class="sc2"><span class="kw2">&lt;/div&gt;</span></span><br />
&nbsp; <span class="sc2"><span class="kw2">&lt;b</span> <span class="kw3">class</span>=<span class="st0">&quot;bottom&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;b</span> <span class="kw3">class</span>=<span class="st0">&quot;bl&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;/b&gt;</span></span><span class="sc2"><span class="kw2">&lt;b</span> <span class="kw3">class</span>=<span class="st0">&quot;br&quot;</span><span class="kw2">&gt;</span></span><span class="sc2"><span class="kw2">&lt;/b&gt;</span></span><span class="sc2"><span class="kw2">&lt;/b&gt;</span></span> <br />
<span class="sc2"><span class="kw2">&lt;/div&gt;</span></span></div>
<p>Durch Kombination dieses Containers mit drei verschiedenen CSS-Klassen entstehen drei <strong>OOCSS-Module</strong>. Für jeden der drei Container gibt es wiederum eigene Skins, die den Rand und die Hintergrundbilder der Boxen definieren. Eine vollständige Komponente besteht aus bis zu vier Klassen, von denen die letzten beiden für Skin und Hintergrund sorgen.</p>
<div class="dean_ch"><span class="sc2"><span class="kw2">&lt;div</span> <span class="kw3">class</span>=<span class="st0">&quot;mod complex flow foo&quot;</span><span class="kw2">&gt;</span></span> &#8230; <span class="sc2"><span class="kw2">&lt;/div&gt;</span></span></div>
<p>würde unsere Box folgendermaßen darstellen:</p>
<p><img src="/wp-content/uploads/2010/01/oocss-box.gif" alt="OOCSS Box" width="468" height="74" /></p>
<p>Mit Sullivans Grundformen lassen sich bereits über 200 verschiedene Boxen generieren. Das CSS-Framework bietet auch schon einige Styles für Tabs und &#8220;Sprechblasen&#8221;.</p>
<h3>Mein Fazit</h3>
<p>OOCSS ist prädestiniert für die gemeinsame Erstellung von CSS-Dateien im Team und fördert die Wiederverwendbarkeit und Strukturierung von CSS-Dokumenten. OOCSS hat auch viele Kritiker, da die Regel &#8220;Trenne Container und Inhalt&#8221; in direktem Widerspruch zum CSS-Grundkonzept der Kaskade steht &#8211; jedoch wird dieses 1994 entwickelte Konzept heutigen Entwicklungsprozessen überhaupt noch gerecht?<br />
Ich finde Sullivans Ansätze jedenfalls sehr interessant und kann mir gut vorstellen ihr Framework bei einem umfangreicheren Teamprojekt einzusetzen.</p>
<h3>Weiterführende Links</h3>
<ul>
<li><a href="http://www.stubbornella.org/content/2009/03/23/object-oriented-css-video-on-ydn" class="liexternal">Object Oriented CSS video on YDN</a><br />
Eine der ausführlichsten Quellen zu OOCSS.</li>
<li><a href="http://wiki.github.com/stubbornella/oocss" class="liexternal">OOCSS GitHub Projektseite</a></li>
<li><a href="http://groups.google.com/group/object-oriented-css" class="liexternal">OOCSS Google Group</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/objektorientiertes-css-oocss-26012010/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PIXELUTION.AT realisiert Top-Immobilienplattform</title>
		<link>http://www.golser.info/pixelution-realisiert-luxus-immobilien-plattform-04052009</link>
		<comments>http://www.golser.info/pixelution-realisiert-luxus-immobilien-plattform-04052009#comments</comments>
		<pubDate>Mon, 04 May 2009 11:57:20 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[Pixelution]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebDevelopment]]></category>
		<category><![CDATA[cms]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdevelopment]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=529</guid>
		<description><![CDATA[Der Immobilien Streifzug Exklusiv wird DAS österreichische Magazin für die internationale Luxusimmobilie. Zweisprachig (deutsch und englisch) bietet es eine ideale Plattform für die Crème de la Crème der international operierenden Immobilienmakler. Selbstverständlich gehört zu einem Magazin dieser Klasse auch eine professionelle Online-Präsenz und so wurde nun nach einigen Wochen harter Arbeit und vielen Detailanpassungen &#8220;die [...]]]></description>
			<content:encoded><![CDATA[<p>Der <em>Immobilien Streifzug Exklusiv</em> wird DAS österreichische Magazin für die internationale Luxusimmobilie. Zweisprachig (deutsch und englisch) bietet es eine ideale Plattform für die Crème de la Crème der international operierenden Immobilienmakler.<br />
Selbstverständlich gehört zu einem Magazin dieser Klasse auch eine professionelle Online-Präsenz und so wurde nun nach einigen Wochen harter Arbeit und vielen Detailanpassungen &#8220;die neue Plattform für die internationale Luxusimmobilie&#8221; der Öffentlichkeit zugänglich gemacht.<br />
<del datetime="2010-09-17T09:16:15+00:00">Ab sofort erreichbar unter www.streifzug-exklusiv.com!</del></p>
<p><img src="/wp-content/uploads/2009/05/streifzug-exklusiv01.jpg" alt="Die neue Plattform für die internationale Luxusimmobilie" width="468" height="400" /><br />
<span id="more-529"></span></p>
<p>Konzept, Design, clientseitige Programmierung (HTML, CSS, JS/Ajax), Suchmaschinenoptimierung und Projektmanagement stammen von mir; die Wartungsoberfläche, Datenbank und Datenbankanbindung wurden von einem meiner Partner umgesetzt.</p>
<h3>Anforderungen und Features der Plattform</h3>
<ul>
<li>Einfache Bedienung (Zielgruppe 50+)</li>
<li>Exklusives Screendesign (klare Struktur, Emotionen)</li>
<li>Komplette Administrierbarkeit der Immobilien über eine individuell programmierte Wartungsoberfläche</li>
<li>Eigene Wartungs-Logins für jeden Makler</li>
<li>Übersichtliche und intuitiv bedienbare Suchfunktion</li>
<li>Ansprechende Präsentation der Immobilienbilder mittels Slideshows und Bildergalerien (Thumbnails mit Vergrößerungsfunktion)</li>
<li>Möglichkeit Immobilienfilme einzubetten</li>
<li>Favoritenliste zur Verwaltung der persönlichen &#8220;Favoriten&#8221;<br />
(Versenden per E-Mail möglich)</li>
<li>Auto-Vervollständigungsfunktion für Eingabefelder</li>
<li>Berücksichtigung unterschiedlicher Währungen</li>
<li>Zweisprachig (deutsch, englisch)</li>
</ul>
<h3>Feedback der Makler (Auszug)</h3>
<blockquote><p class="nospace">Herzlichen Glückwunsch zum erfolgreichen Start Ihrer Internetseite! Sehr schönes Design und eine wirklich ansprechende Präsentation. Sehr gelungen.</p>
</blockquote>
<blockquote><p class="nospace">Gratulation! Der Gesamteindruck ist sehr professionell und anspruchsvoll, gefällt mir durchgehend sehr gut.</p>
</blockquote>
<blockquote><p class="nospace">Die Seite sieht sehr schick aus, gefällt uns sehr gut die Aufmachung!</p>
</blockquote>
<blockquote><p class="nospace">Ich habe mir die Seite bereits angesehen und finde sie super!</p>
</blockquote>
<h3>Update 17.09.2010</h3>
<p>Aus organisatorischen Gründen wird das Projekt in dieser Form nicht mehr weitergeführt. Der Nachfolger: <a href="http://www.golser.info/immobilien-plattform-oesterreich-muenchen-17092010" class="liinternal">Die unabhängige Plattform für Premium-Immobilien in Österreich und München</a>.</p>
<h3>Weiterführende Links</h3>
<ul>
<li><a href="http://www.pixelution.at" class="liexternal">PIXELUTION.AT Multimedia Agentur</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/pixelution-realisiert-luxus-immobilien-plattform-04052009/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PIXELUTION.AT realisiert KNORR Microsite</title>
		<link>http://www.golser.info/pixelution-realisiert-knorr-microsite-25022009</link>
		<comments>http://www.golser.info/pixelution-realisiert-knorr-microsite-25022009#comments</comments>
		<pubDate>Wed, 25 Feb 2009 13:53:36 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[Pixelution]]></category>
		<category><![CDATA[WebDesign]]></category>
		<category><![CDATA[WebDevelopment]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[webdevelopment]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=508</guid>
		<description><![CDATA[In Kooperation mit meinem Partner D-SE7EN aus Wien war ich für die technische Umsetzung der Microsite für die KNORR Kinder-Suppen verantwortlich. Die Website informierte über die Produkte &#8211; Dino Suppe, Glückskäfer Suppe und Piraten Suppe &#8211; und präsentierte einige Rezeptideen. Weiters fand man auch ein Gewinnspiel und einen Downloadbereich mit Malvorlage, Geburtstagseinladung und Desktop-Hintergrundbildern auf [...]]]></description>
			<content:encoded><![CDATA[<p>In Kooperation mit meinem Partner <em>D-SE7EN</em> aus Wien war ich für die technische Umsetzung der Microsite für die <strong>KNORR Kinder-Suppen</strong> verantwortlich. Die Website informierte über die Produkte &#8211; Dino Suppe, Glückskäfer Suppe und Piraten Suppe &#8211; und präsentierte einige Rezeptideen. Weiters fand man auch ein Gewinnspiel und einen Downloadbereich mit Malvorlage, Geburtstagseinladung und Desktop-Hintergrundbildern auf der Microsite.</p>
<ul class="slides">
<li class="thumbnail"><a href="/wp-content/uploads/2009/02/knorr01.jpg" rel="lightbox[knorr]" title="KNORR Kinder-Suppen" class="liimagelink"><img src="/wp-content/uploads/2009/02/knorr01-thumb.jpg" width="128" height="96" alt="KNORR Kinder-Suppen" /></a></li>
<li class="thumbnail"><a href="/wp-content/uploads/2009/02/knorr02.jpg" rel="lightbox[knorr]" title="KNORR-Memo-Spiel: Startscreen mit fliegendem Glückskäfer" class="liimagelink"><img src="/wp-content/uploads/2009/02/knorr02-thumb.jpg" width="128" height="96" alt="KNORR-Memo-Spiel: Startscreen mit fliegendem Glückskäfer" /></a></li>
<li class="thumbnail"><a href="/wp-content/uploads/2009/02/knorr03.jpg" rel="lightbox[knorr]" title="KNORR-Memo-Spiel: Paare finden" class="liimagelink"><img src="/wp-content/uploads/2009/02/knorr03-thumb.jpg" width="128" height="96" alt="KNORR-Memo-Spiel: Paare finden" /></a></li>
</ul>
<p>Besonderheit: Das vom Spielehersteller Ravensburger als Brettspiel produzierte &#8220;KNORR-Memo-Spiel&#8221; wurde von uns etwas abgespeckt (12&nbsp;Paare) als Flash-Variante umgesetzt.<br />
<span id="more-508"></span></p>
<h3>Kinder-Suppen Microsite v2</h3>
<p>Die Kidssuppen-Promotion war ein unglaublicher Erfolg und daher gab es auch eine zweite Auflage der Microsite. Statt der Glückskäfer Suppe ging die Elefanten Suppe ins Rennen. Dementsprechend war der &#8220;Aufhänger&#8221; dann ein animierter Elefant, der sowohl im Flash-Intro als auch im &#8220;Bravo-Screen&#8221; des &#8220;KNORR-Puzzle-Spiels&#8221; auftauchte. Auch das Gewinnspiel, die Downloads und die Rezepte wurden erneuert.</p>
<ul class="slides">
<li class="thumbnail"><a href="/wp-content/uploads/2009/02/knorr04.jpg" rel="lightbox[knorrv2]" title="Microsite v2: Flash-Intro" class="liimagelink"><img src="/wp-content/uploads/2009/02/knorr04-thumb.jpg" width="128" height="96" alt="Microsite v2: Flash-Intro" /></a></li>
<li class="thumbnail"><a href="/wp-content/uploads/2009/02/knorr05.jpg" rel="lightbox[knorrv2]" title="Microsite v2: KNORR-Puzzle-Spiel" class="liimagelink"><img src="/wp-content/uploads/2009/02/knorr05-thumb.jpg" width="128" height="96" alt="Microsite v2: KNORR-Puzzle-Spiel" /></a></li>
<li class="thumbnail"><a href="/wp-content/uploads/2009/02/knorr06.jpg" rel="lightbox[knorrv2]" title="Microsite v2: KNORR-Puzzle-Spiel Bravo-Screen" class="liimagelink"><img src="/wp-content/uploads/2009/02/knorr06-thumb.jpg" width="128" height="96" alt="Microsite v2: KNORR-Puzzle-Spiel Bravo-Screen" /></a></li>
</ul>
<h3>KNORR Kaiser Teller Microsite</h3>
<p>Bei dieser Flash-Microsite war ich für die Umsetzung des Online-Gewinnspiels verantwortlich. Features: Internet-Gewinncode, Formular-Validierung per <a href="http://de.wikipedia.org/wiki/Ajax_%28Programmierung%29" rel="nofollow" class="liwikipedia">Ajax</a>, Spamschutz, Web2.0-Effekte, passwortgeschützter Login-Bereich zur Einsicht aller Teilnehmer.</p>
<p><img src="/wp-content/uploads/2009/02/knorr-kaiserteller-suppen.jpg" alt="KNORR Kaiser Teller Suppen" width="468" height="323" /></p>
<h3>Weiterführende Links</h3>
<ul>
<li><a href="http://www.pixelution.at" class="liexternal">PIXELUTION.AT Multimedia Agentur</a></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/pixelution-realisiert-knorr-microsite-25022009/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3 Jahre PIXELUTION.AT Multimedia Agentur</title>
		<link>http://www.golser.info/3-jahre-pixelution-multimedia-agentur-20072008</link>
		<comments>http://www.golser.info/3-jahre-pixelution-multimedia-agentur-20072008#comments</comments>
		<pubDate>Sun, 20 Jul 2008 08:41:48 +0000</pubDate>
		<dc:creator>Gusti</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Mein Leben]]></category>
		<category><![CDATA[Pixelution]]></category>
		<category><![CDATA[Wirtschaft]]></category>
		<category><![CDATA[epu]]></category>
		<category><![CDATA[life]]></category>
		<category><![CDATA[pics]]></category>
		<category><![CDATA[work]]></category>

		<guid isPermaLink="false">http://www.golser.info/?p=419</guid>
		<description><![CDATA[Start me up Es war immer schon mein Traum mein eigener Boss zu sein, meine Ideen nach meinen Vorstellungen umsetzen zu können und mich dabei selbstzuverwirklichen. Mein Studienkollege Alexander G. Egg hatte denselben Wunsch und so bündelten wir nach vierjähriger, freier Projekttätigkeit parallel zum Studium an der FH Hagenberg unsere Kompetenzen und gründeten im Juli [...]]]></description>
			<content:encoded><![CDATA[<h3>Start me up</h3>
<p>Es war immer schon mein Traum mein eigener Boss zu sein, meine Ideen nach meinen Vorstellungen umsetzen zu können und mich dabei selbstzuverwirklichen. Mein Studienkollege Alexander G. Egg hatte denselben Wunsch und so bündelten wir nach vierjähriger, freier Projekttätigkeit parallel zum <a href="/studium-in-hagenberg-arbeitsproben-02022005" class="liinternal">Studium an der FH Hagenberg</a> unsere Kompetenzen und gründeten im Juli 2005 die &#8220;Pixelution Multimedia Golser &#038; Egg OEG&#8221;. Tamara Herz, eine gute Freundin von mir, die eine 3-jährige Grafikdesign-Ausbildung in München absolvierte, unterstützte uns von Beginn an als Freelancerin im Bereich Kreation. </p>
<p class="nospace"><img src='/wp-content/uploads/2008/07/px-team.jpg' alt='Team PIXELUTION.AT: Alexander G. Egg, Tamara Herz, August F. Golser' width='468' height='264' /></p>
<p class="small nospace">v.l.: Alexander G. Egg, Tamara Herz, August F. Golser</p>
<p><span id="more-419"></span></p>
<h3>Aller Anfang ist schwer&#8230;</h3>
<p>Am Beginn unserer Selbständigkeit setzten wir besonders auf unser Web-Know-how und die Software <a href="http://www.pixelution.at/checkeffect-website-auswertung.php" class="liexternal">CheckEffect</a> der Salzburger Internetagentur ncm.at, als dessen Vertriebspartner wir in Tirol aktiv waren. CheckEffect ist ein speziell für die Anforderungen im Tourismussektor entwickeltes Webmonitoring-Tool, das den anonymen Vergleich mit Mitbewerbern erlaubt. Wir präsentierten CheckEffect bei zahlreichen Hotels, werteten die Website 30 Tage lang kostenlos aus, stellten bei einer Folgepräsentation gefundene Schwachstellen transparent dar und erörterten sinnvolle und gewinnbringende Optimierungsschritte.<br />
Fazit: Mühsame, zeitintensive &#8220;Knochenarbeit&#8221;, jedoch nur wenige konkrete Aufträge. Damals war die Zeit wohl (bei uns) noch nicht reif für unsere innovativen Dienstleistungen und die Leute wollten scheinbar nicht erkennen was eine professionelle Website wirklich leisten kann. Auch unser <a href="/pixelution-bei-wirtschaft-im-alpenraum-21112005" class="liinternal">Presseauftakt in der WIA</a> brachte wenig Resonanz.<br />
Nichtsdestotrotz machten wir weiterhin bei möglichst vielen Gelegenheiten auf uns und unser Leistungsportfolio aufmerksam und waren auch nebenberuflich über ein Jahr lang als EDV-Trainer beim BFI Kitzbühel tätig. </p>
<p><img src="/wp-content/uploads/2008/07/pixelution-orange.gif" alt="PIXELUTION.AT Multimedia Agentur" width="468" height="234" /></p>
<h3>PIXELUTION.AT als Einzelunternehmen</h3>
<p>Die Auftragslage wurde zunehmend besser, jedoch hatte Alex einige laufende Verbindlichkeiten, die uns hinsichtlich Projektakquisition einen ziemlichen Druck auferlegten um die nötigen Privatentnahmen abzudecken und wir somit immer mit Liquiditätsengpässen zu kämpfen hatten &#8211; ein Umstand, der durch die <del datetime="2008-07-18T16:03:59+00:00">großteils</del> teilweise schlechte Zahlungsmoral unserer Kunden noch weiter verschärft wurde.<br />
Nach Rücksprache mit unserem Steuerberater und da sich für Alex ein lukratives Jobangebot als IT-Projektmanager eröffnete, lösten wir die OEG Ende 2006 einvernehmlich auf und ich führe das Unternehmen seit Jänner 2007 als Einzelunternehmen lautend auf meinen Namen. Alex bleibt mir aber noch als Freelancer erhalten.</p>
<h3>Weniger Druck und mehr Aufträge</h3>
<p>Die hohe Qualität der bereits umgesetzten Projekte machte sich schön langsam bezahlt und immer mehr Leute wurden auf Pixelution aufmerksam. Im Jahr 2007 entwickelten sich auch zwei vielversprechende Kooperationen mit <a href="http://www.pixelbrain.at" class="liexternal">pixelbrain</a> in Kufstein und <a href="http://www.d-seven.at" class="liexternal">D-SE7EN</a> in Wien.<br />
Im November 2007 nahm ich auch meine Tätigkeit im Vorstandsteam der <a href="/tag/jwkitz" class="liinternal">Jungen Wirtschaft Kitzbühel</a> auf, was mir viele Gelegenheiten eröffnete PIXELUTION.AT noch bekannter zu machen.<br />
Ich war voll ausgelastet und erzielte auch einen höheren Umsatz als noch im Vorjahr mit meinem Geschäftspartner zusammen.</p>
<p><img src="/wp-content/uploads/2008/07/pixelution.jpg" alt="PIXELUTION.AT Multimedia Agentur" width="468" height="59" /></p>
<h3>PIXELUTION.AT &#8211; Der Status quo</h3>
<p>Das Geschäft läuft gut und ich betreue mittlerweile Projekte von Südtirol bis Wien. Die meisten Kunden bekomme ich über Mundpropaganda und ich ernte auch immer wieder Lob für die hohe Qualität meiner Dienstleistungen &#8211; besonders weil jedes PIXELUTION.AT Projekt einen individuellen Charakter aufweist und mit viel Liebe zum Detail erstellt wird. Auch mein Know-how im Bereich Suchmaschinenoptimierung und <a href="http://www.golser.info/category/internet/web-marketing" class="liinternal">WebMarketing</a> wird in letzter Zeit immer öfter &#8220;gebucht&#8221;.<br />
Es ist wohl wirklich so &#8211; wie vielfach behauptet wird &#8211; dass man 3 Jahre braucht um ein neues Unternehmen erfolgreich am Markt zu etablieren und der Beruf muss zum Teil auch ein Hobby bzw. eine Art Selbstverwirklichung sein um die nötige Ausdauer und Motivation einbringen zu können&#8230;</p>
<h3>Weiterführende Links</h3>
<ul>
<li><a href="http://www.pixelution.at" class="liexternal">PIXELUTION.AT Multimedia Agentur</a></li>
</ul>
<p><img src="/wp-content/uploads/2008/07/pixelution-logo.gif" alt="PIXELUTION.AT Multimedia Agentur" width="468" height="59" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.golser.info/3-jahre-pixelution-multimedia-agentur-20072008/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

