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

<channel>
	<title>WordPress &#38; Webwork &#187; Webwork</title>
	<atom:link href="http://www.perun.net/kategorie/webwork/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.perun.net</link>
	<description>perun.net</description>
	<lastBuildDate>Fri, 10 Feb 2012 21:38:32 +0000</lastBuildDate>
	<language>de</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=</generator>
		<item>
		<title>Mozilla Firefox: Rainbow Color Tools</title>
		<link>http://www.perun.net/2012/02/10/mozilla-firefox-rainbow-color-tools/</link>
		<comments>http://www.perun.net/2012/02/10/mozilla-firefox-rainbow-color-tools/#comments</comments>
		<pubDate>Fri, 10 Feb 2012 14:54:14 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[webwork-tools]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3575</guid>
		<description><![CDATA[Rainbow Color Tools ist eine Erweiterung für Mozilla Firefox und ein recht leistungsfähiges Farb-Tool. Mit diesem Tool kann man nicht nur Farben bzw. Farbwerte herauspicken und verwalten sondern sich zum Beispiel die Farbkombinationen einer Website anzeigen lassen. Die gespeicherten Farbwerte in der Library kann man verschlagworten und es wird auch die URL gespeichert, so dass [...]]]></description>
			<content:encoded><![CDATA[<p><a href="https://addons.mozilla.org/en-us/firefox/addon/rainbow-color-tools/"><img src="http://www.perun.net/wp-content/uploads/2012/02/color-rainbow-tools-inspector.png" alt="Color Rainbow Tools: Inspector im Einsatz" title="Color Rainbow Tools: Inspector im Einsatz" width="93" height="93" class="bild-links" /></a> <a href="https://addons.mozilla.org/en-us/firefox/addon/rainbow-color-tools/">Rainbow Color Tools</a> ist eine Erweiterung für Mozilla Firefox und ein recht leistungsfähiges Farb-Tool. Mit diesem Tool kann man nicht nur Farben bzw. Farbwerte herauspicken und verwalten sondern sich zum Beispiel die Farbkombinationen einer Website anzeigen lassen.</p>
<p>Die gespeicherten Farbwerte in der <em xml:lang="en" lang="en">Library</em> kann man verschlagworten und es wird auch die URL gespeichert, so dass man auch viel später erkennen kann auf welcher Website man den Farbwert gefunden hat: <span id="more-3575"></span></p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/02/color-rainbow-tools-library.png" alt="Die gespeicherten Farbwerte in der Library von Color Rainbow Tools" title="Die gespeicherten Farbwerte in der Library von Color Rainbow Tools" width="500" height="276" class="aligncenter size-full wp-image-3577" /></p>
<p>Für Freunde der bewegten Bilder gibt es <a href="http://www.youtube.com/user/DerWebworker/">mal wieder</a> ein kleines Video:</p>
<p>http://youtu.be/qWg-c86nX5I<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/21/firepicker-ein-farbtool-fuer-firebug/' title='Firepicker: ein Farbtool für Firebug'>Firepicker: ein Farbtool für Firebug</a></li>
<li><a href='http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/' title='Mozilla Firefox: Firebug 1.9'>Mozilla Firefox: Firebug 1.9</a></li>
<li><a href='http://www.perun.net/2011/12/23/mozilla-firefox-neue-webworker-tools-in-aurora-11/' title='Mozilla Firefox: neue Webworker-Tools in Aurora 11'>Mozilla Firefox: neue Webworker-Tools in Aurora 11</a></li>
<li><a href='http://www.perun.net/2011/12/17/pencil-zeichentool-fuer-wireframes-und-diagramme/' title='Pencil: Zeichentool für Wireframes und Diagramme'>Pencil: Zeichentool für Wireframes und Diagramme</a></li>
<li><a href='http://www.perun.net/2011/12/02/firefox-und-firebug-64-tools-fuer-webworker/' title='Firefox und Firebug: 64 Tools für Webworker'>Firefox und Firebug: 64 Tools für Webworker</a></li>
<li><a href='http://www.perun.net/2011/11/18/mozilla-webworker-tools-in-firefox-10-aurora/' title='Mozilla: Webworker-Tools in Firefox 10 (Aurora)'>Mozilla: Webworker-Tools in Firefox 10 (Aurora)</a></li>
<li><a href='http://www.perun.net/2011/10/31/mozilla-firefox-website-in-3d-untersuchen/' title='Mozilla Firefox: Website in 3D untersuchen'>Mozilla Firefox: Website in 3D untersuchen</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/02/10/mozilla-firefox-rainbow-color-tools/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Googles Webmaster-Tools &amp; Indexierung der Sitemaps</title>
		<link>http://www.perun.net/2012/02/09/googles-webmaster-tools-indexierung-der-sitemaps/</link>
		<comments>http://www.perun.net/2012/02/09/googles-webmaster-tools-indexierung-der-sitemaps/#comments</comments>
		<pubDate>Thu, 09 Feb 2012 12:05:16 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[seo]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3568</guid>
		<description><![CDATA[Google hat vor einigen Tagen die Webmaster-Tools erweitert und nun ist es möglich zu sehen in wie fern die eingereichten Einträge aus der XML-Sitemap von Google indexiert wurden: Außerdem gibt es einen weiteren experimentellen Menüpunkt: Google Labs &#8594; Autorenstatistiken. Dort kann man sich über die Zugriffszahlen der Artikel informieren, bei denen Google erkannt hat, dass [...]]]></description>
			<content:encoded><![CDATA[<p>Google hat vor einigen Tagen die Webmaster-Tools erweitert und nun ist es möglich zu sehen in wie fern die eingereichten Einträge aus der XML-Sitemap von Google indexiert wurden:</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/02/google-webmaster-tools-sitemap.png" alt="Stand der Indexierung von XML-Sitemaps in Google Webmaster-Tools" title="Stand der Indexierung von XML-Sitemaps in Google Webmaster-Tools" width="500" height="255" class="aligncenter size-full wp-image-3569" /></p>
<p>Außerdem gibt es einen weiteren experimentellen Menüpunkt: <em xml:lang="en" lang="en">Google Labs</em> &rarr; <em>Autorenstatistiken</em>. Dort kann man sich über die Zugriffszahlen der Artikel informieren, bei denen Google erkannt hat, dass man Autor der selbigen ist, <a href="https://support.google.com/webmasters/bin/answer.py?hl=en&#038;answer=1408986">siehe auch</a>.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2011/10/13/google-pagerank-ist-wieder-da/' title='Google: PageRank ist wieder da&#8230;'>Google: PageRank ist wieder da&#8230;</a></li>
<li><a href='http://www.perun.net/2011/09/18/seo-google-wertet-das-link-element-noch-einmal-auf/' title='SEO: Google wertet das &lt;code&gt;link&lt;/code&gt;-Element noch einmal auf'>SEO: Google wertet das <code>link</code>-Element noch einmal auf</a></li>
<li><a href='http://www.perun.net/2011/06/29/seo-links-rankingfaktoren-fuer-google-keyword-tool/' title='SEO-Links: Rankingfaktoren für Google, Keyword-Tool'>SEO-Links: Rankingfaktoren für Google, Keyword-Tool</a></li>
<li><a href='http://www.perun.net/2011/06/23/google-docs-vorlagen-analytics-und-datenschutz-seo-und-kurz-url/' title='Google: Docs-Vorlagen, Analytics und Datenschutz, SEO und Kurz-URL'>Google: Docs-Vorlagen, Analytics und Datenschutz, SEO und Kurz-URL</a></li>
<li><a href='http://www.perun.net/2010/12/13/wordpress-paginierung-und-die-indizierung/' title='WordPress: Paginierung und die Indizierung'>WordPress: Paginierung und die Indizierung</a></li>
<li><a href='http://www.perun.net/2012/02/04/ein-paar-tools-fuer-kindle/' title='Ein paar Tools für Kindle'>Ein paar Tools für Kindle</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/01/24/grosse-linksammlung-zu-google-analytics/' title='Große Linksammlung zu Google Analytics'>Große Linksammlung zu Google Analytics</a></li>
<li><a href='http://www.perun.net/2012/01/24/breadcrumb-navxt-brotkruemelnavigation-in-wordpress/' title='Breadcrumb NavXT: Brotkrümelnavigation in WordPress'>Breadcrumb NavXT: Brotkrümelnavigation in WordPress</a></li>
<li><a href='http://www.perun.net/2012/01/23/google-circle-count/' title='Google+: Circle Count'>Google+: Circle Count</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/02/09/googles-webmaster-tools-indexierung-der-sitemaps/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Performance Optimierung: dynamische vs. statische Buttons, was sagt Google dazu?</title>
		<link>http://www.perun.net/2012/02/06/performance-optimierung-dynamische-vs-statische-buttons-was-sagt-google-dazu/</link>
		<comments>http://www.perun.net/2012/02/06/performance-optimierung-dynamische-vs-statische-buttons-was-sagt-google-dazu/#comments</comments>
		<pubDate>Mon, 06 Feb 2012 14:58:13 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Social Media]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[optimierung]]></category>
		<category><![CDATA[performance]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3546</guid>
		<description><![CDATA[Ich habe Mitte Dezember beschrieben, wie ich die dynamischen Social-Buttons von Facebook, Twitter und Google+ durch statische ersetzt habe. Im ersten Artikel habe ich beschrieben wieso ich das mache und ich habe auch ein paar Performance-Statistiken geliefert. Im zweiten Artikel habe ich dann konkret beschrieben, wie ich die Buttons umgesetzt habe. Nun habe ich einen [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe Mitte Dezember beschrieben, wie ich die dynamischen Social-Buttons von Facebook, Twitter und Google+ durch statische <strong>ersetzt</strong> habe. Im <a href="http://www.perun.net/2011/12/14/facebook-google-twitter-statische-buttons/">ersten Artikel</a> habe ich beschrieben wieso ich das mache und ich habe auch ein paar Performance-Statistiken geliefert. Im <a href="http://www.perun.net/2011/12/15/facebook-twitter-google-statische-buttons-im-eigenbau/">zweiten Artikel</a>  habe ich dann konkret beschrieben, wie ich die Buttons umgesetzt habe.</p>
<p>Nun habe ich einen Blick in die Webmaster Tools von Google reingeworfen und folgende Grafik gesehen:</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/02/performance-optimierung-ohne-buttons.png" alt="Performance Optimierung: dynamische vs. statische Social-Buttons" title="Performance Optimierung: dynamische vs. statische Social-Buttons" width="500" height="150" class="aligncenter size-full wp-image-3547" /></p>
<p>Wie man sieht geht der Peak steil herunter nach dem Ausbau der dynamischen Buttons. Und auch wenn man diesen hohen Peak ignoriert, erkennt man an den von mir gezeichneten Hilfslinien, dass es auch vorher langsamer war und dies führe ich auf die dynamischen Buttons zurück, da ich nach dem Ausbau der dynamischen Buttons keine weiteren Optimierungsmaßnahmen durchgeführt habe und unsere Websites, so weit ich informiert bin, immer noch auf dem gleichen Server gehostet werden.</p>
<p>Aktuell zeigt Google einen durchschnittlichen Wert von 2,1 Sekunden (Zitat Google: <q>schneller als 66 % der Websites</q>), der Peak erreichte einen Maximum von 12,5 Sekunden und vor dem Peak lag der Durchschnitt bei ca. 4,5 Sekunden.</p>
<p>Ich will hier keinem die dynamischen Buttons madig machen, aber man soll ich schon bewusst sein, dass man mit denen u. U. seine Website stark verlangsamt. Hier muss man dann abwägen, was einem wichtiger ist.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2011/12/20/performance-verschiedener-wordpress-versionen/' title='Performance verschiedener WordPress-Versionen'>Performance verschiedener WordPress-Versionen</a></li>
<li><a href='http://www.perun.net/2011/12/14/facebook-google-twitter-statische-buttons/' title='Facebook, Google, Twitter: statische Buttons'>Facebook, Google, Twitter: statische Buttons</a></li>
<li><a href='http://www.perun.net/2011/10/12/google-analytics-website-geschwindigkeit-messen/' title='Google Analytics: Website-Geschwindigkeit messen'>Google Analytics: Website-Geschwindigkeit messen</a></li>
<li><a href='http://www.perun.net/2011/09/10/page-speed-online-von-google/' title='Page Speed Online von Google'>Page Speed Online von Google</a></li>
<li><a href='http://www.perun.net/2011/08/26/facebok-like-box-entfernen-website-beschleunigen/' title='Facebok: Like-Box entfernen &amp; Website beschleunigen'>Facebok: Like-Box entfernen &#038; Website beschleunigen</a></li>
<li><a href='http://www.perun.net/2011/08/21/performance-der-website-mit-netzwerk-im-browser-messen/' title='Performance der Website mit &#034;Netzwerk&#034; im Browser messen'>Performance der Website mit &#034;Netzwerk&#034; im Browser messen</a></li>
<li><a href='http://www.perun.net/2011/07/29/google-schnellerer-1-button-und-page-speed-service/' title='Google: schnellerer +1-Button und Page-Speed-Service'>Google: schnellerer +1-Button und Page-Speed-Service</a></li>
<li><a href='http://www.perun.net/2011/03/01/die-linkschleuder-18-wordpress-facebook-und-web/' title='Die Linkschleuder 18: WordPress, Facebook und Web'>Die Linkschleuder 18: WordPress, Facebook und Web</a></li>
<li><a href='http://www.perun.net/2010/09/03/performance-optimierung-w3-total-cache-adsense-und-datenbank/' title='Performance Optimierung: W3 Total Cache, AdSense und Datenbank'>Performance Optimierung: W3 Total Cache, AdSense und Datenbank</a></li>
<li><a href='http://www.perun.net/2010/08/28/wordpress-die-wahl-des-lightbox-plugins/' title='WordPress: die Wahl des Lightbox-Plugins'>WordPress: die Wahl des Lightbox-Plugins</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/02/06/performance-optimierung-dynamische-vs-statische-buttons-was-sagt-google-dazu/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>ColorSchemer Studio: leistungsfähiges Farbtool</title>
		<link>http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/</link>
		<comments>http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/#comments</comments>
		<pubDate>Sat, 04 Feb 2012 13:14:30 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[farben]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[webwork-tool]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3531</guid>
		<description><![CDATA[Ich nutze schon seit einigen Jahren das kostenpflichtige Farbtool ColorSchemer Studio. Klar, das Tool kann auch die Farbwerte herauspicken, aber das ist nur eine der vielen Funktionen. Zu dem ausgesuchten Farbwert kann man weitere passende Werte suchen: z. B. komplementäre oder analoge Farben. Man kann vieles an dem ausgesuchten Farbwert anpassen und interessant ist der [...]]]></description>
			<content:encoded><![CDATA[<p>Ich nutze schon seit einigen Jahren das kostenpflichtige Farbtool <a href="http://www.colorschemer.com">ColorSchemer Studio</a>. Klar, das Tool kann auch die Farbwerte herauspicken, aber das ist nur eine der vielen Funktionen. Zu dem ausgesuchten Farbwert kann man weitere passende Werte suchen: z. B. komplementäre oder analoge Farben.</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/02/color-schemer-studio-1.jpg" alt="ColorSchemer Studio: das Farbrad" title="ColorSchemer Studio: das Farbrad" width="500" height="405" class="aligncenter size-full wp-image-3532" /></p>
<p>Man kann vieles an dem ausgesuchten Farbwert anpassen und interessant ist der Knopf links unten mit dem Namen <em xml:lang="en" lang="en">Websmart</em>. Hierbei handelt es sich um eine Farbpalette die aus <a href="http://cloford.com/resources/colours/websmart1.htm">4096 Farben</a> besteht und die Farbwerte sind daran erkennbar, dass man deren hexadezimalen Werte <strong>abkürzen</strong> kann. Hier ein paar websmarte Farben und deren Kurzschreibweise: <span id="more-3531"></span></p>
<ul>
<li><code>#000000</code> &rarr; <code>#000</code></li>
<li><code>#990000</code> &rarr; <code>#900</code></li>
<li><code>#99aa00</code> &rarr; <code>#9a0</code></li>
</ul>
<p>In<img src="http://vg06.met.vgwort.de/na/f9336b2b005a44ad93bd1bef7ce6859f" width="1" height="1" alt="" /> dem Beispiel aus dem oberen Screenshot ist der Farbwert <code>#fedfba</code> und wenn man auf Websmart klickt wird dann daraus <code>#ffddbb</code>, welches man dann in der CSS-Datei auch als <code>#fdb</code> notieren kann.</p>
<h3>Farben direkt am Layout ausprobieren</h3>
<p>Hat man jetzt ein paar Farbwerte gesammelt kann man sie innerhalb des Tools direkt an einigen einfachen Beispiellayouts ausprobieren:</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/02/color-scheme-studio-2.png" alt="ColorSchemer Studio: Farben testen" title="ColorSchemer Studio: Farben testen" width="500" height="366" class="aligncenter size-full wp-image-3533" /></p>
<p>Diese Ansicht (<em xml:lang="en" lang="en">QuickPreview</em>) erreicht man durch das Anklicken des Buttons (schematische Website) oder durch die Menüpunkte <em xml:lang="en" lang="en">Tools</em> &rarr; <em xml:lang="en" lang="en">QuickPreview</em> oder durch die Tastenkombination <kbd>strg + p</kbd>. Die Farben trägt man per Klicken und Ziehen von dem Farbrad in die Vorschau ein.</p>
<h3>Farben aus Fotos</h3>
<p>Um sich Inspirationen zu holen kann man auch Fotos in das Tool laden und dieses holt sich dann einzelne Farbwerte:</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/02/color-schemer-studio-3.jpg" alt="ColorSchemer Studio: Farbpaletten aus Fotos" title="ColorSchemer Studio: Farbpaletten aus Fotos" width="500" height="400" class="aligncenter size-full wp-image-3534" /></p>
<p>Das Tool heißt <em xml:lang="en" lang="en">PhotoSchemer</em> und ist ebenfalls über die Tools-Leiste erreichbar, alternativ über <kbd>strg + 3</kbd>.</p>
<h3>Farbgalerien</h3>
<p>Wer sich weiter inspirieren möchte, der kann über das Tool auf die mehr als <a href="http://www.colorschemer.com/schemes/">5.600 Farbkombinationen</a> der Tool-Nutzer zurückgreifen. Dabei kann man natürlich schlagwortartig nach bestimmten Farbkombinationen suchen:</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/02/color-schemer-studio-4.jpg" alt="ColorSchemer Studio: Farbgalerien" title="ColorSchemer Studio: Farbgalerien" width="500" height="400" class="aligncenter size-full wp-image-3535" /></p>
<p><a href="http://www.colorschemer.com">ColorSchemer Studio</a> kostet knapp 50 US-Dollar die Anwendung gibt es für Windows und für Mac.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/02/03/bilder-schnell-online-verkleinern/' title='Bilder schnell online verkleinern'>Bilder schnell online verkleinern</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/21/firepicker-ein-farbtool-fuer-firebug/' title='Firepicker: ein Farbtool für Firebug'>Firepicker: ein Farbtool für Firebug</a></li>
<li><a href='http://www.perun.net/2012/01/19/mit-font-dragr-schriften-auf-websites-testen/' title='Mit font dragr Schriften auf Websites testen'>Mit font dragr Schriften auf Websites testen</a></li>
<li><a href='http://www.perun.net/2012/01/14/linkchecker-button-mit-css3-neue-cursors-in-css3/' title='Linkchecker, Button mit CSS3, neue Cursors in CSS3'>Linkchecker, Button mit CSS3, neue Cursors in CSS3</a></li>
<li><a href='http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/' title='Mozilla Firefox: Firebug 1.9'>Mozilla Firefox: Firebug 1.9</a></li>
<li><a href='http://www.perun.net/2011/12/31/sublime-text-2-sehr-interessanter-code-editor/' title='Sublime Text 2: sehr interessanter Code-Editor'>Sublime Text 2: sehr interessanter Code-Editor</a></li>
<li><a href='http://www.perun.net/2011/12/23/mozilla-firefox-neue-webworker-tools-in-aurora-11/' title='Mozilla Firefox: neue Webworker-Tools in Aurora 11'>Mozilla Firefox: neue Webworker-Tools in Aurora 11</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Bilder schnell online verkleinern</title>
		<link>http://www.perun.net/2012/02/03/bilder-schnell-online-verkleinern/</link>
		<comments>http://www.perun.net/2012/02/03/bilder-schnell-online-verkleinern/#comments</comments>
		<pubDate>Fri, 03 Feb 2012 14:35:29 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[webwork-tool]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3526</guid>
		<description><![CDATA[Du sitzt gerade an einem fremden Rechner, willst mal schnell etwas bloggen und ein Foto veröffentlichen. Auf dem Rechner ist aber kein vernünftiges Programm installiert. Aus solchen und ähnlichen Gründen greift man dann ganz schnell auf bilder-verkleinern.de zurück. Einfach das Bild hochladen: Es wird allerdings nur .jpg akzeptiert und anschließend wird das verkleinerte Bild in [...]]]></description>
			<content:encoded><![CDATA[<p>Du sitzt gerade an einem fremden Rechner, willst mal schnell etwas bloggen und ein Foto veröffentlichen. Auf dem Rechner ist aber kein vernünftiges Programm installiert. Aus solchen und ähnlichen Gründen greift man dann ganz schnell auf <a href="http://www.bilder-verkleinern.de">bilder-verkleinern.de</a> zurück.</p>
<p>Einfach das Bild hochladen:</p>
<p><a href="http://www.bilder-verkleinern.de"><img src="http://www.perun.net/wp-content/uploads/2012/02/bilder-verkleinern_de.png" alt="Bilder-verkleinern.de" title="Bilder-verkleinern.de" width="443" height="142" class="aligncenter size-full wp-image-3527" /></a></p>
<p>Es wird allerdings nur .jpg akzeptiert und anschließend wird das verkleinerte Bild in drei verschiedenen Maßen ausgeliefert:</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/02/bilder-verkleinern_de-2.png" alt="Bilder-verkleinern.de" title="Bilder-verkleinern.de" width="441" height="274" class="aligncenter size-full wp-image-3528" /></p>
<p>Ein sehr einfaches, aber nützliches Tool.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/' title='ColorSchemer Studio: leistungsfähiges Farbtool'>ColorSchemer Studio: leistungsfähiges Farbtool</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/19/mit-font-dragr-schriften-auf-websites-testen/' title='Mit font dragr Schriften auf Websites testen'>Mit font dragr Schriften auf Websites testen</a></li>
<li><a href='http://www.perun.net/2012/01/14/linkchecker-button-mit-css3-neue-cursors-in-css3/' title='Linkchecker, Button mit CSS3, neue Cursors in CSS3'>Linkchecker, Button mit CSS3, neue Cursors in CSS3</a></li>
<li><a href='http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/' title='Mozilla Firefox: Firebug 1.9'>Mozilla Firefox: Firebug 1.9</a></li>
<li><a href='http://www.perun.net/2011/12/31/sublime-text-2-sehr-interessanter-code-editor/' title='Sublime Text 2: sehr interessanter Code-Editor'>Sublime Text 2: sehr interessanter Code-Editor</a></li>
<li><a href='http://www.perun.net/2011/12/23/mozilla-firefox-neue-webworker-tools-in-aurora-11/' title='Mozilla Firefox: neue Webworker-Tools in Aurora 11'>Mozilla Firefox: neue Webworker-Tools in Aurora 11</a></li>
<li><a href='http://www.perun.net/2011/12/22/patternify-ganz-einfach-hintergrundgrafiken-erstellen/' title='Patternify: ganz einfach Hintergrundgrafiken erstellen'>Patternify: ganz einfach Hintergrundgrafiken erstellen</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/02/03/bilder-schnell-online-verkleinern/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Code-Beispiele mal schnell escapen (&quot;entschärfen&quot;)</title>
		<link>http://www.perun.net/2012/01/31/code-beispiele-mal-schnell-escapen-entschaerfen/</link>
		<comments>http://www.perun.net/2012/01/31/code-beispiele-mal-schnell-escapen-entschaerfen/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 15:07:19 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3504</guid>
		<description><![CDATA[Kommt häufig vor, man muss mal schnell ein Code-Beispiel &#034;entschärfen&#034; (&#62; zu &#38;gt;) was man irgendwo veröffentlichen oder als Kommentar einbinden möchte. Wenn noch dazu kommt das man an einem Rechner sitzt, wo man auf eigene Tools nicht zugreifen kann dann kommt so ein Tool, wie dieses von Thomas Scholz genau richtig: Damit kann man [...]]]></description>
			<content:encoded><![CDATA[<p>Kommt häufig vor, man muss mal schnell ein Code-Beispiel &#034;entschärfen&#034; (<code>&gt;</code> zu <code>&amp;gt;</code>)  was man irgendwo veröffentlichen oder als Kommentar einbinden möchte. Wenn noch dazu kommt das man an einem Rechner sitzt, wo man auf eigene Tools nicht zugreifen kann dann kommt <a href="http://labs.toscho.de/escape/">so ein Tool</a>, wie dieses von Thomas Scholz genau richtig:</p>
<p><a href="http://labs.toscho.de/escape/"><img src="http://www.perun.net/wp-content/uploads/2012/01/code-beispiele-escapen-thomas.png" alt="Code-Schnipsel schnell entschärfen" title="Code-Schnipsel schnell entschärfen" width="500" height="281" class="aligncenter size-full wp-image-3505" /></a></p>
<p>Damit kann man die Code-Beispiele und Anführungszeichen escapen und Einrückungen durch Tabs in Leerzeichen umwandeln.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/01/30/verwaltung-von-code-schnipseln/' title='Verwaltung von Code-Schnipseln'>Verwaltung von Code-Schnipseln</a></li>
<li><a href='http://www.perun.net/2011/12/31/sublime-text-2-sehr-interessanter-code-editor/' title='Sublime Text 2: sehr interessanter Code-Editor'>Sublime Text 2: sehr interessanter Code-Editor</a></li>
<li><a href='http://www.perun.net/2012/02/10/mozilla-firefox-rainbow-color-tools/' title='Mozilla Firefox: Rainbow Color Tools'>Mozilla Firefox: Rainbow Color Tools</a></li>
<li><a href='http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/' title='ColorSchemer Studio: leistungsfähiges Farbtool'>ColorSchemer Studio: leistungsfähiges Farbtool</a></li>
<li><a href='http://www.perun.net/2012/02/03/bilder-schnell-online-verkleinern/' title='Bilder schnell online verkleinern'>Bilder schnell online verkleinern</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/26/wordpress-76-weitere-code-schnipsel/' title='WordPress: 76 weitere Code-Schnipsel'>WordPress: 76 weitere Code-Schnipsel</a></li>
<li><a href='http://www.perun.net/2012/01/21/firepicker-ein-farbtool-fuer-firebug/' title='Firepicker: ein Farbtool für Firebug'>Firepicker: ein Farbtool für Firebug</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/31/code-beispiele-mal-schnell-escapen-entschaerfen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Verwaltung von Code-Schnipseln</title>
		<link>http://www.perun.net/2012/01/30/verwaltung-von-code-schnipseln/</link>
		<comments>http://www.perun.net/2012/01/30/verwaltung-von-code-schnipseln/#comments</comments>
		<pubDate>Mon, 30 Jan 2012 12:53:41 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3488</guid>
		<description><![CDATA[Die Verwaltung von Code-Schnipseln ist so eine Sache mit der ich mich alle paar Monate intensiv beschäftige und ich hoffe, dass bevor ich das Rentenalter erreicht habe, ich eine (annähernd) perfekte Lösung gefunden habe. Klar, sowohl mit meinem HTML-Editor WeBuilder als auch im Wiki kann ich die Code-Fragmente recht gut verwalten. Und damit haben die [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.perun.net/wp-content/uploads/2012/01/code-schnipsel-verwalten.png" alt="Code-Schnipsel verwalten" title="Code-Schnipsel verwalten" width="255" height="85" class="bild-rechts" /> Die Verwaltung von Code-Schnipseln ist so eine Sache mit der ich mich <a href="http://www.webwork-tools.de/2010/05/verwaltung-von-code-schnipsel/">alle paar Monate</a> intensiv beschäftige und ich hoffe, dass bevor ich das Rentenalter erreicht habe, ich eine (annähernd) perfekte Lösung gefunden habe. <img src='http://www.perun.net/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Klar, sowohl mit meinem HTML-Editor <a href="http://www.perun.net/tag/webuilder/">WeBuilder</a> als auch im <a href="http://wiki.perun.net/doku.php/wordpress:code-schnipsel">Wiki</a> kann ich die Code-Fragmente recht gut verwalten. Und damit haben die etwas gemeinsam mit den ganzen anderen Lösungen die ich so getestet habe: die sind gut, die sind OK. Aber das Bauchgefühl sagt: hmmm, da fehlt was. <span id="more-3488"></span></p>
<h3>Editor-interne Lösungen</h3>
<p>Bei<img src="http://vg01.met.vgwort.de/na/fa4d011e11ab45cb9cf9f1fc022f7fd6" width="1" height="1" alt="" /> der Editor-internen Lösung hat man zwar den Vorteil, das die Code-Beispiele gut in die Arbeitsumgebung integriert sind, aber wenn ich den Editor wechseln sollte, dann habe ich ein kleineres Problem. WeBuilder exportiert zwar die Schnipsel, aber in einer xml-Datei und ich weiß jetzt nicht ob andere Editoren damit etwas anfangen können.</p>
<p><a href="http://www.perun.net/tag/webuilder/"><img src="http://www.perun.net/wp-content/uploads/2012/01/code-verwaltung-webuilder.png" alt="Code-Verwaltung von WeBuilder" title="Code-Verwaltung von WeBuilder" width="500" height="295" class="aligncenter size-full wp-image-3490" /></a></p>
<h3>Eigenes Code-Wiki</h3>
<p>Ein eigenes Wiki auf Basis von Dokuwiki ist eine <a href="http://www.perun.net/2011/09/12/dokuwiki-code-beispiele-als-download/">recht gute Lösung</a> für Code-Beispiele und hat den Vorteil, dass man es online auf dem eigenen Server hat und das man auch andere Inhalte einbinden kann. Der Nachteil ist, dass man beim Export eben alle Inhalte ausliefert und das es ab einer Anzahl an Code-Beispielen unübersichtlich wird.</p>
<h3>Spezialisierte Desktop-Anwendungen</h3>
<p>Die Desktop-Anwendungen die ich getestet habe, habe mich nicht wirklich überzeugt, da sie mich teilweise einschränken – <a href="http://www.snippetmanager.net">Snippet Manager</a> z.B. hat festgelegte Ordnernamen – und manche von denen wurden seit zwei oder mehr Jahren nicht mehr aktualisiert.</p>
<p>Momentan teste ich <a href="http://www.snipitpro.com/learnMore.html">Snip-It Pro</a>:</p>
<p><a href="http://www.snipitpro.com/learnMore.html"><img src="http://www.perun.net/wp-content/uploads/2012/01/code-verwaltung-snip-it-pro.png" alt="Snip-It Pro in der Testphase" title="Snip-It Pro in der Testphase" width="500" height="295" class="aligncenter size-full wp-image-3491" /></a></p>
<p>Was mir aber an Snip-It Pro nicht gefällt ist die Tatsache, dass das letzte Update im Februar 2010 war und das sich auch im <a href="http://www.snipitpro.com/forums/">Forum</a> nicht viel tut. Was mir an der Software gefällt ist die Schnittstelle zu dem webbasierten Dienst <a href="http://snipplr.com">Snipplr</a>.</p>
<h3>Webbasierte Dienste</h3>
<p><a href="http://snipplr.com">Snipplr</a> ist einer von den <strong>vielen</strong> spezialisierten Webdiensten zum Verwalten von Code-Beispielen.</p>
<p><a href="http://snipplr.com/view/62847/breadcrumb-navxt-im-template-einbinden/"><img src="http://www.perun.net/wp-content/uploads/2012/01/code-beispiele-snipplr.png" alt="Code-Beispiele auf Snipplr" title="Code-Beispiele auf Snipplr" width="500" height="167" class="aligncenter size-full wp-image-3492" /></a></p>
<p><strong>Snipplr</strong> bietet Unterstützung für WordPress, TextMate, für die <a href="http://www.snippetsapp.com">Snippets-App</a> und das oben vorgestellte Snip-It Pro. Es werden viele Sprachen unterstützt und man kommt dort schnell zu Recht. Allerdings ist es auch hier etwas <a href="http://snipplr.com/blog/">ruhiger geworden</a>. Theoretisch kann man zwar die Code-Schnipsel exportieren, aber in der Praxis bekam ich nur 0-Byte-Dateien und ich warte noch auf die Antwort vom Support.</p>
<p>Eine weitere webbasierte Lösungen sind die <strong><a href="https://gist.github.com/">gists</a> von github</strong>. Allerdings konnte ich bis jetzt gar keine Exportmöglichkeit entdecken und es hat mich verwundert, das bei <a href="https://gist.github.com/1525818">htaccess-Code-Schnipseln</a> keine Syntaxhervorhebung eingeblendet wird &#8230; bei Snipplr <a href="http://snipplr.com/view/62834/301er-weiterleitung/">klappt das besser</a>. Der Vorteil von github ist allerdings, dass diese Plattform wahrscheinlich die aktivste ist und das sich hier die meisten Leute tummeln.</p>
<p>Zum Schluss ein paar weiterführende Links:</p>
<ul>
<li><a href="http://www.guido-muehlwitz.de/2010/04/verwaltung-von-snippets-code-schnipsel-deluxe/">Artikel von Guido Mühlwitz</a></li>
<li><a href="http://www.smashingmagazine.com/2009/07/21/45-excellent-code-snippet-resources-and-repositories/">45+ Excellent Code Snippet Resources and Repositories</a></li>
<li><a href="http://www.tripwiremagazine.com/2011/07/manage-code-snippets.html">35+ Desktop Utilities To Manage Your Code Snippets</a></li>
<li><a href="http://speckyboy.com/2011/06/14/10-free-desktop-applications-for-managing-your-code-snippets/">10 Free Desktop Applications for Managing Your Code Snippets</a></li>
<li><a href="http://www.onextrapixel.com/2009/09/29/15-useful-code-snippet-tools-that-will-help-you-store-and-manage-your-code-library/">15 Useful Code Snippet Tools That Will Help You Store And Manage Your Code Library</a></li>
</ul>
<p>Und am Ende die <strong>spannende Frage</strong>: wie verwaltest du deinen Code?<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/01/31/code-beispiele-mal-schnell-escapen-entschaerfen/' title='Code-Beispiele mal schnell escapen (&#034;entschärfen&#034;)'>Code-Beispiele mal schnell escapen (&#034;entschärfen&#034;)</a></li>
<li><a href='http://www.perun.net/2011/12/31/sublime-text-2-sehr-interessanter-code-editor/' title='Sublime Text 2: sehr interessanter Code-Editor'>Sublime Text 2: sehr interessanter Code-Editor</a></li>
<li><a href='http://www.perun.net/2012/02/10/mozilla-firefox-rainbow-color-tools/' title='Mozilla Firefox: Rainbow Color Tools'>Mozilla Firefox: Rainbow Color Tools</a></li>
<li><a href='http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/' title='ColorSchemer Studio: leistungsfähiges Farbtool'>ColorSchemer Studio: leistungsfähiges Farbtool</a></li>
<li><a href='http://www.perun.net/2012/02/03/bilder-schnell-online-verkleinern/' title='Bilder schnell online verkleinern'>Bilder schnell online verkleinern</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/26/wordpress-76-weitere-code-schnipsel/' title='WordPress: 76 weitere Code-Schnipsel'>WordPress: 76 weitere Code-Schnipsel</a></li>
<li><a href='http://www.perun.net/2012/01/21/firepicker-ein-farbtool-fuer-firebug/' title='Firepicker: ein Farbtool für Firebug'>Firepicker: ein Farbtool für Firebug</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/30/verwaltung-von-code-schnipseln/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Soziale Netzwerke besser verstehen (ein kleiner Überblick)</title>
		<link>http://www.perun.net/2012/01/29/soziale-netzwerke-besser-verstehen-ein-kleiner-ueberblick/</link>
		<comments>http://www.perun.net/2012/01/29/soziale-netzwerke-besser-verstehen-ein-kleiner-ueberblick/#comments</comments>
		<pubDate>Sun, 29 Jan 2012 12:42:51 +0000</pubDate>
		<dc:creator>Sahanya</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[netzwerk]]></category>
		<category><![CDATA[social networks]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3484</guid>
		<description><![CDATA[&#034;Da simmer dabei, dat is prima!&#034; So lautet ein oft getätigter Ausspruch in der kommenden Jahreszeit, wenn kleine Unternehmen ins Netz gehen. Und dann reicht nicht nur ein Webauftritt, sondern dann soll es auch und vor allen Dingen der Auftritt in den sogenannten &#034;Social Networks&#034; sein. Was sich hinter den einzelnen Netzwerken genau verbirgt, was [...]]]></description>
			<content:encoded><![CDATA[<p>&#034;Da simmer dabei, dat is prima!&#034; So lautet ein oft getätigter Ausspruch <del datetime="2012-01-29T12:21:33+00:00">in der kommenden Jahreszeit</del>, wenn kleine Unternehmen ins Netz gehen. Und dann reicht nicht nur ein Webauftritt, sondern dann soll es auch und vor allen Dingen der Auftritt in den sogenannten &#034;Social Networks&#034; sein.</p>
<p>Was sich hinter den einzelnen Netzwerken genau verbirgt, was also Sinn und Zweck des ganzen ist, einschließlich der Pros und Cons, wie man am besten einsteigt, die wichtigsten Vokabeln innerhalb des jeweiligen Netzwerkes und wie hoch überhaupt die (theoretische) Reichweite ist verrät das <a href="http://www.flowtown.com/blog/the-small-business-social-media-cheat-sheet">Social Media Cheat Sheet von Flowtown</a>. <span id="more-3484"></span></p>
<p><a href="http://www.flowtown.com/blog/the-small-business-social-media-cheat-sheet?display=wide"><img src="http://www.perun.net/wp-content/uploads/2012/01/Social-Media-cheat-sheet-490x296.png" alt="Social Media Cheat Sheet" title="Social Media Cheat Sheet" width="490" height="296" class="aligncenter size-large wp-image-3487" /></a></p>
<p>Unter die Lupe genommen wurden dabei Twitter, Facebook, Google+, Youtube, Tumblr sowie Digg. Herausgekommen ist eine anschauliche Gegenüberstellung all dieser Dienste, die eventuell als Argumentationshilfe oder zur Verdeutlichung von Sachverhalten in Kundengesprächen dienen kann.</p>
<p>via <a href="http://www.designerinaction.de/technik/social-media-cheat-sheet.html">Designer in Action</a><br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li>Keine verwandten Beiträge</li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/29/soziale-netzwerke-besser-verstehen-ein-kleiner-ueberblick/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Große Linksammlung zu Google Analytics</title>
		<link>http://www.perun.net/2012/01/24/grosse-linksammlung-zu-google-analytics/</link>
		<comments>http://www.perun.net/2012/01/24/grosse-linksammlung-zu-google-analytics/#comments</comments>
		<pubDate>Tue, 24 Jan 2012 13:50:27 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3461</guid>
		<description><![CDATA[Im Blog-Artikel &#034;Das ultimative Google Analytics Handbuch auf Deutsch&#034; findet man mehr als 110 Verweise auf Artikel und Tutorials zum Thema Google Analytics. Dabei reicht das Spektrum von Einsteiger-Themen (Was ist Google Analytics?) bis hin zu etwas anspruchsvolleren Themen wie Multichannel-Tracking und Arbeit mit regulären Ausdrücken. Verwandte Beiträge: Googles Webmaster-Tools &#038; Indexierung der Sitemaps Ein [...]]]></description>
			<content:encoded><![CDATA[<p>Im Blog-Artikel &#034;<a href="http://www.webanalyticspro.de/das-google-analytics-handbuch/">Das ultimative Google Analytics Handbuch auf Deutsch</a>&#034; findet man mehr als 110 Verweise auf Artikel und Tutorials zum Thema Google Analytics.</p>
<p>Dabei reicht das Spektrum von Einsteiger-Themen (Was ist Google Analytics?) bis hin zu etwas anspruchsvolleren Themen wie Multichannel-Tracking und Arbeit mit regulären Ausdrücken.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/09/googles-webmaster-tools-indexierung-der-sitemaps/' title='Googles Webmaster-Tools &amp; Indexierung der Sitemaps'>Googles Webmaster-Tools &#038; Indexierung der Sitemaps</a></li>
<li><a href='http://www.perun.net/2012/02/04/ein-paar-tools-fuer-kindle/' title='Ein paar Tools für Kindle'>Ein paar Tools für Kindle</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/01/23/google-circle-count/' title='Google+: Circle Count'>Google+: Circle Count</a></li>
<li><a href='http://www.perun.net/2012/01/22/wordpress-effektiver-im-codex-suchen/' title='WordPress: effektiver im Codex suchen'>WordPress: effektiver im Codex suchen</a></li>
<li><a href='http://www.perun.net/2012/01/21/kommentar-google-predigt-wasser-und-serviert-wein/' title='Kommentar: Google predigt Wasser und serviert Wein'>Kommentar: Google predigt Wasser und serviert Wein</a></li>
<li><a href='http://www.perun.net/2012/01/04/wordpress-social-media-leiste-mit-zaehler-fuer-feedburner-twitter-und-facebook/' title='WordPress: Social-Media-Leiste mit Zähler für Feedburner, Twitter und Facebook'>WordPress: Social-Media-Leiste mit Zähler für Feedburner, Twitter und Facebook</a></li>
<li><a href='http://www.perun.net/2012/01/02/top-artikel-und-browserstats-in-2011/' title='Top-Artikel und Browserstats in 2011'>Top-Artikel und Browserstats in 2011</a></li>
<li><a href='http://www.perun.net/2011/12/15/facebook-twitter-google-statische-buttons-im-eigenbau/' title='Facebook, Twitter, Google: statische Buttons im Eigenbau'>Facebook, Twitter, Google: statische Buttons im Eigenbau</a></li>
<li><a href='http://www.perun.net/2011/12/14/facebook-google-twitter-statische-buttons/' title='Facebook, Google, Twitter: statische Buttons'>Facebook, Google, Twitter: statische Buttons</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/24/grosse-linksammlung-zu-google-analytics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Lebensmittelfotos.com</title>
		<link>http://www.perun.net/2012/01/23/lebensmittelfotos-com/</link>
		<comments>http://www.perun.net/2012/01/23/lebensmittelfotos-com/#comments</comments>
		<pubDate>Mon, 23 Jan 2012 18:01:14 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[bilder]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3456</guid>
		<description><![CDATA[Wer für seinen Artikel oder Layout Fotos von Lebensmitteln oder Essen benötigt, der sollte sich mal bei Lebensmittelfotos.com umschauen, dort werden Fotos zu diesem Themenspektrum angeboten und die sind momentan zum größten Teil gemeinfrei: Wie ihr wisst, ist es mir bei Lebensmittelfotos.com das Wichtigste, den Leuten Bilder OHNE Abmahnrisiko zu bieten. Deshalb sind nahezu alle [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.lebensmittelfotos.com"><img src="http://www.perun.net/wp-content/uploads/2012/01/lebensmittelfotos_com.jpg" alt="Lebensmittelfotos.com" title="Lebensmittelfotos.com" width="180" height="180" class="bild-rechts" /></a> Wer für seinen Artikel oder Layout Fotos von Lebensmitteln oder Essen benötigt, der sollte sich mal bei <a href="http://www.lebensmittelfotos.com">Lebensmittelfotos.com</a> umschauen, dort werden Fotos zu diesem Themenspektrum angeboten und die sind momentan zum größten Teil <a href="http://de.wikipedia.org/wiki/Gemeinfreiheit">gemeinfrei</a>:</p>
<blockquote><p>Wie ihr wisst, ist es mir bei Lebensmittelfotos.com das Wichtigste, den Leuten Bilder OHNE Abmahnrisiko zu bieten. Deshalb sind nahezu alle Bilder auf dieser Plattform gemeinfrei. Seit Beginn des Jahres 2011 akzeptiere ich auch Fotos, die unter der geringfügig restriktiveren Lizenz, der sog.<a href="http://creativecommons.org/licenses/by/2.5/" onclick="javascript:pageTracker._trackPageview('/outgoing/creativecommons.org/licenses/by/2.5/');"> CC-BY</a>, stehen. [...]</p></blockquote>
<p>Quelle: <a href="http://www.lebensmittelfotos.com/mitmachen/sicherheit/">Sicherheit</a><br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2011/08/03/wordpress-3-3-bilder-waehrend-des-uploads-skalieren/' title='WordPress 3.3: Bilder während des Uploads skalieren'>WordPress 3.3: Bilder während des Uploads skalieren</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/23/lebensmittelfotos-com/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Kommentar: Google predigt Wasser und serviert Wein</title>
		<link>http://www.perun.net/2012/01/21/kommentar-google-predigt-wasser-und-serviert-wein/</link>
		<comments>http://www.perun.net/2012/01/21/kommentar-google-predigt-wasser-und-serviert-wein/#comments</comments>
		<pubDate>Sat, 21 Jan 2012 15:43:43 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Geld & Web]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[adsense]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3444</guid>
		<description><![CDATA[Schon seit fast zwei Jahren ist die Ladegeschwindigkeit einer Website ein Rankingfaktor bei Google: siehe auch Google: Ladegeschwindigkeit wird Rankingfaktor. So weit, so gut. Ist an sich eine vernünftige Entscheidung, da von schnelleren und schlankeren Seiten alle profitieren. Aber auf der anderen Seite bekommt man von Google Code für den +1-Button und Analytics-Einbindung angeboten, dass [...]]]></description>
			<content:encoded><![CDATA[<p>Schon seit fast zwei Jahren ist die Ladegeschwindigkeit einer Website ein Rankingfaktor bei Google: siehe auch <a href="http://www.perun.net/2010/04/11/google-ladegeschwindigkeit-wird-rankingfaktor/">Google: Ladegeschwindigkeit wird Rankingfaktor</a>. So weit, so gut. Ist an sich eine vernünftige Entscheidung, da von schnelleren und schlankeren Seiten alle profitieren.</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/01/lahmer-plus-1-button.png" alt="Lahmer +1-Button" title="Lahmer +1-Button" width="500" height="82" class="aligncenter size-full wp-image-3445" /></p>
<p>Aber auf der anderen Seite bekommt man von Google Code für den +1-Button und Analytics-Einbindung angeboten, dass <strong>alles andere als performant</strong> zu bezeichnen ist. Wenn ich jetzt mal die Plugins von Facebook weglasse, dann ist bei Untersuchungen auf unseren Projekten meistens der +1-Button und manchmal auch der Analytics-Code unangenehm aufgefallen und das hat deutlich zur Steigerung der Ladezeiten geführt (siehe obere Abbildung). <span id="more-3444"></span></p>
<p>Klar, man<img src="http://vg02.met.vgwort.de/na/7d3c212bd5b443f8bf38ec42c0c228b9" width="1" height="1" alt="" /> kann als Webmaster auf die Einbindung des dynamischen +1-Buttons verzichten. Habe ich auch gemacht. Aber das heißt, dass man auf ein <a href="http://www.techwyse.com/blog/search-engine-optimization/googles-1-button-and-its-effect-on-seo/">erhebliches SEO-Potential</a> verzichtet. Die Auswirkungen dieses Buttons sind schon jetzt zu erkennen.</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/01/plus-1-button-suchergebnisse.png" alt="Die Auswirkungen des +1-Buttons in den Suchergebnissen" title="Die Auswirkungen des +1-Buttons in den Suchergebnissen" width="500" height="120" class="aligncenter size-full wp-image-3446" /></p>
<p>Und man kann davon ausgehen dass sich dieser Trend in Zukunft verstärken wird und der +1-Button noch wichtiger wird.</p>
<h3>Werbung als Ranking-Faktor</h3>
<p>Seit Monaten heißt es von vielen Seiten, dass Google Websites abstraft die zu viel Werbeblöcke schalten. An sich ist auch dies eine sinnvolle Maßnahme. Zum einen finden die Nutzer die relevanten Infos schwer und zu viel Werbung verlangsamt auch die Ladegeschwindigkeit der Website.</p>
<div class="bild-rechts"><a href="http://support.google.com/adsense/bin/answer.py?hl=de&amp;answer=1354747" style="border: none;"><img src="http://www.perun.net/wp-content/uploads/2012/01/google-adsense-heatmap.png" alt="" title="Adsense Heatmap (Bild: Adsense-Hilfebereich)" width="200" height="266" /></a><br /><small>Bild: <a href="http://support.google.com/adsense/bin/answer.py?hl=de&#038;answer=1354747">AdSense-Hilfebereich</a></small></div>
<p> Vorgestern hat Google wieder mal ein <a href="http://googlewebmastercentral.blogspot.com/2012/01/page-layout-algorithm-improvement.html">Algorithmus-Update</a> gefahren und wird in Zukunft in seinen Berechnungen auch berücksichtigen, ob und wie viel Werbung eine Website<strong> im sichtbaren Bereich</strong> (engl. <em xml:lang="en" lang="en">above the fold</em>) vorhanden ist.</p>
<p>Auch das ist an sich eine sinnvolle Maßnahme. allerdings vergisst Google hierbei, dass sie eine Werbemaßnahmeim Angebot haben und  empfehlen, nennen wir sie <a href="http://www.perun.net/2011/10/08/welche-werbeformen-fuer-websites-gibt-es/#adsense">Adsense</a>, die <strong>nur dann funktioniert</strong>, wenn man sie, bildlich gesprochen, dem Besucher ins Gesicht schleudert &#8230; nur wenn auf Adsense geklickt wird gibt es für den Webmaster auch Geld. Daher bringt es auch überhaupt nichts AdSense dort zu schalten wo die Besucher es nicht oder nur schlecht sehen.</p>
<p>Und wenn man den <a href="http://support.google.com/adsense/bin/answer.py?hl=de&#038;answer=1354747">Heatmaps</a> (siehe Abbildung) die Google zur Verfügung stellt und den Tipps folgen würde, die man von Google AdSense bekommt, dann würde so ziemlich jede Website eher einer Litfaßsäule gleichen.</p>
<h3>summa summarum</h3>
<p>Ich fasse das mal kurz zusammen. Google empfiehlt und erwartet bestimmte Ergebnisse und Verhaltensweisen von den Websitebetreibern: u.a. performante Websites mit einem maximal moderaten Werbeanteil. Das ist nicht nur OK sondern auch sinnvoll und wünschenswert. Aber auf der anderen Seite können wir auch erwarten, dass Google <strong>ein Teil der Lösung</strong> und nicht ein Teil des Problems ist.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2011/11/16/google-adsense-ecpm-vs-rpm/' title='Google Adsense: eCPM vs. RPM'>Google Adsense: eCPM vs. RPM</a></li>
<li><a href='http://www.perun.net/2011/08/04/datenschutz-interessenbezogene-google-werbung-deaktivieren/' title='Datenschutz: interessenbezogene Google-Werbung deaktivieren'>Datenschutz: interessenbezogene Google-Werbung deaktivieren</a></li>
<li><a href='http://www.perun.net/2010/09/03/performance-optimierung-w3-total-cache-adsense-und-datenbank/' title='Performance Optimierung: W3 Total Cache, AdSense und Datenbank'>Performance Optimierung: W3 Total Cache, AdSense und Datenbank</a></li>
<li><a href='http://www.perun.net/2008/09/15/adsense-nicht-fuer-stammbesucher-zwischenfazit/' title='AdSense nicht für Stammbesucher: Zwischenfazit'>AdSense nicht für Stammbesucher: Zwischenfazit</a></li>
<li><a href='http://www.perun.net/2008/07/29/adsense-fuer-stammbesucher-ausblenden/' title='AdSense für Stammbesucher ausblenden'>AdSense für Stammbesucher ausblenden</a></li>
<li><a href='http://www.perun.net/2008/05/13/google-schenkt-mir-ipod-touch/' title='Google schenkt mir iPod touch'>Google schenkt mir iPod touch</a></li>
<li><a href='http://www.perun.net/2008/04/29/die-linkschleuder-3/' title='Die Linkschleuder'>Die Linkschleuder</a></li>
<li><a href='http://www.perun.net/2008/02/28/datenschutzerklaerung-und-adsense/' title='Datenschutzerklärung und AdSense'>Datenschutzerklärung und AdSense</a></li>
<li><a href='http://www.perun.net/2012/02/09/googles-webmaster-tools-indexierung-der-sitemaps/' title='Googles Webmaster-Tools &amp; Indexierung der Sitemaps'>Googles Webmaster-Tools &#038; Indexierung der Sitemaps</a></li>
<li><a href='http://www.perun.net/2012/02/04/ein-paar-tools-fuer-kindle/' title='Ein paar Tools für Kindle'>Ein paar Tools für Kindle</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/21/kommentar-google-predigt-wasser-und-serviert-wein/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Firepicker: ein Farbtool für Firebug</title>
		<link>http://www.perun.net/2012/01/21/firepicker-ein-farbtool-fuer-firebug/</link>
		<comments>http://www.perun.net/2012/01/21/firepicker-ein-farbtool-fuer-firebug/#comments</comments>
		<pubDate>Sat, 21 Jan 2012 13:10:10 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[farben]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[Tools]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3442</guid>
		<description><![CDATA[Bei Firepicker handelt es sich um ein Firefox-Addon, welcher die Funktionalität von Firebug um einen Farbdialog erweitert: So hat man die Möglichkeit einfach und schnell neue Farben und verschiedene Transparenzwerte zu testen &#8594; Stichwort RGBA. Verwandte Beiträge: Mozilla Firefox: Firebug 1.9 Firefox und Firebug: 64 Tools für Webworker CodeBurner: HTML- und CSS-Referenz für Firebug Mozilla [...]]]></description>
			<content:encoded><![CDATA[<p>Bei <a href="https://addons.mozilla.org/de/firefox/addon/firepicker/">Firepicker</a> handelt es sich um ein Firefox-Addon, welcher die Funktionalität von Firebug um einen Farbdialog erweitert:</p>
<p><a href="https://addons.mozilla.org/de/firefox/addon/firepicker/"><img src="http://www.perun.net/wp-content/uploads/2012/01/firefox-firepicker-im-einsatz.jpg" alt="Mozilla Firefox: Firepicker im Einsatz" title="Mozilla Firefox: Firepicker im Einsatz" width="500" height="259" class="aligncenter size-full wp-image-3443" /></a></p>
<p>So hat man die Möglichkeit einfach und schnell neue Farben und verschiedene Transparenzwerte zu testen &rarr; Stichwort <a href="http://www.perun.net/2010/08/13/css3-und-die-durchsichtigkeit-opacity-vs-rgba/">RGBA</a>.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/' title='Mozilla Firefox: Firebug 1.9'>Mozilla Firefox: Firebug 1.9</a></li>
<li><a href='http://www.perun.net/2011/12/02/firefox-und-firebug-64-tools-fuer-webworker/' title='Firefox und Firebug: 64 Tools für Webworker'>Firefox und Firebug: 64 Tools für Webworker</a></li>
<li><a href='http://www.perun.net/2011/06/27/codeburner-html-und-css-referenz-fuer-firebug/' title='CodeBurner: HTML- und CSS-Referenz für Firebug'>CodeBurner: HTML- und CSS-Referenz für Firebug</a></li>
<li><a href='http://www.perun.net/2012/02/10/mozilla-firefox-rainbow-color-tools/' title='Mozilla Firefox: Rainbow Color Tools'>Mozilla Firefox: Rainbow Color Tools</a></li>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/' title='ColorSchemer Studio: leistungsfähiges Farbtool'>ColorSchemer Studio: leistungsfähiges Farbtool</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/20/css-usage-welche-css-regeln-sind-im-einsatz/' title='CSS Usage: welche CSS-Regeln sind im Einsatz?'>CSS Usage: welche CSS-Regeln sind im Einsatz?</a></li>
<li><a href='http://www.perun.net/2011/12/23/mozilla-firefox-neue-webworker-tools-in-aurora-11/' title='Mozilla Firefox: neue Webworker-Tools in Aurora 11'>Mozilla Firefox: neue Webworker-Tools in Aurora 11</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/21/firepicker-ein-farbtool-fuer-firebug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Sh*t Project Managers say</title>
		<link>http://www.perun.net/2012/01/20/sht-project-managers-say/</link>
		<comments>http://www.perun.net/2012/01/20/sht-project-managers-say/#comments</comments>
		<pubDate>Fri, 20 Jan 2012 11:44:02 +0000</pubDate>
		<dc:creator>Sahanya</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[alltag]]></category>
		<category><![CDATA[projektmanagement]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3439</guid>
		<description><![CDATA[Na, wer erkennt sich wieder? via @HappySchnitzel Verwandte Beiträge: Keine verwandten Beiträge WordPress 3.3 für Autoren und Redakteure als E-Book – WordPress 3.3 für Autoren und Redakteure als PDF Wir im Web: Twitter – Facebook – Google+ – WordPress-Buch &#124; Premium WordPress-Themes – kostenloser WordPress-Newsletter – Unsere Bücher]]></description>
			<content:encoded><![CDATA[<p>Na, wer erkennt sich wieder?</p>
<p><iframe width="550" height="413" src="http://www.youtube.com/embed/UBr3MM9_zd4?fs=1&#038;feature=oembed" frameborder="0" allowfullscreen></iframe></p>
<p>via <a href="https://twitter.com/#!/HappySchnitzel/status/160050848376950784">@HappySchnitzel</a><br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li>Keine verwandten Beiträge</li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/20/sht-project-managers-say/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mit font dragr Schriften auf Websites testen</title>
		<link>http://www.perun.net/2012/01/19/mit-font-dragr-schriften-auf-websites-testen/</link>
		<comments>http://www.perun.net/2012/01/19/mit-font-dragr-schriften-auf-websites-testen/#comments</comments>
		<pubDate>Thu, 19 Jan 2012 16:00:13 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[webwork-tool]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3435</guid>
		<description><![CDATA[Bei font draggr handelt es sich um ein Bookmarklet mit dem auf Websites Schriften &#034;austauschen&#034; und sie so in einem konkreten Umfeld testen kann. Einfach das font-draggr-Bookmarklet in die Lesezeichenliste ziehen und die Website ansteuern auf der man die Schriften testen möchte. Dann das Bookmarklet aufrufen und ab hier kann man der kompletten Website oder [...]]]></description>
			<content:encoded><![CDATA[<p>Bei <a href="http://fontdragr.com">font draggr</a> handelt es sich um ein Bookmarklet mit dem auf Websites Schriften &#034;austauschen&#034; und sie so in einem konkreten Umfeld testen kann.</p>
<p><a href="http://fontdragr.com"><img src="http://www.perun.net/wp-content/uploads/2012/01/font-dragr.png" alt="font dragr im Einsatz" title="font dragr im Einsatz" width="500" height="265" class="aligncenter size-full wp-image-3436" /></a></p>
<p>Einfach das <a href="javascript:(function(d){var%20s=d.createElement('script'),h=d.head||d.getElementsByTagName('head')[0];s.src='http://fontdragr.com/bookmarklet/fd-script.js';h.appendChild(s);})(document);">font-draggr-Bookmarklet</a> in die Lesezeichenliste ziehen und die Website ansteuern auf der man die Schriften testen möchte. Dann das Bookmarklet aufrufen und ab hier kann man der kompletten Website oder einzelnen Bereichen neue Schriften zuweisen: zum Beispiel in dem man per Klick &#038; Ziehen die Schrift-Datei auf die Website ablegt.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/' title='ColorSchemer Studio: leistungsfähiges Farbtool'>ColorSchemer Studio: leistungsfähiges Farbtool</a></li>
<li><a href='http://www.perun.net/2012/02/03/bilder-schnell-online-verkleinern/' title='Bilder schnell online verkleinern'>Bilder schnell online verkleinern</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/14/linkchecker-button-mit-css3-neue-cursors-in-css3/' title='Linkchecker, Button mit CSS3, neue Cursors in CSS3'>Linkchecker, Button mit CSS3, neue Cursors in CSS3</a></li>
<li><a href='http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/' title='Mozilla Firefox: Firebug 1.9'>Mozilla Firefox: Firebug 1.9</a></li>
<li><a href='http://www.perun.net/2011/12/31/sublime-text-2-sehr-interessanter-code-editor/' title='Sublime Text 2: sehr interessanter Code-Editor'>Sublime Text 2: sehr interessanter Code-Editor</a></li>
<li><a href='http://www.perun.net/2011/12/23/mozilla-firefox-neue-webworker-tools-in-aurora-11/' title='Mozilla Firefox: neue Webworker-Tools in Aurora 11'>Mozilla Firefox: neue Webworker-Tools in Aurora 11</a></li>
<li><a href='http://www.perun.net/2011/12/22/patternify-ganz-einfach-hintergrundgrafiken-erstellen/' title='Patternify: ganz einfach Hintergrundgrafiken erstellen'>Patternify: ganz einfach Hintergrundgrafiken erstellen</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/19/mit-font-dragr-schriften-auf-websites-testen/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wer ist der schnellste Coder?</title>
		<link>http://www.perun.net/2012/01/18/wer-ist-der-schnellste-coder/</link>
		<comments>http://www.perun.net/2012/01/18/wer-ist-der-schnellste-coder/#comments</comments>
		<pubDate>Wed, 18 Jan 2012 17:13:49 +0000</pubDate>
		<dc:creator>Sahanya</dc:creator>
				<category><![CDATA[Spiele]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[html]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3432</guid>
		<description><![CDATA[Wer sich gerne auch bei HTML und CSS mit anderen misst, der sollte mal bei Code Racer vorbeischauen. Hier kann man live gegen andere Spieler/Coder antreten und sein Wissen bzw. Können rund um HTML und CSS testen. Der Gegner ist also ein anderer Spieler und die Zeit. Und als besondere Gimmicks gibt es für gewonnene [...]]]></description>
			<content:encoded><![CDATA[<p>Wer sich gerne auch bei HTML und CSS mit anderen misst, der sollte mal bei <a href="http://coderace.me/">Code Racer</a> vorbeischauen.</p>
<p>Hier kann man live gegen andere Spieler/Coder antreten und sein Wissen bzw. Können rund um HTML und CSS testen. Der Gegner ist also ein anderer Spieler und die Zeit. Und als besondere Gimmicks gibt es für gewonnene Runden auch &#034;Waffen&#034;, die einem auf dem Rennen zum Sieg behilflich sein können.</p>
<p>Einfach mal bei Zeiten vorbei schauen.</p>
<p>via <a href="https://twitter.com/#!/photomatt/status/159430327503306752">@photomatt</a><br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2011/09/27/css3-mehrspaltiger-text/' title='CSS3: Mehrspaltiger Text'>CSS3: Mehrspaltiger Text</a></li>
<li><a href='http://www.perun.net/2011/09/21/links-wordpress-google-editoren-css3-chrome/' title='Links: WordPress, Google+, Editoren, CSS3, Chrome'>Links: WordPress, Google+, Editoren, CSS3, Chrome</a></li>
<li><a href='http://www.perun.net/2011/09/05/mit-html-editor-dokumente-und-e-books-fuer-amazon-kindle-erstellen-2/' title='Mit HTML-Editor Dokumente und E-Books für Amazon Kindle erstellen (2)'>Mit HTML-Editor Dokumente und E-Books für Amazon Kindle erstellen (2)</a></li>
<li><a href='http://www.perun.net/2011/09/04/mit-html-editor-dokumente-und-e-books-fuer-amazon-kindle-erstellen-1/' title='Mit HTML-Editor Dokumente und E-Books für Amazon Kindle erstellen (1)'>Mit HTML-Editor Dokumente und E-Books für Amazon Kindle erstellen (1)</a></li>
<li><a href='http://www.perun.net/2011/06/19/html-und-css-dokus-und-referenzen/' title='HTML und CSS: Dokus und Referenzen'>HTML und CSS: Dokus und Referenzen</a></li>
<li><a href='http://www.perun.net/2011/02/10/html-und-css-lange-woerter-in-den-griff-bekommen/' title='HTML und CSS: lange Wörter in den Griff bekommen'>HTML und CSS: lange Wörter in den Griff bekommen</a></li>
<li><a href='http://www.perun.net/2010/06/06/conditional-comments-und-die-performance/' title='Conditional Comments und die Performance'>Conditional Comments und die Performance</a></li>
<li><a href='http://www.perun.net/2008/04/29/die-linkschleuder-3/' title='Die Linkschleuder'>Die Linkschleuder</a></li>
<li><a href='http://www.perun.net/2012/01/20/css-usage-welche-css-regeln-sind-im-einsatz/' title='CSS Usage: welche CSS-Regeln sind im Einsatz?'>CSS Usage: welche CSS-Regeln sind im Einsatz?</a></li>
<li><a href='http://www.perun.net/2012/01/02/css-browserspezifische-eigenschaften-pseudo-elemente-und-pseudo-klassen-von-mozilla/' title='CSS: browserspezifische Eigenschaften, Pseudo-Elemente und Pseudo-Klassen von Mozilla'>CSS: browserspezifische Eigenschaften, Pseudo-Elemente und Pseudo-Klassen von Mozilla</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/18/wer-ist-der-schnellste-coder/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Textbausteine in einen WordPress-Artikel einfügen</title>
		<link>http://www.perun.net/2012/01/17/textbausteine-in-einen-wordpress-artikel-einfuegen/</link>
		<comments>http://www.perun.net/2012/01/17/textbausteine-in-einen-wordpress-artikel-einfuegen/#comments</comments>
		<pubDate>Tue, 17 Jan 2012 12:28:18 +0000</pubDate>
		<dc:creator>Sahanya</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[textbausteine]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3425</guid>
		<description><![CDATA[Vor einiger Zeit war ich auf der Suche nach einem Plugin, mit dem ich Textbausteine für Artikel ablegen kann. In dem Projekt, für das ich diese Möglichkeit suchte, werden nämlich Textpassagen immer wieder kehren und so erschien mir das sehr sinnvoll. Wichtig war mir dabei, dass die Textbausteine nicht über einen Shortcode eingebunden werden, da [...]]]></description>
			<content:encoded><![CDATA[<p>Vor einiger Zeit war ich auf der Suche nach einem Plugin, mit dem ich Textbausteine für Artikel ablegen kann. In dem Projekt, für das ich diese Möglichkeit suchte, werden nämlich Textpassagen immer wieder kehren und so erschien mir das sehr sinnvoll.</p>
<p>Wichtig war mir dabei, dass die Textbausteine <em>nicht</em> über einen Shortcode eingebunden werden, da ich mir manchmal nicht sicher bin, ob sich nicht irgendwann ein noch komfortableres Plugin oder eine gänzlich andere Lösung findet. Mit der Nutzung von Shortcodes ist man so &#034;gebunden&#034;.</p>
<p>Mein Fund: <a href="http://wordpress.org/extend/plugins/post-snippets">Post Snippets</a> <span id="more-3425"></span></p>
<p>Das Plugin ist zwar ursprünglich für das Einfügen von Code-Beispielen gedacht und bietet somit auch Funktionen (Anlegen von Variablen), die ich aktuell gar nicht benötige, aber das stört ja nicht – vielleicht benötige ich diese Funktionaliät mal bei einem zukünftigen Projekt.</p>
<p>Nach der Installation befindet sich die Seite zum Anlegen (übrigens auch zum Im- und Export von Textbausteinen) im Einstellungs-Menü. Dort kann man neue Textbausteine anlegen oder bestehende bearbeiten bzw. löschen.</p>
<p>Optional kann man hier auch einen Shortcode für einen bestimmten Textbaustein anlegen, auf den ich aber aus den oben genannten Gründen bewusst verzichtet habe.</p>
<div id="attachment_3426" class="wp-caption aligncenter" style="width: 500px"><a href="http://www.perun.net/wp-content/uploads/2012/01/textbaustein-anlegen.gif"><img src="http://www.perun.net/wp-content/uploads/2012/01/textbaustein-anlegen-490x240.gif" alt="Textbausteine mit dem WordPress-Plugin Post Snippes anlegen" title="Textbausteine mit dem WordPress-Plugin Post Snippes anlegen" width="490" height="240" class="size-large wp-image-3426" /></a><p class="wp-caption-text">Textbausteine mit dem WordPress-Plugin Post Snippes anlegen</p></div>
<p>Diese Textbausteine tauchen dann sowohl im HTML- wie auch im Visuellen Editor auf, so dass man jeder Zeit bequem auf sie zugreifen kann.</p>
<p>Eine Alternative dazu ist übrigens auch das <a href="http://www.webwork-tools.de/2008/09/textbausteine/">Firefox-Addon Clippings</a>, wenn man gänzlich auf ein Plugin verzichten möchte und/oder die Textbausteine auch an anderer Stelle benötigt.</p>
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/01/23/schriftgroesse-und-art-im-html-editor-von-wordpress-aendern/' title='Schriftgröße und -art im HTML-Editor von WordPress ändern'>Schriftgröße und -art im HTML-Editor von WordPress ändern</a></li>
<li><a href='http://www.perun.net/2010/06/20/wm-feeling-im-blog/' title='WM-Feeling im Blog'>WM-Feeling im Blog</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/17/textbausteine-in-einen-wordpress-artikel-einfuegen/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Linkchecker, Button mit CSS3, neue Cursors in CSS3</title>
		<link>http://www.perun.net/2012/01/14/linkchecker-button-mit-css3-neue-cursors-in-css3/</link>
		<comments>http://www.perun.net/2012/01/14/linkchecker-button-mit-css3-neue-cursors-in-css3/#comments</comments>
		<pubDate>Sat, 14 Jan 2012 13:08:53 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[webwork-tool]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3398</guid>
		<description><![CDATA[Auf drlinkcheck.com kann man bis 1.000 Links einer Seite prüfen. Nach der Prüfung kann man die Links nach mehreren Kriterien auflisten lassen: intern, extern und nicht mehr erreichbar. Dabei zeigt das Online-Tool auch direkt auf welcher Unterseite sich der Link befindet so das man sehr schnell zu den ungültigen Links gelangen kann. Momentan befindet sich [...]]]></description>
			<content:encoded><![CDATA[<p>Auf <a href="http://www.drlinkcheck.com">drlinkcheck.com</a> kann man bis 1.000 Links einer Seite prüfen. Nach der Prüfung kann man die Links nach mehreren Kriterien auflisten lassen: intern, extern und nicht mehr erreichbar. Dabei zeigt das Online-Tool auch direkt auf welcher Unterseite sich der Link befindet so das man sehr schnell zu den ungültigen Links gelangen kann.</p>
<p>Momentan befindet sich das Tool in Beta-Phase. Ob es später kostenpflichtig wird, ist auf der Website nicht ersichtlich.</p>
<h3>Einfacher Button mit CSS3</h3>
<p>Auf <a href="http://www.usabilitypost.com/2012/01/10/pressed-button-state-with-css3/">UsabilityPost</a> gibt es ein nettes Tutorial wie man mit Hiilfe von CSS3 ein einfaches, aber dennoch einen sehr ansehnlichen Button stylen kann. Dabei wird unter anderem auf <a href="http://www.perun.net/2010/07/29/css3-und-abgerundete-ecken/">abgerundete Ecken</a>, <a href="http://www.perun.net/2010/08/09/css3-schatten-fuer-text-und-boxen/">Box-Schatten</a> und Transitionen gesetzt.</p>
<p>Auf Webkrauts.de gibt es eine nette <a href="http://www.webkrauts.de/2011/12/20/css-3-im-praxistest-transition/">Transitionen-Anleitung</a>.</p>
<h3>Neue Cursor-Styles in CSS3</h3>
<p>Bereits in CSS2 gab es einige Sylemöglichkeiten für den Cursor. In CSS3 sind noch ein paar hinzugekommen, wie zum Beispiel das Cursor-Zeichen für <em style="cursor: not-allowed; font-weight: bold; background: #dcdecf;">nicht erlaubt</em> – einfach den Mauscursor über das hervorgehobene &#034;nicht erlaubt&#034; halten.</p>
<p>Auf <a href="http://www.sitepoint.com/css3-cursor-styles/">SitePoint</a> werden diese und noch weitere Cursor-Styles aufgelistet.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2011/11/20/farbverlaeufe-gradients-mit-css3/' title='Farbverläufe (Gradients) mit CSS3'>Farbverläufe (Gradients) mit CSS3</a></li>
<li><a href='http://www.perun.net/2011/11/15/css3-pseudoklasse-nth-child/' title='CSS3: Pseudoklasse &lt;code&gt;:nth-child()&lt;/code&gt;'>CSS3: Pseudoklasse <code>:nth-child()</code></a></li>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/' title='ColorSchemer Studio: leistungsfähiges Farbtool'>ColorSchemer Studio: leistungsfähiges Farbtool</a></li>
<li><a href='http://www.perun.net/2012/02/03/bilder-schnell-online-verkleinern/' title='Bilder schnell online verkleinern'>Bilder schnell online verkleinern</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/19/mit-font-dragr-schriften-auf-websites-testen/' title='Mit font dragr Schriften auf Websites testen'>Mit font dragr Schriften auf Websites testen</a></li>
<li><a href='http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/' title='Mozilla Firefox: Firebug 1.9'>Mozilla Firefox: Firebug 1.9</a></li>
<li><a href='http://www.perun.net/2011/12/31/sublime-text-2-sehr-interessanter-code-editor/' title='Sublime Text 2: sehr interessanter Code-Editor'>Sublime Text 2: sehr interessanter Code-Editor</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/14/linkchecker-button-mit-css3-neue-cursors-in-css3/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Mozilla Firefox: Firebug 1.9</title>
		<link>http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/</link>
		<comments>http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/#comments</comments>
		<pubDate>Mon, 09 Jan 2012 16:51:19 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[Mozilla]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[webwork-tool]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3384</guid>
		<description><![CDATA[Vor ein paar Tagen wurde die Version 1.9 von Firebug veröffentlicht. Bei Firebug handelt es sich um ein sehr wichtiges Werkzeug für Webworker, mit dem man sehr schnell eine Website untersuchen und auf Fehler überprüfen kann. Das Werkzeug habe ich bereits an zwei Stellen erwähnt bzw. beschrieben: hier und hier. In der neuen Version sind [...]]]></description>
			<content:encoded><![CDATA[<p>Vor ein paar Tagen wurde die Version 1.9 von<a href="https://addons.mozilla.org/en-US/firefox/addon/firebug/"> Firebug</a> veröffentlicht. Bei Firebug handelt es sich um ein sehr wichtiges Werkzeug für Webworker, mit dem man sehr schnell eine Website untersuchen und auf Fehler überprüfen kann. Das Werkzeug habe ich bereits an zwei Stellen erwähnt bzw. beschrieben: <a href="http://www.perun.net/2011/08/24/mozilla-firefox-die-ultimativen-erweiterungen-fuer-webworker/#firebug">hier</a> und <a href="http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/">hier</a>.</p>
<p>In der neuen Version sind ein paar Funktionen hinzugekommen, wovon ich zwei für mich persönlich als wichtig erachte. Zum einen bekommt man, wenn man in der HTML- bzw. CSS-Ansicht mit dem Cursor über ein Schrift fährt, einen Tooltip eingeblendet, in dem man einen Blindtext mit der jeweiligen Schrift zu sehen ist:</p>
<p><img src="http://www.perun.net/wp-content/uploads/2012/01/firebug-1_9_0-schrift-vorschau.png" alt="Schrift-Vorschau in Firebug 1.9" title="Schrift-Vorschau in Firebug 1.9" width="500" height="168" class="aligncenter size-full wp-image-3385" /></p>
<p>Die andere Funktion ist die Möglichkeit eine einzelne HTTP-Anfrage im Netzwerk-Bereich gezielt neu zu senden. Einfach auf die entsprechende Anfrage rechts-klicken und im Kontextmenü <em>Erneut senden</em> auswählen.</p>
<p>Weitere Berichte zu Firebug 1.9:</p>
<ul>
<li><a href="http://hacks.mozilla.org/2012/01/firebug-1-9-new-features/">Hacks.Mozilla.org</a></li>
<li><a href="http://www.golem.de/1201/88866.html">Golem.de</a></li>
</ul>
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/21/firepicker-ein-farbtool-fuer-firebug/' title='Firepicker: ein Farbtool für Firebug'>Firepicker: ein Farbtool für Firebug</a></li>
<li><a href='http://www.perun.net/2011/12/23/mozilla-firefox-neue-webworker-tools-in-aurora-11/' title='Mozilla Firefox: neue Webworker-Tools in Aurora 11'>Mozilla Firefox: neue Webworker-Tools in Aurora 11</a></li>
<li><a href='http://www.perun.net/2011/12/17/pencil-zeichentool-fuer-wireframes-und-diagramme/' title='Pencil: Zeichentool für Wireframes und Diagramme'>Pencil: Zeichentool für Wireframes und Diagramme</a></li>
<li><a href='http://www.perun.net/2011/12/02/firefox-und-firebug-64-tools-fuer-webworker/' title='Firefox und Firebug: 64 Tools für Webworker'>Firefox und Firebug: 64 Tools für Webworker</a></li>
<li><a href='http://www.perun.net/2011/11/18/mozilla-webworker-tools-in-firefox-10-aurora/' title='Mozilla: Webworker-Tools in Firefox 10 (Aurora)'>Mozilla: Webworker-Tools in Firefox 10 (Aurora)</a></li>
<li><a href='http://www.perun.net/2011/10/31/mozilla-firefox-website-in-3d-untersuchen/' title='Mozilla Firefox: Website in 3D untersuchen'>Mozilla Firefox: Website in 3D untersuchen</a></li>
<li><a href='http://www.perun.net/2011/06/27/codeburner-html-und-css-referenz-fuer-firebug/' title='CodeBurner: HTML- und CSS-Referenz für Firebug'>CodeBurner: HTML- und CSS-Referenz für Firebug</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Den Büroalltag mit Tier-Büroklammern etwas aufpeppen</title>
		<link>http://www.perun.net/2012/01/06/den-bueroalltag-mit-tier-bueroklammern-etwas-aufpeppen/</link>
		<comments>http://www.perun.net/2012/01/06/den-bueroalltag-mit-tier-bueroklammern-etwas-aufpeppen/#comments</comments>
		<pubDate>Fri, 06 Jan 2012 11:25:57 +0000</pubDate>
		<dc:creator>Sahanya</dc:creator>
				<category><![CDATA[Webwork]]></category>
		<category><![CDATA[büro]]></category>
		<category><![CDATA[schreibtisch]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3380</guid>
		<description><![CDATA[Es gibt ja nicht so viele Sachen, die ich mir zum &#034;Aufpeppen&#034; meines Büroalltags auf den Schreibtisch stellen würde. Sämtliche USB-Gimmicks (Lampe, Heizung etc.) finde ich eigentlich nach einem kurzen Schmunzeln ziemlich blöd und vor allen Dingen komplett überflüssig. Aber was ich ja toll finde sind die Büroklammern Midori D-Clip Paper Clips. Ich &#034;bemühe&#034; mich [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.jetpens.com/Midori-D-Clip-Paper-Clips-Original-Series-Elephant-Box-of-30/pd/5200"><img src="http://www.perun.net/wp-content/uploads/2012/01/bueroklammern-250x233.png" alt="Büroklammern" title="Büroklammern" width="250" height="233" class="alignright size-medium wp-image-3381" /></a>Es gibt ja nicht so viele Sachen, die ich mir zum &#034;Aufpeppen&#034; meines Büroalltags auf den Schreibtisch stellen würde. Sämtliche USB-Gimmicks (Lampe, Heizung etc.) finde ich eigentlich nach einem kurzen Schmunzeln ziemlich blöd und vor allen Dingen komplett überflüssig.</p>
<p>Aber was ich ja toll finde sind die Büroklammern <a href="http://www.jetpens.com/search?q=Midori+D-Clip+Paper+Clips">Midori D-Clip Paper Clips</a>. Ich &#034;bemühe&#034; mich ja schon immer wenigstens bunte Büroklammern zu nutzen, weil ich diese silberfarbenene Einheitsbüroklammern einfach nicht leiden kann. Aber diese Büroklammern, in Form von Tieren u. ä. finde ich mal wirklich gelungen. Nicht zu aufdringlich, aber ich denke da wird der Empfänger des Papierstapels wenigstens schmunzeln <img src='http://www.perun.net/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' /> </p>
<p>Bei <a href="http://www.jetpens.com/">JetPens</a> gibt es außerdem noch so tolle Sachen wie <a href="http://www.jetpens.com/Leaf-Tie-Cable-Organizer-Emerald-Green-Pack-of-12/pd/8369">Kabelbinder aus Blättern mit Stiel</a> oder <a href="http://www.jetpens.com/Leaf-it-Memo-Note-Set-20-Sheets-Leaf-Maple-Red/pd/8003">Notizzettel aus Blättern</a>.</p>
<p>Weiß jemand, ob die Büroklammern auch in Deutschland erhältlich sind?</p>
<p>gefunden bei <a href="http://www.designmom.com/2012/01/japanese-office-supplies/">Design Mom</a><br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li>Keine verwandten Beiträge</li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2012/01/06/den-bueroalltag-mit-tier-bueroklammern-etwas-aufpeppen/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Sublime Text 2: sehr interessanter Code-Editor</title>
		<link>http://www.perun.net/2011/12/31/sublime-text-2-sehr-interessanter-code-editor/</link>
		<comments>http://www.perun.net/2011/12/31/sublime-text-2-sehr-interessanter-code-editor/#comments</comments>
		<pubDate>Sat, 31 Dec 2011 13:33:26 +0000</pubDate>
		<dc:creator>Vladimir</dc:creator>
				<category><![CDATA[HTML & CSS]]></category>
		<category><![CDATA[Webwork]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[editor]]></category>
		<category><![CDATA[Tools]]></category>
		<category><![CDATA[webwork-tool]]></category>

		<guid isPermaLink="false">http://www.perun.net/?p=3354</guid>
		<description><![CDATA[Ich benutze schon seit mehreren Jahren WeBuilder als meinen Code- bzw. HTML-Editor und bin damit zufrieden. Dennoch schaue ich ab und an was es sonst noch so an Text- und Code-Editoren auf den Markt gibt. So habe ich gestern den Code-Editor Sublime Text entdeckt und es vorhin installiert und zwar die Beta der 2er Version. [...]]]></description>
			<content:encoded><![CDATA[<p>Ich benutze schon seit mehreren Jahren <a href="http://www.perun.net/tag/webuilder/">WeBuilder</a> als meinen Code- bzw. HTML-Editor und bin damit zufrieden. Dennoch schaue ich ab und an was es sonst noch so an Text- und Code-Editoren auf den Markt gibt.</p>
<p>So habe ich gestern den <a href="http://www.sublimetext.com">Code-Editor Sublime Text</a> entdeckt und es vorhin installiert und zwar <a href="http://www.sublimetext.com/blog/articles/sublime-text-2-beta">die Beta</a> der 2er Version.</p>
<p><a href="http://www.sublimetext.com/blog/articles/sublime-text-2-beta"><img src="http://www.perun.net/wp-content/uploads/2011/12/code-editor-sublime-2.png" alt="Code-Editor Sublime Text 2" title="Code-Editor Sublime Text 2" width="500" height="322" class="aligncenter size-full wp-image-3355" /></a></p>
<p>Der Code-Editor hat ein paar sehr interessante Funktionen, die auf jeden Fall es Wert sind, dass man sich das Programm mal näher anschaut und testet. <span id="more-3354"></span></p>
<p>Es<img src="http://vg07.met.vgwort.de/na/2a1bf938cfc549d1b31a2102e49fe8e7" width="1" height="1" alt="" /> bietet <strong>Syntaxhervorgebung</strong> für viele relevante Sprachen, kommt mit sehr vielen <strong>Code-Schnippseln</strong> daher, die man auch erweitern kann, es bietet <strong>Projektverwaltung</strong>, Suchen und Ersetzen kann man auch datei-übergreifend und mit Hilfe von <strong>regulären Ausdrücken</strong>, <strong>Macro-Recorder</strong> ist eingebaut, man kann <strong>Wörterbücher</strong> einbauen um die Rechtschreibung zu prüfen und man kann den Code &#034;falten&#034; und darin Lesezeichen setzen.</p>
<p><span style="display: block; text-align: center; margin: 15px 0; padding: 5px 0; border-top: 1px dotted #dcdecf; border-bottom: 1px dotted #dcdecf;"><script type="text/javascript"><!--
google_ad_client = "pub-5055024025269655";
/* 468x60, Erstellt 05.01.11 */
google_ad_slot = "2345380795";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></span></p>
<p>Also nichts was andere kommerzielle Code-Editoren nicht auch hätten. Aber da ich weiß, dass auch Kleinigkeiten entscheidend sind ob man sich für ein Code-Editor entscheidet und dabei auch eine große Portion Bauchgefühl mitspielt, habe ich mich entschieden dieses Programm vorzustellen.</p>
<p>Zwei Sachen hat es dennoch, die ich in anderen Text- und Code-Editoren so nicht gesehen habe. Zum einen ist dies eine &#034;Vogelperspektive&#034; (<em xml:lang="en" lang="en">Minimap</em>) des Codes eine Datei &#8230; im Grund sieht man eine Miniatur, die einem hilft schnell zu bestimmten Abschnitten zu springen:</p>
<p><img src="http://www.perun.net/wp-content/uploads/2011/12/code-editor-sublime-minimap.png" alt="Am Rechten Rand die Minimap des Codes" title="Am Rechten Rand die Minimap des Codes" width="500" height="216" class="aligncenter size-full wp-image-3356" /></p>
<p>Am rechten Rand der Abbildung sieht man die <em xml:lang="en" lang="en">Minimap</em> der gesamten Datei.</p>
<p>Das Programm <a href="http://www.sublimetext.com/2">gibt es für</a> (32- oder 64-Bit), Mac OS X (10.6 oder 10.7) und für Windows (32- oder 64-Bit). Für Windows gibt es auch eine portable Version. Das Programm kostet 59 US-Dollar, wobei die Test-Version ohne Funktionseinschränkungen nutzbar ist. Somit kann man es ausgiebig und in Ruhe testen, bevor man sich entscheidet zu kaufen.<br />
<h3 class='related_post_title'>Verwandte Beiträge:</h3>
<ul class='related_post'>
<li><a href='http://www.perun.net/2012/02/05/mozilla-firefox-quelltext-uebersichtlicher-anzeigen-lassen/' title='Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen'>Mozilla Firefox: Quelltext übersichtlicher anzeigen lassen</a></li>
<li><a href='http://www.perun.net/2012/02/04/colorschemer-studio-leistungsfaehiges-farbtool/' title='ColorSchemer Studio: leistungsfähiges Farbtool'>ColorSchemer Studio: leistungsfähiges Farbtool</a></li>
<li><a href='http://www.perun.net/2012/02/03/bilder-schnell-online-verkleinern/' title='Bilder schnell online verkleinern'>Bilder schnell online verkleinern</a></li>
<li><a href='http://www.perun.net/2012/02/02/der-css3-test-fuer-browser/' title='Der CSS3-Test für Browser'>Der CSS3-Test für Browser</a></li>
<li><a href='http://www.perun.net/2012/02/01/mozilla-firefox-10-seiten-inspektor/' title='Mozilla Firefox 10: Seiten-Inspektor'>Mozilla Firefox 10: Seiten-Inspektor</a></li>
<li><a href='http://www.perun.net/2012/01/31/code-beispiele-mal-schnell-escapen-entschaerfen/' title='Code-Beispiele mal schnell escapen (&#034;entschärfen&#034;)'>Code-Beispiele mal schnell escapen (&#034;entschärfen&#034;)</a></li>
<li><a href='http://www.perun.net/2012/01/30/verwaltung-von-code-schnipseln/' title='Verwaltung von Code-Schnipseln'>Verwaltung von Code-Schnipseln</a></li>
<li><a href='http://www.perun.net/2012/01/19/mit-font-dragr-schriften-auf-websites-testen/' title='Mit font dragr Schriften auf Websites testen'>Mit font dragr Schriften auf Websites testen</a></li>
<li><a href='http://www.perun.net/2012/01/14/linkchecker-button-mit-css3-neue-cursors-in-css3/' title='Linkchecker, Button mit CSS3, neue Cursors in CSS3'>Linkchecker, Button mit CSS3, neue Cursors in CSS3</a></li>
<li><a href='http://www.perun.net/2012/01/09/mozilla-firefox-firebug-1-9/' title='Mozilla Firefox: Firebug 1.9'>Mozilla Firefox: Firebug 1.9</a></li>
</ul>
<hr style="margin-top: 25px;" /><p><strong><a href="http://www.perun.net/2011/12/16/wordpress-3-3-fuer-autoren-und-redakteure/" title="Eine 45 DIN-A4-Seiten starke Anleitung für nur 2,99 Euro">WordPress 3.3 für Autoren und Redakteure als E-Book</a></strong> – <strong><a href="http://www.perun.net/2011/12/17/wordpress-3-3-anleitung-fuer-autoren-und-redakteure-im-pdf-format/" title="Anleitung, die man auch ausdrucken kann. Ideal um es an Kunden, Seminarteilnehmer und Bekannte weiterzugeben. Faire Volumenlizenzen zu sehr günstigen Preisen">WordPress 3.3 für Autoren und Redakteure als PDF</a></strong></p>
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/perun.net">Facebook</a> – <a href="https://plus.google.com/u/0/b/113873877477761877114/" rel="publisher">Google+</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> | Premium <strong><a href="http://www.perun.net/premium-wordpress-themes/">WordPress-Themes</a></strong> – <a href="http://www.wordpress-newsletter.perun.net">kostenloser WordPress-Newsletter</a> – <a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></p><hr style="margin-bottom: 25px;" />]]></content:encoded>
			<wfw:commentRss>http://www.perun.net/2011/12/31/sublime-text-2-sehr-interessanter-code-editor/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>

