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

<channel>
	<title>bueltge.de [by:ltge.de] &#187; Web 2.0</title>
	<atom:link href="http://bueltge.de/tag/web-20/feed/" rel="self" type="application/rss+xml" />
	<link>http://bueltge.de</link>
	<description>Frank Bültge schreibt auf bueltge.de zu den Themen Webentwicklung &#38; design, WordPress, Literatur und andere Themen bezüglich Internet und Development</description>
	<lastBuildDate>Tue, 22 May 2012 20:02:25 +0000</lastBuildDate>
	<language>de-DE</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Die größte Herausforderung dürfte der Burnout werden</title>
		<link>http://bueltge.de/die-groesste-herausvorderung-duerfte-der-burnout-werden/1182/</link>
		<comments>http://bueltge.de/die-groesste-herausvorderung-duerfte-der-burnout-werden/1182/#comments</comments>
		<pubDate>Thu, 24 Jun 2010 10:09:42 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/?p=1182</guid>
		<description><![CDATA[Das Leben ohne Auszeit ist ein Merkmal des Enterprise 2.0 und es birgt Gefahren, hier ist jeder Nutzer in der Pflicht.]]></description>
			<content:encoded><![CDATA[<p>Weil es mich täglich betrifft, weil ich Freunde habe, die betroffen sind, weil ich sehr aktiv bin, weil meine Frau immer in Sorge um mich ist und weil ich glaube, dass das allumfassende Präsent sein erst am Anfang steht, sehe ich ein große und wahre <a href="http://www.computerworld.com/s/article/9178126/Experts_warn_of_the_dark_side_of_Enterprise_2.0">Aussage im Interview mit Kathleen Culver</a>.</p>
<p>Ich möchte die folgende Aussage einfach zum Nachdenken hier ablegen, mehr oder weniger Wertefrei - aber ich weiß, dass jede Maschine und jeder Mensch ab und an eine Auszeit brauchen - ansonsten verkürzt sich die Laufzeit oder der Verschleiß steigt exponential. Zeit für Familie, Zeit für Alternativen zum Job und Zeit für Alternativen zum Netz sind wichtig und sollten bewahrt werden.</p>
<blockquote><p>Das Problem mit all den Interaktionsmöglichkeiten ist, dass man den Wunsch verspürt, immer überall zu antworten. und zwar nicht nur während der Arbeitszeit, sondern rund um die Uhr. Man ist immer erreichbar. ... Wir verlieren unsere Auszeiten. Wir nutzen den Blackberry beim Abendbrot, senden ständig Tweets. Die Zeit, in der wir früher Sudoku oder Tennis spielten, verbringen wir im Netz. Wir nehmen Arbeitsprobleme aus dem Unternehmen mit nach Hause und lassen uns ständig damit konfrontieren. ... Die größte Herausforderung dürfte der Burnout werden.<br />
<cite><a href="http://www.computerworld.com/s/article/9178126/Experts_warn_of_the_dark_side_of_Enterprise_2.0">Experts warn of the dark side of Enterprise 2.0</a></cite></p></blockquote>
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/die-groesste-herausvorderung-duerfte-der-burnout-werden/1182/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/die-groesste-herausvorderung-duerfte-der-burnout-werden/1182/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>WP Basis Theme in (x)HTML5</title>
		<link>http://bueltge.de/wp-basis-theme-in-xhtml5/984/</link>
		<comments>http://bueltge.de/wp-basis-theme-in-xhtml5/984/#comments</comments>
		<pubDate>Tue, 28 Jul 2009 13:18:48 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[CSS, xHTML, JS]]></category>
		<category><![CDATA[Themes]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[StyleSheet]]></category>
		<category><![CDATA[Theme]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Webdesign]]></category>
		<category><![CDATA[WP]]></category>
		<category><![CDATA[WP2.7]]></category>

		<guid isPermaLink="false">http://bueltge.de/?p=984</guid>
		<description><![CDATA[Ich möchte die Kosten, die dieses Blog und die kleinen Nebenprodukte verursachen gern deckeln, so dass ich keinen Aufwand in die finanziellen Kosten des Webspace stecke, sondern in die Inhalte. Daher wird es also ab jetzt die Möglichkeit geben, eine Fläche zu mieten.]]></description>
			<content:encoded><![CDATA[<p><img class="alignrightob" src="http://wpbasis.de/images/wpbasis_logo.png" alt="Logo WP Basis Theme" /><br />
Das <a href="http://wpbasis.de/">WP Basis Theme</a> erfreut sich großer Beliebtheit und die Arbeit daran wird von diversen Leuten unterstützt, sei es mit Übersetzungsarbeit, Fehlerkorrekturen, Verbesserungsvorschlägen oder Tests. Daher auch hier nochmal Danke an alle Helfer!</p>
<p>Da sich HTML5 aber schon geraume Zeit auf meiner ToDo-Liste befindet und ich ein Thema benötige um zu starten, habe ich begonnen das Basis Theme in HTML5 zu bauen, so dass WordPress direkt damit arbeiten kann. Dabei habe ich auch gleich ein Beispiel-Stylesheet beigelegt, so dass es ein Design gibt.<br />
<span id="more-984"></span><br />
Zusätzlich gibt es eine kleines Stylesheet, welches die neuen Bereiche und ihre Tags darstellt, so dass man bei einem Einstieg in HTML5 ein wenig visueller arbeiten kann. Das Stylesheet ist nicht im Code verdrahtet und kann zum Beispiel einfach und unkompliziert mit Hilfe des WebDeveloper-Toolbar hinzugefügt werden. Zu finden ist das Stylesheet in der Struktur unter <code>layout/html5areas/html5areas.css</code>. Ein Beitrag ist damit wie folgt ersichtlich.</p>
<p><img class="centered" src="http://bueltge.de/wp-content/images/wpbasis-html5/html5areas.png" alt="HTML5 visuell dargestellt" /></p>
<p>Diverse Punkte sind aktuell nur im Opera > 9.5 sichtbar. Dazu zählen alle Inhalte des Kommentar-Formulars. Dort wurde unter anderem Pflichtfelder übergeben, wenn sie durch WordPress gesetzt werden und die <code>type</code>-Attribute haben der Aufgabe bezogen ihren Wert erhalten, daher die Image-Zuordnung im Opera.</p>
<p><img class="centered" src="http://bueltge.de/wp-content/images/wpbasis-html5/form-opera.png" alt="Kommentarformular in Opera 9.6" /></p>
<h3>Arbeit mit...</h3>
<p>Als Nachschlagewerk dient mit die Übersicht des w3c und das Blog zum Thema HTML5. Leider ist die Arbeit beim Validieren aktuell nicht so einfach, da mir kein Validator bekannt ist, der lokal validieren kann. Über Tipps würde ich mich daher freuen. Für den IE liefere ich ein Script mit, welches ihm den Umgang mit diversen Elementen beibringt.</p>
<ul>
<li><a href="http://dev.w3.org/html5/spec/Overview.html">HTML 5</a></li>
<li><a href="http://html5doctor.com/">html5doctor</a></li>
<li><a href="http://html5.validator.nu/">HTML5 Validator</a></li>
<li><a href="http://remysharp.com/2009/01/07/html5-enabling-script/">HTML5 enabling script</a></li>
</ul>
<h3>Warum das alles?</h3>
<p>Ich würde mir wünschen, dass der eine oder andere mal drüber schaut, vielleicht Leute, die schon mehr mit HTML5 gearbeitet haben und tief in der Materie stecken. Rückmeldungen wären toll und vielleicht erweitert der eine oder andere das Theme um bestimmte Tags oder Elemente.</p>
<h3>Wie komme ich daran?</h3>
<p>Es gibt hier keinen Download und die Arbeit daran wird in der freien Zeit weiter gehen und daher wird es immer wieder Veränderungen geben. Aktuell stehen nur wenige Grundzüge und es soll den gleichen Stand wie das WP Basis Theme bekommen. Um sich in das Theme einzuarbeiten oder einfach mal drüber zu schauen steht ein <a href="http://code.google.com/p/wp-basis-theme/source/browse/#svn/tags/html5">Repository</a> bereit. Dort kann auch Kommentiert und diskutiert werden.</p>
<p>Der Ordner mit allen Inhalten findet sich im Bereich <a href="http://code.google.com/p/wp-basis-theme/source/browse/#svn/trunk/basis-html5">trunk/basis-html5</a> des <a href="http://code.google.com/p/wp-basis-theme/source/browse/#svn">SVN</a>.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/wp-basis-theme-in-xhtml5/984/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/wp-basis-theme-in-xhtml5/984/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
	
		<media:thumbnail url="http://wpbasis.de/images/wpbasis_logo.png" />
		<media:content url="http://wpbasis.de/images/wpbasis_logo.png" medium="image">
			<media:title type="html">Logo WP Basis Theme</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/images/wpbasis-html5/html5areas.png" medium="image">
			<media:title type="html">HTML5 visuell dargestellt</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/images/wpbasis-html5/form-opera.png" medium="image">
			<media:title type="html">Kommentarformular in Opera 9.6</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Angst vor dem IE 8?</title>
		<link>http://bueltge.de/angst-vor-ie-8/771/</link>
		<comments>http://bueltge.de/angst-vor-ie-8/771/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 07:34:15 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Internet Explorer]]></category>
		<category><![CDATA[Mashup]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Sicherheit]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/?p=771</guid>
		<description><![CDATA[Der Internet Explorer der Version 8 steht in den Startlöchern und es wurde schon <a href="http://www.google.de/search?q=internet+explorer+8+beta+2">viel darüber berichtet</a>. Für Microsoft ist es aus meiner Sicht eine sehr starke Veränderung, für Webentwickler ist es ein Fortschritt in jeder Hinsicht. Der IE war in der Vergangenheit nicht gerade der Liebling der Webentwickler. Allerdings sollte man auch nicht verschweigen, dass Microsoft eine ganze <a href="http://www.drunkenfist.com/304/2008/08/11/some-internet-explorer-innovations-you-probably-forgot-about-while-waiting-for-ie6-to-die/">Reihe von Möglichkeiten</a> im Web geschaffen hat, die den Internet Explorer zumindest im Bereich von Administration und Business-Anwendungen schon vor AJAX und Web 2.0 zu Möglichkeiten verhalf, die mit anderen Browsern damals nicht denkbar waren.]]></description>
			<content:encoded><![CDATA[<p><img class="alignrightob" src="http://bueltge.de/wp-content/images/internet_explorer.jpg" alt="IE" /><br />
Der Internet Explorer der Version 8 steht in den Startlöchern und es wurde schon <a href="http://www.google.de/search?q=internet+explorer+8+beta+2">viel darüber berichtet</a>. Für Microsoft ist es aus meiner Sicht eine sehr starke Veränderung, für Webentwickler ist es ein Fortschritt in jeder Hinsicht. Der IE war in der Vergangenheit nicht gerade der Liebling der Webentwickler. Allerdings sollte man auch nicht verschweigen, dass Microsoft eine ganze <a href="http://www.drunkenfist.com/304/2008/08/11/some-internet-explorer-innovations-you-probably-forgot-about-while-waiting-for-ie6-to-die/">Reihe von Möglichkeiten</a> im Web geschaffen hat, die den Internet Explorer zumindest im Bereich von Administration und Business-Anwendungen schon vor AJAX und Web 2.0 zu Möglichkeiten verhalf, die mit anderen Browsern damals nicht denkbar waren.</p>
<p>Und auch beim Internet Explorer 8 führt Microsoft wieder Neuerungen ein, die der Webwelt vorerst in zwei Lager spalten. In diesem Artikel will ich mich daher nicht über Webstandards und Microsoft auslassen, sondern über die neuen Funktionen gegen das Ausspähen von Nutzern.<br />
<span id="more-771"></span><br />
Den Schwenk von proprietärem Standard, hin zu offenen Webstandards und Vorgaben des W3C sorgen bei einigen Unternehmen schon jetzt für Unbehagen. Noch können Sie sich eine Weile gegen den neuen Browsers wehren, aber ewig werden sie das Lager des IE 6 doch nicht halten können und müssen auch dem Druck der Anwender im Unternehmen nachgeben. Der eingeführte Meta-Tag, der den IE 8 mit der Darstellungsfunktion des IE 7 fahren lässt, wird uns wohl noch geraume Zeit begleiten.</p>
<pre><code>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
</code></pre>
<p>Seit der Beta 2 des IE 8 ist nun aber ein zweiter Punkt im Browser, der nicht nur die Unternehmen für die Verwendung des Browsers intern verärgert, sondern auch für die Funktion vieler Webservices und Websiten kann mit der neuen Funktion InPrivate viel Unbehagen gestreut werden.</p>
<h3>InPrivat</h3>
<p>In einigen Medien auch als <a href="http://www.spiegel.de/netzwelt/tech/0,1518,574872,00.html">Porno-Modus</a> bekannt, soll die InPrivate-Funktion dem Nutzer mehr Sicherheit geben. Die Privatsphäre des Nutzers wird gewahrt. Wissbegierige Anbieter werden ausgesperrt. Die neue Funktion sammelt eine ganze Reihe von Funktionen, die man auch aus anderen Browsern kennt, die aber im IE 8 gebündelt werden und der Unternehmensführung das Leben sehr erschweren können. Eine einfache Funktion ist dabei beispielsweise, dass man via Klick die Spuren des Surfverhaltens löschen kann. Dies ist aber so nicht immer erwünscht, denn dabei können auch für den Nutzer wichtige Informationen verloren gehen. Im IE 8 öffnet der InPrivate Modus ein neues Fenster und wendet in diesem Browser alle Mechanismen an, die die Privatsphäre schützen. Alle Informationen, die im Vorfeld im &#8222;normalen&#8220; Modus gespeichert wurden, bleiben dabei aber erhalten. Alle Daten werden also nur temporär bis zum Ende dieser Sitzung gespeichert. Cookies und Cache-Dateien, Suchanfragen, Formulare und Passwörter werden damit nicht gespeichert, ebenso die Historie der URLs.<br />
<img class="centered" src="http://bueltge.de/wp-content/images/inprivate.jpg" alt="about:inprivate" /></p>
<h3>Auswirkungen</h3>
<p>Um das Surfverhalten eines Nutzers zu erhalten, nutzen eine ganze Reihe von Firmen die Cookies; bekanntestes Beispiel ist wohl Google, die mit einer vielen Services unter diesem Modus leiden werden. Die Werbung, die Google finanziert und auf den Nutzer abstimmt, wäre dann nicht mehr so lukrativ und Google hat mit Sicherheit einen geringeren Interessenkreis von Werbenden, wenn sie diese Funktion nicht umgehen können.<br />
Wie bei so vielen Sicherheitsthemen sind die Lösungen/Alternativen nicht weit und auch in diesem Bereich gibt es Möglichkeiten, die schon jetzt Anwendung finden - die <a href="http://de.wikipedia.org/wiki/Flash-Cookie">Adobe Flash Cookies</a>. Diese Form der Cookies lassen sich nicht über die Konfiguration des Browsers auslesen oder löschen. Eine anderen Lösung ist die Zuordnung eines &#8222;<a href="http://my.affiliate-life.at/fingerprint-tracking-was-ist-das">Fingerprint</a>&#8220;, der ebenfalls schon jetzt von diversen Anwendungen genutzt wird. Mit der Veröffentlichung des IE 8 wird dieser Trend sicher enorm an Potenzial gewinnen.</p>
<p>Eine weitere Funktion des IE 8 wird aber sicher viele Anbieter im Web vor eine Veränderung stellen bzw. zum Umdenken bewegen, die Funktion &#8222;Blocking&#8220;. Auch diese Funktion wird mit dem InPrivate-Modus aktiviert. Sie richtet sich in erster Linie gegen die Angebote Dritter in Websites. Dem Anwender ist aktuell nicht bewusst, wo die Daten herkommen. Im einfachsten Fall geht der Nutzer davon aus, dass die alle Inhalte von der Website kommen, dessen URL in der Adresszeile steht. Vielen Websiten und Services nutzen aber die Möglichkeit Inhalte von anderen Seiten bereit zu stellen, ohne die angesurfte Website zu verlassen. Auf dem <a href="http://blogs.msdn.com/ie/">Blog von Microsoft zum IE</a> wird dieser Modus diskutiert und im Sinne des Web ist die Zusammenführung von Inhalten legitim. Für die Privatsphäre des Nutzers ist das aber eine Verletzung, so Dean Hachamovitch, Gerneral Manager des IE. Denken wir an Analysetools und Anzeigenvermarktung, dann ist diese Technik nicht weg zu denken. Im Zeitalter des Web 2.0 ist diese Technologie richtig populär geworden. Websites sind keine abgeschlossenen Container, viele Schnittstellen wie z.B. XML machen die Integration externer Services einfach. Auch hier trifft es den Riesen Google besonders, denke ich nur an Google Maps. Viel genutzt um Informationen auf der Website zu bereichern, ist es doch ein Dienst außerhalb der eigentlichen Website. Ebenfalls trifft dieser Modus viele Services des Web 2.0 und Unternehmen, die ihre Website mit externen Daten füttern, um die Inhalte attraktiver zu gestalten.<br />
Diese Funktion erhält seitens Microsoft sogar noch einen Bonus, denn die Suchmuster des Browsers können gesammelt und importiert werden. Damit kann jeder Nutzer des IE seine eigene Liste erstellen und diese zum Download anbieten. Ähnlich kennt man das vom Add on <a href="http://adblockplus.org/de/">Adblock Plus</a> im Firefox. Dabei handelt es sich aber um eine Erweiterung, was die Nutzerzahl reduziert; der Laie nutzt den Browser in seiner reinsten Form und kennt oft diverse  und Möglichkeiten nicht.</p>
<h3>Fazit</h3>
<p>Microsoft bringt einen neuen Browser und zum ersten mal macht man den Webentwicklern wohl eine Freude damit, dass man offene Standards unterstützt. Im gleichen Atemzug werden aber diverse Entwicklungen erschwert, da Microsoft dem Nutzer mit InPrivate einen neuen Service bietet. Die berechtigte Sorge vieler Nutzer, dass ihre Gewohnheiten und Interessen durch kommerzielle Websites ausgespäht werden, kann damit genommen werden und jeder Nutzer kann selbst entscheiden, was er frei geben will. Ein zweischneidiges Schwert - einerseits genießen Nutzer die zugeschnittenen Angebote oder bessere Suchergebnisse, andererseits wollen sie ihre Privatsphäre behalten. Mit diesem neuen Modus im IE 8 bündelt Microsoft viele bisher verstreute Funktionen und macht die Nutzung einfach, auch für wenige versierte Anwender. In Private sorgt nicht nur dafür, dass Inhalte aus dem WWW lokal gespeichert werden, sondern hält Drittinhalte außen vor. Mit der letzteren Funktion werden sicher viele Anbieter im Web ein Problem haben und Auswirkungen lassen sich heute noch nicht absehen. Wird also der IE 8 nur annähernd so viele Nutzer wie der viel verhasste IE 6 haben, dann setzt Microsoft die Webanbieter unter Zugzwang. Google muss also mehr als eine Alternative im Browsermarkt bieten, denn nur sehr wenige Unternehmen werden von der Hauptstraße Microsoft abbiegen und einen alternativen Browser nutzen. Alternativ können die Anbieter hoffen, dass die Nutzung Angebote Dritter schon so weit fortgeschritten ist, dass die Nutzer diesen Service nicht mehr wissen wollen und diesen Modus im IE 8 keine Chance geben.</p>
<p>Mal wieder zeigt Microsoft, dass sie ein berechtigtes Mitspracherecht auch über und im Web haben. Mit der Veröffentlichung der Beta 2 des IE 8 ist das Interesse nicht nur seitens der Webentwickler da, denn InPrivate betrifft viel größere Kreise und könnte den aktuellen Trend zu Integration immer mehr Mashups ändern.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/angst-vor-ie-8/771/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/angst-vor-ie-8/771/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/internet_explorer.jpg" />
		<media:content url="http://bueltge.de/wp-content/images/internet_explorer.jpg" medium="image">
			<media:title type="html">IE</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/images/inprivate.jpg" medium="image">
			<media:title type="html">about:inprivate</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Web 2.0 API Liste</title>
		<link>http://bueltge.de/web-20-api-liste/585/</link>
		<comments>http://bueltge.de/web-20-api-liste/585/#comments</comments>
		<pubDate>Mon, 07 Jan 2008 20:59:06 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Mashup]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/web-20-api-liste/585/</guid>
		<description><![CDATA[Du willst wissen, ob es zu deinem geliebten Service, der Web 2.0 Anwendung, die du viel nutzt und durch andere Services oder Tools unterstützen/ ansprechen möchtest? Dann besuche die Web 2.0 API Listing. Komfortabel nach dem Alphabet, nach Kategorien oder einer Suche - dort kann man fündig werden. Wer nichts verpassen will, der abonniert den [...]]]></description>
			<content:encoded><![CDATA[<p>Du willst wissen, ob es zu deinem geliebten Service, der Web 2.0 Anwendung, die du viel nutzt und durch andere Services oder Tools unterstützen/ ansprechen möchtest? Dann besuche die <a href="http://www.programmableweb.com/apilist">Web 2.0 API Listing</a>.</p>
<p>Komfortabel nach dem Alphabet, nach Kategorien oder einer Suche - dort kann man fündig werden. Wer nichts verpassen will, der abonniert den <a href="http://feeds.feedburner.com/programmableweb/apis">Feed</a> und weis ab nun über die aktuellsten APIs im Netz bescheid.</p>
<p>Ähnliches bietet die Seite zum Thema <a href="http://www.programmableweb.com/mashups">Mashups</a>, was recht vielschichtig und interessant sein kann.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/web-20-api-liste/585/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/web-20-api-liste/585/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Tab-Interface ohne JavaScript</title>
		<link>http://bueltge.de/tab-interface-ohne-javascript/563/</link>
		<comments>http://bueltge.de/tab-interface-ohne-javascript/563/#comments</comments>
		<pubDate>Mon, 10 Dec 2007 14:38:40 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[CSS, xHTML, JS]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Code]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/tab-interface-ohne-javascript/563/</guid>
		<description><![CDATA[Nicht Menüleisten, sondern Contentboxen werden so gemacht. Per Mausklick werden über eine kleine Reiternavigation weitere Informationen aufgerufen. Die sind entweder bereits in der Seite versteckt oder werden dynamisch nachgeladen. Javascript, DHTML und AJAX, verschiedene Techniken kommen zum Einsatz. Sie sind mehr oder weniger browsersicher. Mitunter klappt es mit dem Backbutton nicht mehr. Das Angebot dürfte [...]]]></description>
			<content:encoded><![CDATA[<blockquote><p>Nicht Menüleisten, sondern Contentboxen werden so gemacht. Per Mausklick werden über eine kleine Reiternavigation weitere Informationen aufgerufen. Die sind entweder bereits in der Seite versteckt oder werden dynamisch nachgeladen. Javascript, DHTML und AJAX, verschiedene Techniken kommen zum Einsatz. Sie sind mehr oder weniger browsersicher. Mitunter klappt es mit dem Backbutton nicht mehr. Das Angebot dürfte aber genügen, um etwas nach eigenem Geschmack zu finden. Schliesslich wird diese Art der Contentpräsentation immer beliebter.</p></blockquote>
<p><cite><a href="http://www.drweb.de/weblog/weblog/?p=799">Dr.Web: 14 Tab Interface Scripts</a></cite></p>
<p><img class="alignright" src="http://bueltge.de/wp-content/images/tabcss.png" alt="Tab-Inteface" /></p>
<p>Das Zitat trifft es: <q>mehr oder weniger browsersicher</q>. Für mich einmal mehr Anlass, zu prüfen, kann man die Boxen auch mit reinem CSS in dieser populären Darstellungsform präsentieren? Nicht immer ist JavaScript erwünscht, was die Implementierung recht schön und einfach macht. Aber, noch immer sind viele Unternehmen der Sprache nicht willig und sperren sie für ihre Anwender. Hat man keinen dynamischen Inhalt, wie es oft auf kleinen Seiten ist, dann kann man das Tab-Interface auch mit einfachem CSS erzeugen.<span id="more-563"></span></p>
<h3>Idee und Lösung</h3>
<p>Die grundlegende Idee erzeugt für die Unterschiedlichen Inhalte verschiedene <code>div</code>'s, welche via Anker angesprochen werden.</p>
<pre><code>
<div class="content">
	<a name="c19" id="c19"></a>
	. . .
</div>
</code></pre>
<p>Die einzelnen Boxen sind eingeschlossen in einen weiteren Container (<code>div</code>).</p>
<pre><code>
<div id="container">
	<div class="content">
		<a name="c1" id="c1"></a>
		. . .
	</div>
	
	 . . .
	
	<div class="content">
		<a name="c19" id="c19"></a>
		. . .
	</div>
</div>
</code></pre>
<p>Mittels CSS werden dann die Boxen so formatiert, dass sie übereinander liegen und <code>overflow: hidden;</code> sorgt dafür, dass kein Überlauf statt findet.</p>
<pre><code>
.content {
height: 35em;
}

#container {
height: 35em;
overflow: hidden;
}
</code></pre>
<p>Die Container müssen gleich hoch sein und es ist nur mit <code>overflow: hidden;</code> möglich. Diese Einschränkungen muss man hinnehmen. Alternativ kommt dann wieder die JavaScript-Lösung ins Spiel.</p>
<p>Meine Lösung steht als Download bereit und ich habe den Code übersichtlich in eine Datei gelegt, so dass die Lösung nachvollziehbar sein sollte. Vielleicht hat der eine oder andere Verbesserungsvorschläge?</p>
<h3>Demo</h3>
<p>Live und in Farbe zu finden in meinen Experimenten: &bdquo;<a href="http://bueltge.de/test/tab_interface_mit_css.php">Tab-Interface ohne JavaScript, nur mit CSS</a>&rdquo;</p>
<h3>Download:</h3>
<form class="spenden" action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="amount" id="eins" value="" /><br />
<input type="hidden" name="cmd" value="_xclick" /><input type="hidden" name="business" value="frank@bueltge.de" /><input type="hidden" name="item_name" value="Spende bueltge.de" /><input type="hidden" name="no_shipping" value="1" /><input type="hidden" name="return" value="http://bueltge.de/" /><input type="hidden" name="cancel_return" value="http://bueltge.de/" /><input type="hidden" name="currency_code" value="EUR" /><input type="hidden" name="tax" value="0" /><input type="hidden" name="bn" value="PP-DonationsBF" /><input type="image" src="http://bueltge.de/wp-content/images/donate.png" style="border:0" name="submit" alt="Zahlen Sie mit PayPal - schnell, kostenlos und sicher!" /><br />
</form>
<p><strong>Ist die Arbeit nicht 1 Euro wert?</strong><br />
Jede Spende wird dankbar angenommen und ermöglicht das weitere Arbeiten an freier Software.<br />
Möchtest du mehr oder anders spenden, so besuche meine <a href="http://bueltge.de/wunschliste/">Wunschliste</a>.</p>
<p><img class="alignleftob" src="http://bueltge.de/wp-content/images/txt.png" alt="Download als txt-Datei" />Download als txt-Datei: <a href="http://bueltge.de/test/tab_interface_mit_css.txt">tab_interface_mit_css.txt</a> - 13 kByte<br />
<br style="clear:left" /><br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/tab-interface-ohne-javascript/563/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/tab-interface-ohne-javascript/563/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/tabcss.png" />
		<media:content url="http://bueltge.de/wp-content/images/tabcss.png" medium="image">
			<media:title type="html">Tab-Inteface</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/images/txt.png" medium="image">
			<media:title type="html">Download als txt-Datei</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>User Interface mit MooTools</title>
		<link>http://bueltge.de/user-interface-mit-mootools/552/</link>
		<comments>http://bueltge.de/user-interface-mit-mootools/552/#comments</comments>
		<pubDate>Wed, 21 Nov 2007 13:24:05 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[CSS, xHTML, JS]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[MooTools]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/user-interface-mit-mootools/552/</guid>
		<description><![CDATA[In Zeiten des Web 2.0 sind User Interface für bestimmte Anwendungen nur schwer zu ersetzen. Dank JavaScript Framework und Plugin-Funktionalität stehen eine ganze Reihe recht einfacher Möglichkeiten zum Realisieren eines derartigen Interface bereit. Nun gibt es für die Library MooTools eine schöne und mächtige Erweiterung - Mocha, von Greg Houston. In der Demo kann man [...]]]></description>
			<content:encoded><![CDATA[<p>In Zeiten des Web 2.0 sind User Interface für bestimmte Anwendungen nur schwer zu ersetzen. Dank JavaScript Framework und Plugin-Funktionalität stehen eine ganze Reihe recht einfacher Möglichkeiten zum Realisieren eines derartigen Interface bereit.</p>
<p>Nun gibt es für die Library <a href="http://mootools.net/">MooTools</a> eine schöne und mächtige Erweiterung - <a href="http://greghoustondesign.com/demos/mocha/">Mocha</a>, von <a href="http://greghoustondesign.com/">Greg Houston</a>.</p>
<p><img class="centered" src="http://bueltge.de/wp-content/images/mocha.png" alt="Screenshot Mocha" /><br />
<span id="more-552"></span><br />
In der <a href="http://greghoustondesign.com/demos/mocha/">Demo</a> kann man die Möglichkeiten bestaunen und im zugehörigen Download ist der Code übersichtlich dargestellt, so dass man es gut nachvollziehen kann.</p>
<p>Mocha bietet die Fenster, inklusive Kontrolle dieser, Schatten und Rundungen. Die Fenster bieten die klassischen Möglichkeiten, wie man sie von Desktopanwendungen kennt, zum Beispiel Schließen, Maximieren und Größe verändern. Fenster können dynamisch erzeugt werden, was auch in der <a href="http://greghoustondesign.com/demos/mocha/">Demo</a> mit Hilfe eines Formulars demonstriert wird. Getestet wurde die Anwendung erfolgreich in FF 2, IE 6 &#038; 7, Safari 2 und Opera 9.</p>
<p><cite><a href="http://www.webappers.com/2007/11/21/mootools-mocha-user-interface-with-canvas-graphics/">WebAppers</a></cite><br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/user-interface-mit-mootools/552/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/user-interface-mit-mootools/552/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/mocha.png" />
		<media:content url="http://bueltge.de/wp-content/images/mocha.png" medium="image">
			<media:title type="html">Screenshot Mocha</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Songbird, ein Open Source Stern?</title>
		<link>http://bueltge.de/songbird-ein-open-source-stern/506/</link>
		<comments>http://bueltge.de/songbird-ein-open-source-stern/506/#comments</comments>
		<pubDate>Thu, 13 Sep 2007 22:12:07 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Musik]]></category>
		<category><![CDATA[Open Source]]></category>
		<category><![CDATA[OSS]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/songbird-ein-open-source-stern/506/</guid>
		<description><![CDATA[Ein Player der mit populären Appliaktionen im Backend daher kommt und im iTunes-Stil die Nutzer erobern will. Songbird ist sehr ausgereift und basiert unter anderem auf dem populären VLC Player und XUL - einer Technologie der Mozilla Foundation, die unter anderem im Firefox Browser eingesetzt wird. Die Oberfläche erinnert sehr stark an iTunes, was erst [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://songbirdnest.com/partners"><img class="alignrightob" src="http://songbirdnest.com/files/images/button_headphones.png" border="0" alt="Get Songbird"/></a>Ein Player der mit populären Appliaktionen im Backend daher kommt und im iTunes-Stil die Nutzer erobern will.</p>
<p>Songbird ist sehr ausgereift und basiert unter anderem auf dem populären VLC Player und XUL - einer Technologie der Mozilla Foundation, die unter anderem im Firefox Browser eingesetzt wird.</p>
<p>Die Oberfläche erinnert sehr stark an iTunes, was erst mal nicht schlecht ist. Songbird läuft auf allen bekannten Plattformen und wird ständig erweitert. Schon jetzt ist die Software unwahrscheinlich mächtig und vielseitig. Nichts was Songbird nicht kann. Besonders schön für den Einstieg - Songbird ist mehrsprachig und läuft schon jetzt erstaunlich stabil. Eine Software, die man im Auge behalten sollte.<br />
<span id="more-506"></span></p>
<h3>Was macht nun Songbird?</h3>
<p>Songbird ist online und versucht Musik mit dem Internet zu verbinden. Werden dabei auf einer dieser Seiten eine Audiodatei gefunden, erstellt der Player automatisch eine Web-Playlist, die die Datei abspielen kann. So werden typische Gedanken von Web 2.0 in einen Audio-Player übertragen, der damit eine Art Musikbrowser wird.<br />
Damit wird das Hören von Musik aus dem Netz, ob Radio oder Musikstream, einfach und komfortabel. </p>
<blockquote><h3>Play music.<br />
Play the Web.™</h3>
<p>Songbird™ is a desktop Web player, a digital jukebox and Web browser mash-up. Like Winamp, it supports extensions and skins feathers. Like Firefox®, it is built from Mozilla®, cross-platform and open source.<br />
<cite><a href="http://www.songbirdnest.com/">Songbirg</a></cite></p></blockquote>
<h3>mehr</h3>
<p>Ein besonders Schmankerl; Songbird erlaubt das Erstellen eigener Plugins, so wie man es vom Firefox Browser kennt. Damit wird so manches möglich und die Community wächst.<br />
Im weiteren hat der Player Möglichkeiten für das Brennen von CDs, das Erstellen eigener Designs und das Erstellen von intelligenten Wiedergabelisten. Eine ebenso schöne wie nützliche Idee ist der iTunes Library Importer und der iPod Support, damit wird die Übernahme einfach. Besonders toll, im Gegensatz zu iTunes, die Ladezeiten sind schnell.</p>
<p>Neben der <a href="http://www.songbirdnest.com/">offiziellen Website</a> gibt es ein <a href="http://www.songbirdnest.de/">deutsches Blog</a>, welches immer aktuell über Neuigkeiten informiert.</p>
<p>Ausführliche deutschsprachige Tests findet man bei <a href="http://blog.calm-n-easy.de/archiv/erste-flugversuche-mit-songbird.html">Nadja Müller-Schade</a> und im Blog <a href="http://neue-horizonte.blog.de/2007/06/27/songbird_a_8211_itunes_fur_alle~2527126">Neue Horizonte</a>.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/songbird-ein-open-source-stern/506/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/songbird-ein-open-source-stern/506/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:thumbnail url="http://songbirdnest.com/files/images/button_headphones.png" />
		<media:content url="http://songbirdnest.com/files/images/button_headphones.png" medium="image">
			<media:title type="html">Get Songbird</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Das schmalste Akkordeon Javascript</title>
		<link>http://bueltge.de/das-schmalste-akkordeon-javascript/480/</link>
		<comments>http://bueltge.de/das-schmalste-akkordeon-javascript/480/#comments</comments>
		<pubDate>Fri, 20 Jul 2007 07:27:14 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Accordion]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/das-schmalste-akkordeon-javascript/480/</guid>
		<description><![CDATA[Mit dieser Behauptung zieht eine besonders kleine Library neue Kreise - Simple Javascripts Accordions. Eine ganze Reihe von Webseiten nutzen diesen Effekt und benötigen dafür „riesige“ Frameworks - damit ist Schluss, wenn man das kleine Script einsetzt (1,149 bytes). Trotzdem kann die Library mit einer Vielzahl an Akkordeon-Möglichkeiten aufwarten, schön zu sehen in der Demo. [...]]]></description>
			<content:encoded><![CDATA[<p>Mit dieser Behauptung zieht eine besonders kleine Library neue Kreise  - <a href="http://www.dezinerfolio.com/2007/07/19/simple-javascript-accordions/">Simple Javascripts Accordions</a>. Eine ganze Reihe von Webseiten nutzen diesen Effekt und benötigen dafür „riesige“ Frameworks - damit ist Schluss, wenn man das kleine Script einsetzt (1,149 bytes).</p>
<p>Trotzdem kann die Library mit einer Vielzahl an Akkordeon-Möglichkeiten aufwarten, schön zu sehen in der <a href="http://www.dezinerfolio.com/wp-content/uploads/accordemo/01.html">Demo</a>. Die Integration ist einfach und ausreichend Beispiele liegen der Demo bei. Es wird kein weiteres Framework benötigt und ist Browserübergreifend nutzbar. Machbar sind im übrigen auch die bekannten Tab-Systeme.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/das-schmalste-akkordeon-javascript/480/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/das-schmalste-akkordeon-javascript/480/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Herausforderung Web 2.0 im Unternehmen</title>
		<link>http://bueltge.de/herausforderung-web-20-im-unternehmen/436/</link>
		<comments>http://bueltge.de/herausforderung-web-20-im-unternehmen/436/#comments</comments>
		<pubDate>Tue, 08 May 2007 18:03:20 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[Karneval]]></category>
		<category><![CDATA[Unternehmen]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/herausforderung-web-20-im-unternehmen/436/</guid>
		<description><![CDATA[Der folgende Artikel steht in Verbindung mit dem 3. Business-Blog-Karneval und dieser wird veranstalltet von der Agentur Thoxan auf dem Neukunden-Magnet. Die innerbetriebliche Kommunikation ist noch immer ein Problem im Unternehmen. Was in der großen Welt des Internets immer leichter und auch immer attraktiver wird, ist in vielen Unternehmen nicht zu spüren – die Kommunikation, [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" src="http://bueltge.de/wp-content/images/blogkarneval3_156x60.gif" alt="Logo 3.Business Blog Karneval" /><em>Der folgende Artikel steht in Verbindung mit dem <a href="http://www.neukunden-magnet.de/business-blog-karneval-erfolgreich-mit-neuen-medien">3. Business-Blog-Karneval</a> und dieser wird veranstalltet von der <a href="http://www.thoxan.com/">Agentur Thoxan</a> auf dem <a href="http://www.neukunden-magnet.de/">Neukunden-Magnet</a>.</em></p>
<p>Die innerbetriebliche Kommunikation ist noch immer ein Problem im Unternehmen. Was in der großen Welt des Internets immer leichter und auch immer attraktiver wird, ist in vielen Unternehmen nicht zu spüren – die Kommunikation, die Zusammenarbeit. Unternehmen können ihr Know-how nicht bündeln und haben damit im Wettbewerb einen Nachteil. Web-Techniken, die unter dem Begriff Web 2.0 bekannt oder bekannter geworden sind, stellen eine Chance für Unternehmen dar – sie müssen nur zugreifen. Wissensmanagment, Kommunikation und Zusammenarbeit sind Bausteine, die im Unternehmen gemeistert werden müssen. Um die Vorteile von Weblogs,  Wikis und Social Services zu nutzen, bedarf es jedoch einiger Vorraussetzungen.</p>
<p>Techniken, die mit dem Schlagwort Web 2.0 im Zusammenhang stehen, können den Informationsfluss im Unternehmen effizienter gestallten. Derzeit ist das typische Austauschmedium im Unternehmensumfeld die E-Mail. Mitarbeiter geben Informationen an andere Mitarbeiter, in der Regel über die Möglichkeit Kopie-Adresse hinterlegen (cc-Funktion). Damit ist der Datenstrom schnell sehr groß, der Mailserver überlastet und hat man einen Mitarbeiter vergessen, dann erhält er erst gar keine Information. Dabei gehen Informationen verloren, gelangen an die falsche Adresse oder die Relevanz ist falsch gesetzt.</p>
<p>Mit Hilfe von Web 2.0-Anwendungen wird dieses Problem umgekehrt. Der Empfänger entscheidet selbst, ob und welche Information er haben möchte. Dazu steht vorrangig der Nutzen von Feeds im Vordergrund.</p>
<p>Ähnlich verhält es sich mit der Information, die im einfachsten Fall in der E-Mail steht. Sie geht im Laufe der Zeit verloren. Das Wissen besteht zwar, aber es ist nur schwer darauf zuzugreifen. Auch hier können Werkzeuge wie Blogs und Wikis helfen, helfen das Wissen im Unternehmen zu bündeln – das Wissensmanagment verbessern. Informationen werden zentral gespeichert und der Zugriff steht jedem Mitarbeiter offen. Suchmaschinen helfen den Inhalt zu finden. Das Wissen, was viele Mitarbeiter auf ihren lokalen Festplatten speichern, ist nicht erreichbar – es nützt nur diesem Mitarbeiter und damit dem Unternehmen nur sehr gering. Im Extremfall verlässt der Mitarbeiter das Unternehmen und nimmt das Wissen mit. Mit den genannten Lösungen bleibt das Wissen erhalten, der Zugriff steht offen und wird vereinfacht.</p>
<p>Web 2.0 steht aber vor allem für Kommunikation, für Gemeinsamkeit. Auch hier können Unternehmen profitieren, denn Web 2.0-Anwendungen erleichtern die Zusammenarbeit. Die Anwendungen laufen zentral und die Mitarbeiter können von verschiedenen Standorten darauf zugreifen. Alle Beteiligten können einfach und kontrolliert auf die Daten zugreifen, unabhängig von Ort und Zeit. Alle Mitarbeiter greifen auf gleiche Versionen zu. Inhalte lassen sich gemeinsam erstellen und bearbeiten. Alle Teilnehmer arbeiten immer mit der aktuellen Version und bekommen per Feed Information über die Aktualisierungen.</p>
<p><img class="alignright" src="http://bueltge.de/wp-content/images/web20unternehmen.png" alt="Web 2.0 Vorraussetzungen" />Um all diese Vorteile zu nutzen, bedarf es an einigen Vorraussetzungen. Im Web ist die Welt schnelllebiger und anpassbar. Das Unternehmen ist dagegen träge und bedarf klarer Strukturen.<br />
Deshalb sind folgenden Grundlagen zu schaffen und zu vereinbaren:</p>
<ul>
<li>Standards und Richtlinien definieren und einhalten</li>
<li>Berechtigungskonzepte festlegen</li>
<li>Verwaltung der Anwendungen regeln</li>
<li>Anwendungen in den täglichen Arbeitsprozess integrieren</li>
<li>Verbindung der Kommunikationskanäle schaffen</li>
<li>Einfache Bedienung um hohe Akzeptanz zu erzeugen</li>
<li>Hoher Bedienkomfort</li>
<li>Verschiedene Informationskanäle anbieten (z.B. Feed und Newsletter)</li>
<li>Bündelung der Suche über alle Anwendungen hinweg</li>
<li>Offenheit und Kritik unterstützen und die Kulter des Web 2.0 erzeugen – Kommunikation, Zusammenarbeit und Eigenverantwortung</li>
</ul>
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/herausforderung-web-20-im-unternehmen/436/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/herausforderung-web-20-im-unternehmen/436/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/blogkarneval3_156x60.gif" />
		<media:content url="http://bueltge.de/wp-content/images/blogkarneval3_156x60.gif" medium="image">
			<media:title type="html">Logo 3.Business Blog Karneval</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/images/web20unternehmen.png" medium="image">
			<media:title type="html">Web 2.0 Vorraussetzungen</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Web 2.0 Validator</title>
		<link>http://bueltge.de/web-20-validator/396/</link>
		<comments>http://bueltge.de/web-20-validator/396/#comments</comments>
		<pubDate>Thu, 01 Mar 2007 13:36:44 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Validator]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/web-20-validator/396</guid>
		<description><![CDATA[Validatoren sind für mich kein Fremdwort, ganz im Gegenteil, ich nutze sie gern. Aber bitte was soll ich mit einem Validator, der die Website auf Web 2.0 Umfang prüft? Soll ich das als Scherz verstehen, haben die Entwickler lange Weile? Bisher bewerte ich eine Website noch immer nach Inhalt, auch wenn sie noch so viele [...]]]></description>
			<content:encoded><![CDATA[<p>Validatoren sind für mich kein Fremdwort, ganz im Gegenteil, ich nutze sie gern. Aber bitte was soll ich mit einem <a href="http://web2.0validator.com/">Validator, der die Website auf Web 2.0</a> Umfang prüft? Soll ich das als Scherz verstehen, haben die Entwickler lange Weile?</p>
<p>Bisher bewerte ich eine Website noch immer nach Inhalt, auch wenn sie noch so viele Mashups nutzt und Funktionalitäten für den User bietet, die über schlechten Inhalt nicht hinweg täuschen. ich hoffe, dass solche Bewertungen nicht allzu ernst genommen werden - der Begriff Web 2.0 ist schon lange in der Diskussion und immer wieder flammt diese auf und nun sollen Siten auf Validität zum Begriff geprüft werden.</p>
<p>Augrund der Prüfung „JavaScript by Dreamweaver ?“ gehe ich also um so mehr davon aus, dass sich hier zwei Leute enorm langweilen und ein derartigen Projekt starten.  Und deshalb stören mich <a href="http://web2.0validator.com/?url=http%3A%2F%2Fbueltge.de%2F">17 von 64 Punkten</a> überhaupt nicht.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/web-20-validator/396/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/web-20-validator/396/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>script.aculo.us Effekte in WordPress Themes integrieren</title>
		<link>http://bueltge.de/scriptaculous-effekte-in-wordpress-themes-integrieren/377/</link>
		<comments>http://bueltge.de/scriptaculous-effekte-in-wordpress-themes-integrieren/377/#comments</comments>
		<pubDate>Fri, 02 Feb 2007 06:52:45 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[Tipps]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[script.aculo.us]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[WP]]></category>

		<guid isPermaLink="false">http://bueltge.de/scriptaculous-effekte-in-wordpress-themes-integrieren/377</guid>
		<description><![CDATA[In einem kleinen Tutorial soll es diesmal darum gehen, wie man die Effekte von script.aculo.us in ein WordPress-Theme einbindet. Eine ganze Reihe schöner Effekte kann man sich auf der Demo-Site der Library ansehen. Man sollte allerdings erwähnen, dass script.aculo.us nicht unbedingt die schlankeste der JS-Bibliotheken ist, aber ich habe mich dafür entschieden, da ich schon seit einiger Zeit damit arbeite und somit die Doku kenne, leichter zurecht komme und weil sie bei WordPress seit V2.1 zum Standard gehört.]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" src="http://bueltge.de/wp-content/images/wp_js.png" alt="WordPress und JS" />In einem kleinen Tutorial soll es diesmal darum gehen, wie man die Effekte von <a href="http://wiki.script.aculo.us/">script.aculo.us</a> in ein WordPress-Theme einbindet. Eine ganze Reihe schöner Effekte kann man sich auf der <a href="http://wiki.script.aculo.us/scriptaculous/show/CombinationEffectsDemo">Demo-Site</a> der Library ansehen. Man sollte allerdings erwähnen, dass script.aculo.us nicht unbedingt die schlankeste der JS-Bibliotheken ist, aber ich habe mich dafür entschieden, da ich schon seit einiger Zeit damit arbeite und somit die Doku kenne, leichter zurecht komme und weil sie bei WordPress seit V2.1 zum Standard gehört.</p>
<p>Ich hoffe, dass damit einige Anfragen, die ich bezüglich dieses Themas bekommen habe, beantwortet sind.</p>
<p>Die populäre AJAX-Library ist schon recht lange auf dem Markt und seit der WordPress Version 2.1 ist sie standardmäßig mit eingebunden. Ab dieser neuen Version ist sie im Ordner wp-includes/js/ zu finden. Wer nun mit seinem Blog den Sprung auf die neue Version nicht durchgeführt hat, der sollte die nötigen Dateien unter diesem Pfad ablegen, so liegen in Zukunft bei einem Update keine doppelten Dateien auf dem Webspace.</p>
<p>Für unser kleines Tutorial, in dem ich nur auf den <a href="http://wiki.script.aculo.us/scriptaculous/show/Effect.ScrollTo">Scroll-Effekt</a> und den <a href="http://wiki.script.aculo.us/scriptaculous/show/Effect.SlideDown">Slide-Effekt</a> (auch Akkordeon-Effekt) eingehe, benötigen wir die prototype.js und scriptaculous/effects.js. Den Download gibt es unter folgenden Adressen: <a href="http://script.aculo.us/downloads">script.aculo.us</a> und <a href="http://prototypejs.org/">Prototype</a>, oder die aktuelle <a href="http://wordpress-deutschland.org/download/">WordPress-Version</a> downloaden und die beiden Dateien aus dem js-Verzeichnis holen.</p>
<p>Im WordPress-Verzeichnis sieht es nun so aus:</p>
<p>-- wp-admin/<br />
-- wp-content/<br />
-- wp-includes/<br />
|---- js/<br />
|------ prototype.js<br />
-- wp-includes/<br />
|---- js/<br />
|------ scriptaculous/<br />
|-------- effects.js<br />
-- ...</p>
<p>Das ganze Tutorial lasse ich unter <a href="http://www.apachefriends.org/de/xampp.html">XAMPP</a> laufen, also lokal - damit kann man einfach besser experimentieren, ohne das der Leser des Weblogs etwas bemerkt. Wie man WordPress lokal auf XAMPP laufen läßt, erklärt Olaf im deutschen <a href="http://blog.wordpress-deutschland.org/2006/03/15/wordpress-unter-xampp-installieren.html">WordPress-weblog</a> ausgezeichnet.</p>
<h3>Einbinden der JS-Files</h3>
<p>Als erstes müssen die beiden Dateien eingebunden werden, denn sonst können wir nicht auf die Funktionen der Library zugreifen.<br />
Dazu bearbeiten wir die Daten im Header. In den meisten Themes gibt es eine eigene Datei dafür - header.php. Wo diese fehlen sollte, werden die Daten sicherlich mit in der index.php stehen.<br />
Im Header, Abschnitt <em>head</em>, hinterlassen wir nun folgende Zeilen.</p>
<pre><code>
&lt;script src="&lt;?php bloginfo('url'); ?&gt;/wp-includes/js/scriptaculous/prototype.js" type="text/javascript"&gt;&lt;!--mce:0--&gt;&lt;/script&gt;
&lt;script src="&lt;?php bloginfo('url'); ?&gt;/wp-includes/js/scriptaculous/scriptaculous.js" type="text/javascript"&gt;&lt;!--mce:1--&gt;&lt;/script&gt;
</code></pre>
<p>Dazu folgender <strong>Hinweis</strong> - man kann bei scriptaculous alle Bibliotheken laden, wie im obigen Code, oder man lädt auch nur einzelne, die man benötigt. So wird die Größe der zu ladenden Daten doch erheblich reduziert. Kann man sich übrigens sehr schön mit <a href="http://bueltge.de/firefox-add-on-firebug-fuer-webentwickler-ein-muss/294">Firebug</a> im Firefox ansehen.<br />
Da wir für das Tutorial nur die Bibliothek der Effekte benötigen, ändern wir den Link ab - ?load=effects.</p>
<pre><code>
&gt;script src="&lt;?php bloginfo('url'); ?&gt;/wp-includes/js/scriptaculous/scriptaculous.js?load=effects" type="text/javascript"&gt;&gt;!--mce:2--&gt;&gt;/script&gt;
</code></pre>
<p>Bei Verwendung mehrerer Scripte, kann man diese auch bündeln, einfach mit Komma.</p>
<pre><code>
&lt;script src="&amp;lt;?php bloginfo('url'); ?&amp;gt;/wp-includes/js/scriptaculous/scriptaculous.js?load=effects,slider" type="text/javascript"&gt;&lt;/script&gt;
</code></pre>
<p>Derzeit stehen folgende Möglichkeiten bereit:</p>
<ul>
<li>builder</li>
<li>effects</li>
<li>dragdrop</li>
<li>controls</li>
<li>slider</li>
</ul>
<p>Nun haben wir zwar das Weblog mit den Librarys ausgestattet, nun wollen wir sie aber auch nutzen. Deshalb binden wir nun <strong>am Beispiel der Kommentare</strong> das Öffnen und Schließen des Kommentar-Abschnittes ein. Die Einbindung kann man natürlich auch an jedem anderen Bereich vornehmen. Wissen muss man, dass man folgende Tags mit der Library ansprechen kann - es muss also keine div-Wahn entstehen.</p>
<h3>Mögliche xHTML-Elemente:</h3>
<ul>
<li>address</li>
<li>blockquote</li>
<li>body</li>
<li>dd</li>
<li>div</li>
<li>dl</li>
<li>dt</li>
<li>fieldset</li>
<li>form</li>
<li>frame</li>
<li>frameset</li>
<li>h1, h2, h3, h4, h5, h6</li>
<li>iframe</li>
<li>noframes</li>
<li>object</li>
<li>p</li>
<li>ol, ul, li</li>
<li>applet</li>
<li>center</li>
<li>dir</li>
<li>hr</li>
<li>menu</li>
<li>pre</li>
</ul>
<h3>Button/ Link zum Öffnen/ Schließen hinzufügen</h3>
<p>Dazu bearbeiten wir die comments.php und erweitern den Bereich der Ausgabe, wenn es Kommentare gibt, dann ist der Link da. Sucht dazu die Abfrage</p>
<pre><code>
&lt;?php if ($comments) : ?&gt;
</code></pre>
<p>In den meisten Templates steht danach die Ausgabe, um wieviel Kommentare es sich handelt. davor setzen wir nun einen Link, der das ID der Kommentarliste anspricht.</p>
<pre><code>
&lt;a href="#" onclick="Effect.toggle('commentlist', 'slide', {duration:0.5}); return false;"&gt;Hier Klicken&lt;/a&gt;
</code></pre>
<p>In meinem Beispiel sieht es nun folgendermaßen aus:</p>
<pre><code>
. . .
&lt;?php if ($comments) : ?&gt;
	&lt;a href="#" onclick="Effect.toggle('commentlist', 'slide', {duration:0.5}); return false;"&gt;Hier Klicken&lt;/a&gt;
	&lt;h3 id="comments"&gt;&lt;?php comments_number('Keine Reaktion', 'Eine Reaktion', '% Reaktionen' );?&gt; zu “&lt;?php the_title(); ?&gt;”&lt;/h3&gt;

	&lt;ol class="commentlist" id="commentlist"&gt;

	&lt;?php foreach ($comments as $comment) : ?&gt;

		&lt;li class="&lt;?php echo $oddcomment; ?&gt;" id="comment-&lt;?php comment_ID() ?&gt;"&gt;
. . .
</code></pre>
<p>Wir wollen die Liste <strong>ol</strong> Öffnen und Schließen lassen, somit müssen wir ID <strong>commentlist</strong> ansprechen.</p>
<h3>Erläuterungen zum Code</h3>
<p>Nun nochmal ein wenig Erläuterung zum Link, der uns das Öffnen/ Schließen erlaubt. Der Link funktioniert nur unter aktivem JavaScript, klar, denn es handelt sich um eine JS-Library. Deshalb immer überlegen, wie binde ich es ein, so dass auch User ohne JS die Inhalte lesen können. Im bisherigen Beispiel ist das kein Problem, da die Inhalte ersteinmal da sind und nur geschlossen werden, wenn der user den Link benützt.<br />
Wichtig ist onclick, denn diese Anweisung sagt uns, auf wleche ID, welcher Effekt, welche Optionen angesprochen werden sollen. Im Beispiel-Link sprechen wir <em>Effekt.toggle</em> an, ID <em>commentlist</em>, Effekt <em>slide </em>mit Option <em>duration</em> und einem Zeitwert <em>0,5</em>.<br />
Als Effekte für toggle kann genauso blind oder appear verwendet werden, aber dazu mehr in der <a href="http://wiki.script.aculo.us/scriptaculous/show/Effect.toggle">Dokumentation von scriptaculous zu effekt.toggle</a>.<br />
Der Code kann auf jeden beliebigen Effekt angewandt werden, dies war nur ein Beispiel, ebenso können mehrere Effekte miteinander kombiniert werden. Das Kombinieren wollen wir nun am <strong>Beispiel scrollto</strong> durchführen.</p>
<h3>Kombination ScrollTo und SlideDown</h3>
<p>Um diese Möglichkeit zu demonstrieren, werden wir die single.php bearbeiten. Im obersten Bereich eines Beitrags hinterlegen wir einen Link, der uns zu den Kommentaren bringt und dabei die Kommentare öffnet. Das Öffnen eines Bereiches macht man unter anderem mit <em>SlideDown</em>, mit toggle werden, ja nach Zustand geöffnet und geschlossen - in diesem Fall also unbrauchbar.</p>
<p>Ich hinterlege nun einen zusätzlichen Link unterhalb der Überschrift h3.</p>
<pre><code>&lt;a href="#commentlist" onclick="new Effect.ScrollTo('commentlist', {offset: -14}); Effect.SlideDown('commentlist', {duration:0.5}); return false;" &gt;Zu den Kommentaren&lt;/a&gt;</code></pre>
<p>Damit entsteht ein Link „Zu den Kommentaren“, der bei Klick die beiden Effekte scrollTo und slideDown ausführt. Für Attribut href vergebe ich in diesem Fall auch nochmal die ID, damit bei deaktiviertem JavaScript trotzdem der Sprung zu den Kommentaren stattfindet.</p>
<p>Der zweite Effekt ist dabei nicht besonders sinnvoll, da die Liste der Kommentare in der Regel bereits offen sein sollte, es sei denn, ein Leser hat zuvor den anderen Link aus Beispiel 1 benutzt. Man kann allerdings auch direkt beim Laden des Beitrags, der Seite, mit Hilfe von <em>onload</em> eine Funktion aufrufen und den Bereich sofort schließen. Außerdem kann der Bereich mit Hilfe von CSS geschlossen gehalten werden. Beide Beispiele im folgenden.</p>
<h3>Bereiche unsichtbar machen, per CSS und JS</h3>
<p>Als erstes die einfachere Variante, per <strong>CSS</strong>. Mit Hilfe von <em>display</em> blenden wir den Bereich <em>ol</em> aus.<br />
Dazu wieder die comments.php bearbeiten und die Zeile mit ol suchen. Diese um folgende Anweisung erweitern.</p>
<pre><code>style="display: none;"</code></pre>
<p>Damit sieht der Code aus dem ersten Beispiel folgendermaßen aus.</p>
<pre><code>
. . .
&lt;?php if ($comments) : ?&gt;
	&lt;a href="#" onclick="Effect.toggle('commentlist', 'slide', {duration:0.5}); return false;"&gt;Hier Klicken&lt;/a&gt;
	&lt;h3 id="comments"&gt;&lt;?php comments_number('Keine Reaktion', 'Eine Reaktion', '% Reaktionen' );?&gt; zu “&lt;?php the_title(); ?&gt;”&lt;/h3&gt;

	&lt;ol class="commentlist" id="commentlist" style="display: none;"&gt;

	&lt;?php foreach ($comments as $comment) : ?&gt;

		&lt;li class="&lt;?php echo $oddcomment; ?&gt;" id="comment-&lt;?php comment_ID() ?&gt;"&gt;
. . .
</code></pre>
<p>Diese Möglichkeit hat den Nachteil, dass bei deaktiviertem JavaScript die Kommentare nie zu lesen sind. Deshalb im Firefox das AddOn <a href="http://noscript.net/">NoScript</a> installieren und damit mal die Site besuchen.</p>
<p>Deshalb nun die Varinate per <strong>JS</strong>. Dazu erweitern wir die header.php um ein wenig JavaScript.</p>
<pre><code>
&lt;script type="text/javascript"&gt;
&lt;!--
function init_effect() {
	Effect.SlideUp('commentlist', {duration:1});
}
//--&gt;
&lt;/script&gt;
</code></pre>
<p>Der Effekt <em>slideUp</em> wird benutzt und schließt den Bereich mit ID <em>commentlist</em>.</p>
<p>Die entstanden Funktion müssen wir nun nur noch aufrufen, und zwar dann, wenn die Seite geladen wird. Also <em>onload</em> nutzen und die Funktion <em>init_effect</em> aufrufen, im <em>body</em>-Tag.</p>
<pre><code>&lt;body onload="init_effect();"&gt;</code></pre>
<p>Wenn man nun die Seite neu lädt, dann wird visuell der Bereich <em>ol</em> mit ID <em>commentlist</em> geschlossen. Ein Klick auf den Link unter der Überschrift öffnet und diesen Bereich und scrollt direkt zum ersten Kommentar.</p>
<p>Nachteil: Wenn man mehrer Scripte mit onload starten will, so ist dies so nicht möglich, dann muss man eine andere Lösung nutzen. Dazu vielleicht in einem weiteren Artikel mehr, wenn gewünscht und Interesse besteht.</p>
<h3>Fazit:</h3>
<p>Nun einfach mal die Doku von scriptaculous nutzen und spielen. Es ist eine Vielzahl von Effekten möglich. Ob das Blog damit Web 2.0 ist, weiß ich nicht, aber es ist ein Mehrwert, den man nutzen kann und wenn man es geschickt einbaut, dann ist alles auch ohne aktives JavaScript nutzbar - und das sollte sein.<br />
Ein Hinweis, will man einen weiteren Mehrwert an den User übergeben, so kann man in einem Cookie speichern, welche Bereiche der Leser geöffnet bzw. geschlossen haben will. Beim nächsten Besuch findet dann der Leser alles in seiner beliebten Form wieder. Dazu gibt es eine <a href="http://www.davadda.de/2006/09/20/cookie-gesteuertes-ein-und-ausblenden-von-seitenelementen/">Script und Tutorial von Dominik Gesthuysen</a>.</p>
<h3>Weiterführende Links:</h3>
<ul>
<li><a href="http://www.lemme.at/tutorials/scriptaculous/index.html">Scriptaculous Tutorial Effekte</a></li>
</ul>
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/scriptaculous-effekte-in-wordpress-themes-integrieren/377/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/scriptaculous-effekte-in-wordpress-themes-integrieren/377/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/wp_js.png" />
		<media:content url="http://bueltge.de/wp-content/images/wp_js.png" medium="image">
			<media:title type="html">WordPress und JS</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>AJAX-typischer Ladebalken gesucht?</title>
		<link>http://bueltge.de/ajax-typischer-ladebalken-gesucht/346/</link>
		<comments>http://bueltge.de/ajax-typischer-ladebalken-gesucht/346/#comments</comments>
		<pubDate>Fri, 05 Jan 2007 11:24:29 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Webküche]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Loader]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/ajax-typischer-ladebalken-gesucht/346</guid>
		<description><![CDATA[Das ist nun eine leichte Aufgabe, denn auch dafür gibt es, im typischen Web 2.0 Stil (Beta), einen Generator - Ajaxload, der einem die unterschiedlichsten Loading-Images erstellt. Von dieser Art Service wünsche ich mir mehr. &#169; Frank B&#252;ltge, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8) Danke für das Abonnieren meines Feed! Inhalt gefällt? [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" src="http://bueltge.de/wp-content/images/ajax-loader.gif" alt="Loader" />Das ist nun eine leichte Aufgabe, denn auch dafür gibt es, im typischen Web 2.0 Stil (Beta), einen Generator - <a href="http://www.ajaxload.info/">Ajaxload</a>, der einem die unterschiedlichsten Loading-Images erstellt.</p>
<p>Von dieser Art Service wünsche ich mir mehr.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/ajax-typischer-ladebalken-gesucht/346/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/ajax-typischer-ladebalken-gesucht/346/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/ajax-loader.gif" />
		<media:content url="http://bueltge.de/wp-content/images/ajax-loader.gif" medium="image">
			<media:title type="html">Loader</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Webbasierender Quelltexteditor mit Syntaxhighlighting</title>
		<link>http://bueltge.de/webbasierender-quelltexteditor/310/</link>
		<comments>http://bueltge.de/webbasierender-quelltexteditor/310/#comments</comments>
		<pubDate>Thu, 14 Dec 2006 13:38:12 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Code]]></category>
		<category><![CDATA[PHP]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Editor]]></category>
		<category><![CDATA[Tool]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/webbasierender-quelltexteditor/310</guid>
		<description><![CDATA[Einen Quelltexteditor im Browser ist heute nichts mehr besonders, kommt nun aber ein gutes Händling und Syntaxhighlighting hinzu, dann ist das schon was besonderes - CodePress. Alex King weist auf diesen Editor hin und da er zum Urgestein von WordPress gehört, denke ich mal, dass die Hoffnung vom Autor des Editors CodePress aufgeht: I hope [...]]]></description>
			<content:encoded><![CDATA[<p>Einen Quelltexteditor im Browser ist heute nichts mehr besonders, kommt nun aber ein gutes Händling und Syntaxhighlighting hinzu, dann ist das schon was besonderes - <a href="http://codepress.fermads.net/">CodePress</a>.<br />
<a href="http://alexking.org/blog/2006/12/13/codepress">Alex King</a> weist auf diesen Editor hin und da er zum Urgestein von WordPress gehört, denke ich mal, dass die Hoffnung vom Autor des Editors <a href="http://codepress.fermads.net/">CodePress</a> aufgeht:</p>
<blockquote><p>I hope the guys at WordPress don't get mad at me <img src='http://bueltge.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p></blockquote>
<p><cite><a href="http://codepress.fermads.net/">codepress.fermads.net</a></cite></p>
<p><a href="http://codepress.fermads.net/">CodePress</a> kann Syntaxhervorhebung und unterstützt dabei Java, PHP, JavaScript, Perl, HTML and CSS. Weitere Sprachen (C, C++, Python, Ruby and ASP) sind in Vorbereitung.<br />
Die Einbindung ist ebenso auf der Site erklärt. Der Download kann auch mit Beispieldaten erfolgen.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/webbasierender-quelltexteditor/310/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/webbasierender-quelltexteditor/310/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Microsoft und das Online-Office</title>
		<link>http://bueltge.de/microsoft-und-das-online-office/271/</link>
		<comments>http://bueltge.de/microsoft-und-das-online-office/271/#comments</comments>
		<pubDate>Fri, 10 Nov 2006 14:30:14 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[Microsoft]]></category>
		<category><![CDATA[Office]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/microsoft-und-das-online-office/271</guid>
		<description><![CDATA[Seite geraumer Zeit gibt es Docs &#038; Spreadsheets von Google auf dem offenen Markt und eigentlich warten Anwender auf das Gegenangebot von Mircosoft. Aber Microsoft hält sich zurück und wartet ersteinmal ab und verfolgt die Entwicklung genaustens. Eine Onlineversion der Office Suite ist für uns heute nicht interessant, da noch nicht davon ausgegangen werden kann, [...]]]></description>
			<content:encoded><![CDATA[<p>Seite geraumer Zeit gibt es <a href="http://docs.google.com">Docs &#038; Spreadsheets</a> von Google auf dem offenen Markt und eigentlich warten Anwender auf das Gegenangebot von Mircosoft.<br />
Aber Microsoft hält sich zurück und wartet ersteinmal ab und verfolgt die Entwicklung genaustens.</p>
<blockquote><p>Eine Onlineversion der Office Suite ist für uns heute nicht interessant, da noch nicht davon ausgegangen werden kann, dass ein Benutzer immer eine Internetverbindung verfügbar hat.</p></blockquote>
<p><cite>Baris Cetinok, Leiter Produktmanagement bei Microsofts Information Worker Group</cite></p>
<p>Sicher muss sich da Microsoft noch keine Sorgen machen, denn Office ist weit verbreitet und noch können Webangebote nicht den Umfang an Möglichkeiten erreichen. Somit ist derzeit sicher keine Produkt in Sicht, was der Office Suite Konkurrenz macht. Aber schauen wir mal, nicht umsonst testet Microsoft seine neu vorgestellte <a href="http://officelive.microsoft.com/">Office Suite als Onlineversion</a>. Wobei es sich beim Angebot „Office Live“ nicht um ein Internet-Office, sondern um eine Sammlung von nützlichen Online-Tools für kleine und mittlere Unternehmen handelt.</p>
<p>Äußerungen von Microsofts Firmengründer Bill Gates deuten jedoch darauf hin, dass Microsoft das Vorgehen des Konkurrenten mit Aufmerksamkeit verfolgt. So deutete Gates in einem Pressegespräch an, dass auch Microsoft die Einführung einer Internetversion von Bestandteilen der Office Suite erwägt. Man will damit keine Alternative zu der bisherigen Vollversion schaffen, aber man können es mit einem Online-Angebot Benutzern leichter machen, von jedem beliebigen Rechner aus auf ihre Arbeit zuzugreifen.</p>
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/microsoft-und-das-online-office/271/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/microsoft-und-das-online-office/271/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>RSS-Feed nicht missbrauchen</title>
		<link>http://bueltge.de/rss-feed-nicht-missbrauchen/269/</link>
		<comments>http://bueltge.de/rss-feed-nicht-missbrauchen/269/#comments</comments>
		<pubDate>Thu, 09 Nov 2006 11:06:47 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Feed]]></category>
		<category><![CDATA[RSS]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/rss-feed-nicht-missbrauchen/269</guid>
		<description><![CDATA[Bild: Jean von Oertzen Der RSS-Feed ist perfekt um Nachrichten zu verteilen, leider sehen das auch Marketingspezialisten so. Dieses wollen gern Werbung im Feed unterbringen. Einige Blogger aus der WordPress-Szene Deutschland habe auch dies schon versucht. Aber aufpassen, damit begibt man sich schnell auf Glatteis, denn der Feed ist für die schnelle und gezielte Übermittlung [...]]]></description>
			<content:encoded><![CDATA[<dl class="ImgRight">
<dt><img src="http://bueltge.de/wp-content/images/rss-news.gif" alt="RSS-News" title="Bildchen stammt vom RSS-Icon Wettbewerb von web.de" /></dt>
<dd><em>Bild: Jean von Oertzen</em></dd>
</dl>
<p>Der RSS-Feed ist perfekt um Nachrichten zu verteilen, leider sehen das auch Marketingspezialisten so. Dieses wollen gern Werbung im Feed unterbringen. Einige Blogger aus der WordPress-Szene Deutschland habe auch dies schon versucht. Aber aufpassen, damit begibt man sich schnell auf Glatteis, denn der Feed ist für die schnelle und gezielte Übermittlung von Inhalten erfunden und ist dadurch auch so populär geworden. Baue ich nun unnötigen Content, also zum Beispiel Werbung, in den Feed, so werden sicher einige Leser verärgert sein und den Feed aus ihren Abonnements entfernen.</p>
<blockquote><p>RSS-Feeds sind wie personalisierte Zeitungen</p></blockquote>
<p>Mit einem RSS-Feed kann man eine gezielte Gruppe ansteuern und damit auch entsprechende Werbung. Aus Sicht des Anwenders wird der Feed allerdings deshalb bezogen, weil er gezielt Informationen zum Thema sucht. Genau deshalb gibt es ja auch Services, bei denen ich mir anhand von Tags einen entsprechenden Feed zusammen stelle und diesen dann lese. Kommt nun die Werbung ins Spiel, so unterscheidet sich der Inhalt nur wenig von der eigentlichen Webseite.<br />
Einige Browser haben Filter, bzw. lassen sich Filter mit Hilfe von Extensions nachrüsten, um gezielt Werbung bzw. nicht willkommener Content auszublenden (z.B. Adblcok für Firefox). Dieses Möglichkeit besteht bei einem Feed nicht. Ich kann also nicht filtern. Der Feed würde missbraucht, wenn man Werbung in den Feed integriert und dagegen sollte man vorgehen. Der Feed gibt mir als User die Möglichkeit, mich von unnötigen Ballast an Daten zu verabschieden. Es wäre garnicht möglich, alle Seiten, die ich per RSS-Feed lese, im Browser zu besuchen und die interessanten Inhalte zu suchen.</p>
<blockquote><p>Technisch gesehen ist RSS eine Familie von XML-basierten Dateiformaten. Die Abkürzung RSS hat in den verschiedenen technischen Spezifikationen eine unterschiedliche Bedeutung</p></blockquote>
<p>Mittels RSS-Feed hole ich mir gezielt Informationen. Kommt nun Werbung in einem Feed vor, ist das genau das Gegenteil von dem, was ich wollte.<br />
In diesem Sinne hoffe ich, dass dies sehr viele Anwender genauso denken und es unterstützen, dass der RSS-Feed werbefrei bleibt und der puren Informationsübermittlung dient- reine Abonnements von Inhalten, von Wissen.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/rss-feed-nicht-missbrauchen/269/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/rss-feed-nicht-missbrauchen/269/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/rss-news.gif" />
		<media:content url="http://bueltge.de/wp-content/images/rss-news.gif" medium="image">
			<media:title type="html">Bildchen stammt vom RSS-Icon Wettbewerb von web.de</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Web 2.0 wird falsch verstanden</title>
		<link>http://bueltge.de/web-20-wird-falsch-verstanden/268/</link>
		<comments>http://bueltge.de/web-20-wird-falsch-verstanden/268/#comments</comments>
		<pubDate>Thu, 09 Nov 2006 08:24:21 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/web-20-wird-falsch-verstanden/268</guid>
		<description><![CDATA[Vor eineigen Tagen habe ich einige Gedanken zum Schlagwort „Web 2.0 und die großen IT-Anbieter“ veröffenlicht. Da habe ich mich darüber ausgelassen, wie Unternehmen und ECM-Systemanbieter sich mit der Idee des Web 2.0 auseinander setzen sollten und so ihre Produkte und Plattformen verbessern könnten. Nun habe ich eine Einladung zur ECM in Frankfurt bekommen, eine [...]]]></description>
			<content:encoded><![CDATA[<p>Vor eineigen Tagen habe ich einige Gedanken zum Schlagwort „<a href="http://bueltge.de/web-20-und-die-it-anbieter/261">Web 2.0 und die großen IT-Anbieter</a>“ veröffenlicht. Da habe ich mich darüber ausgelassen, wie Unternehmen und ECM-Systemanbieter sich mit der Idee des Web 2.0 auseinander setzen sollten und so ihre Produkte und Plattformen verbessern könnten.<br />
Nun habe ich eine Einladung zur <a href="http://www.computerwoche.de/zone/ecm/">ECM</a> in Frankfurt bekommen, eine Veranstaltung, die von der <a href="http://www.computerwoche.de/">Computerwoche</a> und der <a href="http://www.idg-veranstaltungen.de/index.cfm">IDG</a> veranstaltet wurde. Dort konnte ich unter anderem neue Lösungen von Microsoft und IBM sehen, die sich mit dem Thema Portal und ECM beschäftigen. Gut gefallen hat mir auch eine Lösung von <a href="http://www.pironet-ndh.com">PIRONET NDH</a>, die auf dem SAP Portal aufsetzt und dieses Portal um CMS und weiter Funktionen erweitert.<br />
Aber darum soll es in diesem Beitrag nicht gehen, sondern wieder mal um das Thema Web 2.0 .<br />
Vorerst denke ich, dass es im Bereich WebDesign und Blogszene sicher ausreichend Kenntnis zum Thema gibt, aber es wird auch unterschiedlich viel in dieses Schlagwort, welches doch verschieden Ideen verbindet, interpretiert.<br />
Der „gemeine Anwender“ hat vom diesem Begriff noch nie gehört und muss erst nachschlagen, worum es sich dabei handelt. Deshalb nun hier mein Verständnis von Web 2.0 und der „neue“ Bezug in der IT-Welt.</p>
<blockquote><p>Tim O’Reilly prägte für diesen zweiten, von vielen unbemerkten Internet-Boom den Begriff “web 2.0″.</p></blockquote>
<p><cite>web-zweinull.de</cite></p>
<p>Immer wieder liest man, Web 2.0 sind neue Technologien, Techniken wie AJAX, Mashups oder API. Aber genau dies ist falsch! Derartige Anwendungen gab es auch schon im „Web 1.0“ und wird es auch in Zukunft geben, wenn auch in veränderter Form, denn auch diese Techniken entwickeln sich weiter. Das Web 2.0 ist doch Kommunikation, der Austausch von Inhalt – Content im modernen Sprachgebrauch. Kommunikation zwischen unterschiedlichen Websiten, Betreibern und Services.<br />
<em>Ein einfaches Beispiel für Web 2.0:</em> Zum Beispiel verstehe ich die Kommentarfunktion, die jede bessere Blogsoftware anbietet, als Web 2.0, denn sie ermöglicht die Kommunikation zwischen verschiedenen Personen. Web 2.0 ist das „MitMachWeb“ - es entsteht Content, ohne dass der Autor etwas dafür machen muss.<br />
<em>Früher war es doch so:</em> der Webmaster hat Content in statische Seiten abgelegt und dann hat man es gelesen oder nicht. Im besten Fall gab es Diskussionen per eMail oder in einem Forum dazu. Oft hat davon der Autor nichts mitbekommen, wenn er nicht ständig seine Backlinks ausgelesen hat. Schade, denn genau das ist doch die Idee des Internets. Ich will nicht nur Content publizieren, ich will diskutieren und damit den Content verbessern.<br />
<em>Ein weiteres Beispiel:</em> Wurde die statische Seite nun online gestellt, so hat man mit ein wenig Glück nach einiger Zeit einen Crawler auf der Seite und wird gegebenenfalls über Suchmaschinen gefunden. Es können also nur relativ wenige User in den Weiten des WWW von der Site wissen.<br />
Mit Web 2.0 kann man seinen Inhalt an entsprechende Services melden – pingen. Damit wird die Website des Pingdienstes gefüllt und User erfahren vom neuen Content. Somit nutzen zwei Gruppen diese Technik. Der Pingservices füllt seine Seite mit Inhalt und der Autor der neuen Seite bekommt eventuell Besucher. Natürlich gehört mehr als ein Ping dazu um mehr Besucher zu bekommen, aber die Vorraussetzungen, an mehr Besucher zu kommen, sind damit viel besser.</p>
<p>Im Weiteren kann man viele andere Anwendungen aus diesem Content generieren, den Leser von Websiten hinterlassen. Über die Funktionen des Taggings kann man zum Beispiel Content dynamisch erzeugen. Ein bekanntes Beispiel dazu ist Amazon – dort können Leser Kritiken zu Produkten hinterlassen und auf der amerikanischen Version kann man zusätzlich Tags vergeben. Aus diesen Tags werden dynamische Inhalte geladen, beispielsweise Bücher, die sich mit den passenden Themen befassen. Es entsteht ein Mehrwert für den Besucher. Und ist es nicht das, was Websitenbetreiber wollen – der Besucher soll bleiben. Mit diesem „angepassten“ Content kann ich den Leser an die Website binden, denn er findet passende Themen.</p>
<p>Was hat dies nun mit den Großen in der IT-Welt zu tun. Nun, die meisten Unternehmen wollen innovative Ideen, wollen neue und bessere Produkte verkaufen – dies erreichen sie durch gute Mitarbeiter, aber auch durch die gemeinsame Arbeit, durch Teamwok. Einzelkämpfer könne auf lange Sicht nicht führend bleiben. Das Know-How steckt in den  Mitarbeitern, nur wie soll man dieses Wissen bündeln. Es ist nun mal schlecht möglich alle Mitarbeiter an einen gemeinsamen Tisch zu holen und den Wissenstand zu teilen, und das auch noch regelmäßig.<br />
Genau hier setzt die Idee von Web 2.0 an – Kommunikation. Web 2.0 ist nicht nur Mitmachen im Internet, es kann genauso im Intranet des Unternehmens stattfinden. Ich bündele durch Kommunikation und Diskussion den größten Schatz eines Unternehmens, das Wissen der Mitarbeiter.</p>
<blockquote><p><strong>Customer Self Service 2.0 - Auf dem Weg zur besseren Kundenkommunikation</strong><br />
Immer komplexere Prozesse werden auf Websites abgebildet und sollen von Kunden intuitiv durchgeführt werden können. Statische Webistes sind dazu nicht in der Lage und mit den „neuen“ Technologien sind bessere Interaktionserlebnisse möglich. Durch AJAX und moderne Technikstandards lassen sich neue Wege beschreiten, die die Benutzerfreundlichkeit der Website optimieren und damit den Kunden zum gewünschten Ziel führen.</p></blockquote>
<p>Ideen, die ich schon im Artikel „<a href="http://bueltge.de/web-20-und-die-it-anbieter/261">Web 2.0 und die großen IT-Anbieter</a>“ angesprochen habe, könnten für diese Konzentration von Wissen sorgen. Die IT-Bereiche müssten sich nur mit diesen Themen auseinandersetzen und die Möglichkeiten für ein „MitMachWeb“ schaffen.</p>
<p>Auf der ECM-Veranstaltung gab es einen solchen Vortrag und die anwesenden Besucher konnten erfahren, worum es im Web 2.0 geht. Der Referent wollte eigentlich erläutern, ob das Thema Web 2.0 eine Blase oder ein Business Modell ist. Leider ist der Vortrag nicht so gelungen und viele Zuhörer halten das Web noch immer für Spielplätze von Teenies und Blogger für Leute, die nicht wissen wohin mit ihrer Zeit. Trotzdem kam es zu kleinen Diskussionen und einige Besucher zeigten Interesse an der Idee von Web 2.0 – Kommunikation. Dabei konnte beispielsweise die Firma aus Redmond, Microsoft, mit ihrem SharePoint 2007 recht gut überzeugen. Denn da kann jeder Anwender eigene Inhalte erstellen und veröffentlichen. Verknüpfungen zu anderen Dokumenten, Inhalten und vielen anderen Daten können angelegt werden und ebenso lassen schnell andere Mitarbeiter einbinden. Die Kommunikation wird also gefördert. CMS fürs Web, CMS für Intranet und ECM werden miteinander verbunden. Ein tolle Idee, die Unternehmen aufgreifen sollten. Aber das ist nicht die Hauptaufgabe von SharePoint und somit wird hier nur am Rande gekratzt. Vor allem beim Einbinden von Informationen aus anderen Applikationen tut sich die Software schwer. </p>
<p>Web 2.0 ist nur ein Begriff – die Kommunikation sollte im Vordergrund stehen. Wird dies von den ITlern im Unternehmen verstanden, dann ist die Möglichkeit da, dass man das Wissen der Mitarbeiter kennt, bündelt und verwenden kann. Web 2.0 ist als Chance zu verstehen und vielleicht bringt es uns wieder zu den Anfängen des Internets, wo der Browser dem „Schreiben und Lesen“ mächtig waren (Vorgänger von Netscape und die eigentliche Idee des „Interneterfinders“ Tim Berners-Lee).</p>
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/web-20-wird-falsch-verstanden/268/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/web-20-wird-falsch-verstanden/268/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Web 2.0 und die IT-Anbieter</title>
		<link>http://bueltge.de/web-20-und-die-it-anbieter/261/</link>
		<comments>http://bueltge.de/web-20-und-die-it-anbieter/261/#comments</comments>
		<pubDate>Fri, 27 Oct 2006 12:39:36 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Entwicklung]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[API]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/web-20-und-die-it-anbieter/261</guid>
		<description><![CDATA[Schon mal aufgefallen, Web 2.0 ist ein Schlagwort und in aller Munde – aller Munde – wohl nicht ganz, denn des öfteren habe ich den Eindruck, dass gerade die „Großen“ der Branche sich nicht mit den neuen Technologien auseinandersetzen. Schade, denn gerade bei den Anwendungen im Unternehmen können AJAX, API und Mashups ihre Stärke ausspielen [...]]]></description>
			<content:encoded><![CDATA[<p>Schon mal aufgefallen, Web 2.0 ist ein Schlagwort und in aller Munde – aller Munde – wohl nicht ganz, denn des öfteren habe ich den Eindruck, dass gerade die „Großen“ der Branche sich nicht mit den neuen Technologien auseinandersetzen. Schade, denn gerade bei den Anwendungen im Unternehmen können AJAX, API und Mashups ihre Stärke ausspielen und Browseranwendungen werden zur Bedienerwohltat und die gesparte Zeit spart Geld. Unternehmen, die global aufgestellt sein wollen, sollten sich damit auseinandersetzen.  Web 2.0 mag nur ein Begriff sein, aber gibt Applikationen die Chance einfacher zu sein, nur ein Aufstellungsort, an dem die Software gepflegt werden muss, eine Zugriff für alle Nutzer. Sicher kann man das auch mit anderen Programmen machen, denke da an Serverfähige Tools, aber es gibt viele Anwendungen die einfach und gut über den Browser laufen können und sollten.</p>
<blockquote><p>Web 2.0 &#8211; ein Begriff, der durch Tim O&#8217;Reilly und Dale Dougherty greiert wurde. Sie veranstallteten im herbst 2004 eine Konferenz, die sich mit den neuen Trends und Möglichkieten im WWW befasste. Neue Iddeen, die nach der Dotcom-Blase im Mittelpunkt stehe sollten.</p></blockquote>
<blockquote><p>AJAX &#8211; Der Browser kann auf Benutzeraktionen reagieren, ohne die gesamte Seite neu zu laden.</p></blockquote>
<blockquote><p>Mashups &#8211; Viele Anwendungen des Web 2.0 basieren auf Open Source-Software (OSS), und haben offene Schnittstellen (APIs) mit denen mehrere Angebote miteinander verknüpft werden können. Beispiel: <a href="http://kvfl.com/wp/googlemap/">GoogleMap im eigenen Blog darstellen</a>.</p></blockquote>
<p>Der Trend sollte als Herausforderung gesehen werden. Besonders im Bereich Standardisierung, offener Datenaustausch und einfacher Zugriff eine Rolle spielen müssen Zeichensätze, Sprache, Optik und Zugriffsberechtigung geklärt werden. Probleme mit der Applikation, lokal, gibt es nicht mehr, was einen enormen Pflegeaufwand in Unternehmen bedeutet. Damit können Kosten gesenkt werden. Die verwendete Plattform ist egal, ich muss nicht für verschiedene Betriebssysteme entwickeln, geschweige denn verschiedene Versionen beachten. Der Versionsstand der Applikation ist überall gleich.<br />
Mietsoftware wird im IT-Bereich immer populärer, und unter dem Begriff SaaS (Software as a Service) gehört es zu den Begriffen des Web 2.0-Trends. Allerdings sehen Beobachter darin keine Zukunft, da oft komplizierte Lösungen gebraucht werden. Aber, wollen nicht gerade Firmen die Software vereinfachen, die Bedienung auf die Punkte beschränken, die vom Kunden benötigt werden. Der <a href="http://de.wikipedia.org/wiki/Apple_iPod">iPod</a> macht es vor, er ist erfolgreich, auch ohne Überflutung des Nutzers mit Möglichkeiten. Gerade im beruflichen Umfeld müssen immer mehr Programme beherrscht werden, da ist man dankbar für eine Vereinfachung und besonders im SAP-Bereich höre ich diese Anforderung ständig vom Anwender.</p>
<blockquote><p>SaaS &#8211; Provider stellen ihren Usern Applikationen bereit, die sie hosten und sich auf Zeitbasis (monatlich) bezahlen lassen. Verbesserungsvorschläge von Kunden fließen in das Produkt ein und alle Anwender profitieren davon.</p></blockquote>
<p>Das Internet als Plattform für Applikationen, als Betriebs- und Kommunikationsplattform ist auch für Unternehmen interessant und besonders der Bereich Vertrieb, wo viele Mitarbeiter an unterschiedlichen Standorten einen einfachen und einheitlichen Zugriff auf gemeinsame Daten benötigen, hätte viele Vorteile.<br />
Aber nicht nur der praktische Nutzen steigt mit Web 2.0 Technologien, sondern viele Applikationen könnten eine Veredelung und benutzerspezifische Bedienung gut gebrauchen. Dazu ist beispielsweise AJAX sehr gut geeignet. Populäre Seiten mit Web 2.0 Technologien, wie <a href="http://flickr.com/">Flickr</a> und <a href="http://www.ning.com/">Ning</a> oder personalisierte Startseiten aller <a href="http://www.google.de/ig?hl=de">Google</a> und <a href="http://pageflakes.com/">Pageflakes</a>, machen dies vor. Wäre doch schön, wenn man die Startseite des Unternehmens für sich als Mitarbeiter so konfigurieren könnte, dass ich die Informationen sehen, die ich benötige und nicht die, die Mitarbeiter für relevant halten.<br />
Aber Web 2.0 bedeutet auch, interaktive Anreicherung der Inhalte durch User, wie es zum Beispiel <a href="http://de.wikipedia.org/wiki/Hauptseite">Wikipedia</a> vormacht. Auch dies sind Ansätze, die einigen Unternehmen gut tun würden. Nicht nur ein einfaches Ideenmanagement, sondern interaktiv gestalten und so die Firma und den Mitarbeiter bereichern.<br />
Die Idee der personalisierten Startseite könnte im Unternehmen eine große Rolle spielen, hier können Gimmicks, wie die Anwesenheit von Mitarbeitern, bereitgestellt werden. Das eMail-Aufkommen könnte gesengt werden und Projekte, Arbeitsstände können mit vielen Kollegen geteilt werden.</p>
<blockquote><p>RSS &#8211; Really Simple Syndication ist eine Möglichkeit zur automatischen Verbreitung von Inhalten.</p></blockquote>
<p>Ähnliche Gedanken gibt es zum Thema RSS zu sagen. Auch davon können Unternehmen profitieren. Aber dazu habe ich mich in einem älteren Artikel schon mal ausgelassen &#8211; „<a href="http://bueltge.de/rss-im-unternehmen/199">RSS im Unternehmen</a>“. Viele Hintergründe und INformationen zum Thema RSS gibt Alp Uçkan in seinem Artikel „<a href="http://alp-uckan.net/free/wasistrss.htm">Was ist RSS</a>“.</p>
<p>Natürlich erinnern sich noch alle an die Dotcom-Blase und Dienstleister haben Angst vor falsch investierten Geldern. Eine abwertende Haltung ist zu spüren und damit stockt das Angebot im IT-Bereich. Ich wünsche mir eine schnelle Integration der Techniken in unsere Unternehmensanwendungen und damit eine Erleichterung der Tätigkeiten am Arbeitsplatz.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/web-20-und-die-it-anbieter/261/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/web-20-und-die-it-anbieter/261/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Webstandards in Deutschland</title>
		<link>http://bueltge.de/webstandards-in-deutschland/260/</link>
		<comments>http://bueltge.de/webstandards-in-deutschland/260/#comments</comments>
		<pubDate>Wed, 25 Oct 2006 09:33:19 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Semantik]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Webmontag]]></category>

		<guid isPermaLink="false">http://bueltge.de/webstandards-in-deutschland/260</guid>
		<description><![CDATA[Herzlichen Dank an das Team von Webstandards-Spezialisten in Deutschland und demjenigen, der mich dort vorgeschlagen hat. Nun bin ich also ein Spezialist im Bereich Webstandards in Deutschland. Den Feed habe ich schon lange abonniert und es gibt immer wieder interessante Beiträge zu Thema Webstandard, der sich ja leider nur schleppend in der breiten Masse durchsetzt. [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignright" src="http://bueltge.de/wp-content/images/kiwi-logo.gif" alt="Logo Webstandards in Deutschland" />Herzlichen Dank an das Team von <a href="http://www.webstandardsingermany.de">Webstandards-Spezialisten in Deutschland</a> und demjenigen, der mich dort vorgeschlagen hat.<br />
Nun bin ich also ein <a href="http://www.webstandardsingermany.de/2006/10/23/bueltgede-byltgede/">Spezialist im Bereich Webstandards in Deutschland</a>.<br />
Den Feed habe ich schon lange abonniert und es gibt immer wieder interessante Beiträge zu Thema Webstandard, der sich ja leider nur schleppend in der breiten Masse durchsetzt.</p>
<p>Bei einer Vorlesung an der <a href="http://www.fh-jena.de/">FH-Jena</a>, bei der ich eine Woche als Gastdozent eine Vorlesung zum Thema „Webdesign mit Webstandards“ hielt, habe ich die kritischen Argumente aufgenommen und versucht, die Studenten, welche im siebten Semester waren, die Vorteile der Trennung von Inhalt und Layout zu erläutern.<br />
Ich denke, dass es noch mehr Fans von Standards geben würde, wenn es besser von allen Browsern unterstützt würde und die Vorteile der breiten Masse zugänglich wären, also auch Kunden, die „nur“ das Produkt Website, egal wie, haben möchten.<br />
Bei der Abschlussveranstaltung, bei der die Studenten zeigen sollten, was sie gelernt hatten, war ich zumindest der Auffassung, dass sie meine Argumente verstanden haben und sie auch darlegen konnten. Auch die Ergebnisse konnten sich „programmiertechnisch“ sehen lassen. Die Semantik war gut, noch dazu, dass eine Woche für ein derart komplexes Thema doch ein wenig zu kurz ist.</p>
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/webstandards-in-deutschland/260/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/webstandards-in-deutschland/260/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/wp-content/images/kiwi-logo.gif" />
		<media:content url="http://bueltge.de/wp-content/images/kiwi-logo.gif" medium="image">
			<media:title type="html">Logo Webstandards in Deutschland</media:title>
		</media:content>
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>WebMontag in Jena</title>
		<link>http://bueltge.de/webmontag-in-jena/259/</link>
		<comments>http://bueltge.de/webmontag-in-jena/259/#comments</comments>
		<pubDate>Wed, 25 Oct 2006 06:50:15 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Allgemein]]></category>
		<category><![CDATA[Webküche]]></category>
		<category><![CDATA[Semantik]]></category>
		<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Webmontag]]></category>

		<guid isPermaLink="false">http://bueltge.de/webmontag-in-jena/259</guid>
		<description><![CDATA[Der zweite WebMontag in Jena, das Treffen in Mitteldeutschland für alle Interessierten zum Thema Web (im weitesten Sinne), steht an. Die erste Veranstaltung im letzten Jahr war ein voller Erfolg und ich werde mich in diesem Jahr der Zuhörerschaft anschließen. Vielleicht sieht man ja den einen oder anderen aus der WordPress-Szene in Thüringen. Mehr Informationen, [...]]]></description>
			<content:encoded><![CDATA[<p>Der zweite WebMontag in Jena, das Treffen in Mitteldeutschland für alle Interessierten zum Thema Web (im weitesten Sinne), steht an. Die erste Veranstaltung im letzten Jahr war ein voller Erfolg und ich werde mich in diesem Jahr der Zuhörerschaft anschließen.<br />
Vielleicht sieht man ja den einen oder anderen aus der WordPress-Szene in Thüringen. Mehr Informationen, Agenda und Anmeldung findet ihr im Wiki des <a href="http://www.webmontag.de/doku.php?id=jena">Web Montag's</a>.</p>
<p>Bisherige Themenvorschläge sind:</p>
<ul>
<li>Das SITEFORUM AJAX Framework</li>
<li>Networking mit openBC, myspace und Stayfriends</li>
<li>web 2.0 Businessmodelle</li>
<li>Jenaer Skillmatrix</li>
<li>web 2.0 Seiten und Infos im Netz</li>
<li>MS Vista / .Net3</li>
<li>Lokalisierung/Übersetzung for the Web</li>
</ul>
<p>Der WM02 findet am <em>20. November 2006 um 19.30 Uhr bei der TowerByte eG</em> (c/o Intershop Tower, Leutragraben 1, 07743 Jena) in der 29. Etage im IntershopTower statt.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/webmontag-in-jena/259/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/webmontag-in-jena/259/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>Dojo - wieder eine JavaScript Bibliothek</title>
		<link>http://bueltge.de/dojo-wieder-eine-javascript-bibliothek/247/</link>
		<comments>http://bueltge.de/dojo-wieder-eine-javascript-bibliothek/247/#comments</comments>
		<pubDate>Mon, 25 Sep 2006 13:59:55 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Webküche]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/?p=247</guid>
		<description><![CDATA[Eine relativ umfangreiches Javascript Framework ist Dojo, welches mittlerweile einige vielversprechende Demos vorliegen hat, die auch schnell benutzt sind. bei Dojo handelt es sich um ein Open Source DHTML Toolkit. Im Wiki von Dojo kann man sich über Hintergründe und zukünftige Projekte zum Thema informieren. Die Codebeispiele liegen übersichtlich vor und sind recht verständlich. Beim [...]]]></description>
			<content:encoded><![CDATA[<p>Eine relativ umfangreiches Javascript Framework ist <a href="http://dojotoolkit.org/">Dojo</a>, welches mittlerweile einige vielversprechende Demos vorliegen hat, die auch schnell benutzt sind. bei Dojo handelt es sich um ein Open Source DHTML Toolkit. </p>
<p>Im <a href="http://manual.dojotoolkit.org/WikiHome">Wiki</a> von Dojo kann man sich über Hintergründe und zukünftige Projekte zum Thema informieren. Die Codebeispiele liegen übersichtlich vor und sind recht verständlich. Beim Download sind alle Demos ebenso dabei, so dass man auch offline an seiner Web2.0 - Anwendung basteln kann.<br />
Im zugehörigen <a href="http://blog.dojotoolkit.org/">Blog</a> gibt es noch mehr Informationen und ständige News zum Projekt.</p>
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/dojo-wieder-eine-javascript-bibliothek/247/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/dojo-wieder-eine-javascript-bibliothek/247/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
		<item>
		<title>ZK - schönes OSS AJAX Framework</title>
		<link>http://bueltge.de/zk-schoenes-oss-ajax-framework/236/</link>
		<comments>http://bueltge.de/zk-schoenes-oss-ajax-framework/236/#comments</comments>
		<pubDate>Fri, 08 Sep 2006 11:12:01 +0000</pubDate>
		<dc:creator>Frank Bültge</dc:creator>
				<category><![CDATA[Webküche]]></category>
		<category><![CDATA[XML]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Web 2.0]]></category>

		<guid isPermaLink="false">http://bueltge.de/?p=236</guid>
		<description><![CDATA[Ajax Frameworks gibt es mittlerweile einige und alle haben ihre Vor- und Nachteile. Eine sehr umfangreiche Kollektion mit übersichtlicher Demo, bei der es zu jedem Beispiel den Code zu sehen gibt, und Dokumentation ist ZK. Dem Anwender wird versprochen, dass er wenig programmieren muss und es recht simpel in die Webanwendung zu integrieren ist. Dazu [...]]]></description>
			<content:encoded><![CDATA[<p>Ajax Frameworks gibt es mittlerweile einige und alle haben ihre Vor- und Nachteile.<br />
Eine sehr umfangreiche Kollektion mit übersichtlicher <a href="http://www.potix.com/zkdemo/userguide/">Demo</a>, bei der es zu jedem Beispiel den Code zu sehen gibt, und <a href="http://www.potix.com/doc.html">Dokumentation</a> ist <a href="http://www.potix.com">ZK</a>.<br />
Dem Anwender wird versprochen, dass er wenig programmieren muss und es recht simpel in die Webanwendung zu integrieren ist. Dazu gibt es eine kleines hello world Beispiel </p>
<pre><code>
&lt;window title=&quot;1st window&quot; border=&quot;normal&quot; width=&quot;200px&quot;&gt;
	Hello, World!
&lt;/window&gt;
</code></pre>
<p>und danach kann es dann umfangreicher weiter gehen.</p>
<p>Sicher ein Klick wert - <a href="http://www.potix.com">ZK</a>.<br />
<hr />
<p><img src="http://bueltge.de/favicon.ico" alt="bueltge.de Favicon"/> <small>&copy; <a href="http://bueltge.de/">Frank B&uuml;ltge</a>, All rights reserved / Alle Rechte vorbehalten. (ID: 6e8b33de4342c4f2ca76b245199aeee8)</small></p>
<p><a href="http://bueltge.de/feed/"><img style="border: medium none ; float: left; margin-right: 10px;" src="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" alt="Feed Icon" width="34" height="34" /></a>Danke für das Abonnieren meines <strong><a href="http://bueltge.de/feed/">Feed</a></strong>! Inhalt gefällt? <a href="http://bueltge.de/wunschliste/" title="Wunschliste">Danke sagen</a> &middot; <a href="http://bueltge.de/zk-schoenes-oss-ajax-framework/236/#writecomment" title="zu den Kommentaren dieses Artikels">Kommentieren</a></p>
]]></content:encoded>
			<wfw:commentRss>http://bueltge.de/zk-schoenes-oss-ajax-framework/236/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:thumbnail url="http://bueltge.de/favicon.ico" />
		<media:content url="http://bueltge.de/favicon.ico" medium="image">
			<media:title type="html">bueltge.de Favicon</media:title>
		</media:content>
		<media:content url="http://bueltge.de/wp-content/themes/black_label/images/rss.gif" medium="image">
			<media:title type="html">Feed Icon</media:title>
		</media:content>
	</item>
	</channel>
</rss>

