<?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>Webwork-Tools &#187; Browser-Erweiterungen</title>
	<atom:link href="http://www.webwork-tools.de/kategorie/browser-erweiterungen/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webwork-tools.de</link>
	<description>Dem Webworker seine Werkzeugkiste</description>
	<lastBuildDate>Sat, 26 Nov 2011 16:17:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>WordPress Helper: ein wichtiges Firefox-Addon für Vielnutzer</title>
		<link>http://www.webwork-tools.de/2011/01/wordpress-helper-ein-wichtiges-firefox-addon-fuer-vielnutzer/</link>
		<comments>http://www.webwork-tools.de/2011/01/wordpress-helper-ein-wichtiges-firefox-addon-fuer-vielnutzer/#comments</comments>
		<pubDate>Fri, 28 Jan 2011 11:53:02 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[addon]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=658</guid>
		<description><![CDATA[Seit knapp zweieinhalb Jahren nutze ich das Firefox-Addon mit dem Namen WordPress Helper von dem Autor Oliver Schlöbe. Meiner Meinung nach ist WordPress Helper das wichtigste Addon für Leute, die entweder WordPress intensiv nutzen, auf mehreren WordPress-Installationen arbeiten oder häufig auf die WordPress-Dokumentation zurückgreifen müssen. Über das Kontextmenü liefert dieses Addon schnellen Zugriff zu vielen [...]]]></description>
			<content:encoded><![CDATA[<p>Seit knapp <a href="http://www.perun.net/2008/10/26/wordpress-helper-nuetzliche-firefox-erweiterung/">zweieinhalb Jahren</a> nutze ich das Firefox-Addon mit dem Namen <a href="https://addons.mozilla.org/de/firefox/addon/wordpress-helper/">WordPress Helper</a> von dem Autor <a href="http://www.schloebe.de/firefox-extensions/wordpress-helper/">Oliver Schlöbe</a>. Meiner Meinung nach ist WordPress Helper das wichtigste Addon für Leute, die entweder WordPress intensiv nutzen, auf mehreren WordPress-Installationen arbeiten oder häufig auf die WordPress-Dokumentation zurückgreifen müssen. <span id="more-658"></span></p>
<div id="attachment_660" class="wp-caption aligncenter" style="width: 500px"><a href="http://www.webwork-tools.de/wp-content/uploads/2011/01/wordpress-helper-kontext-menue.png"><img src="http://www.webwork-tools.de/wp-content/uploads/2011/01/wordpress-helper-kontext-menue-490x458.png" alt="WordPress Helper: jede Menge hilfreicher Links via Kontextmenü" title="WordPress Helper: jede Menge hilfreicher Links via Kontextmenü" width="490" height="458" class="size-large wp-image-660" /></a><p class="wp-caption-text">Links zu diversen WordPress-Quellen</p></div>
<p>Über das Kontextmenü liefert dieses Addon schnellen Zugriff zu vielen wichtigen Quellen. Das erspart einiges an Zeit und Nerven und verhindert, dass die schon eh überfüllte Lesezeichenleiste um einige dutzend weiterer Links verschont bleibt.</p>
<p>WordPress Helper integriert sich auch in der Statusleiste des Browsers:</p>
<div id="attachment_661" class="wp-caption aligncenter" style="width: 489px"><img src="http://www.webwork-tools.de/wp-content/uploads/2011/01/wordpress-helper-statusleiste.png" alt="WordPress Helper in der Statusleiste" title="WordPress Helper in der Statusleiste" width="479" height="401" class="size-full wp-image-661" /><p class="wp-caption-text">Das Menü des Icons in der Statusleiste</p></div>
<p>Von hier aus kann man auf viele Funktionen des Standardblogs zurückgreifen: Beiträge verfassen, Kommentare verwalten etc. Das Standardweblog bestimmt man in den Einstellungen und man kann es natürlich immer wieder ändern. Zudem hat man über das Icon in der Statusleiste Zugriff auf weitere WordPress-Projekte.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/' title='Schnauze voll von Facebook auf diversen Websites?'>Schnauze voll von Facebook auf diversen Websites?</a></li>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/' title='Tab-Verhalten von Firefox beherrschen'>Tab-Verhalten von Firefox beherrschen</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/feedly-das-maximum-aus-dem-google-reader-rausholen/' title='Feedly: das Maximum aus dem Google Reader rausholen'>Feedly: das Maximum aus dem Google Reader rausholen</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/pixlr-grabber-abbildungen-erstellen-und-bearbeiten/' title='Pixlr Grabber: Abbildungen erstellen und bearbeiten'>Pixlr Grabber: Abbildungen erstellen und bearbeiten</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/' title='Widerbug: Firebug in Extrabreit'>Widerbug: Firebug in Extrabreit</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/all-in-one-sidebar-zusaetzliche-inhalte-in-die-firefox-sidebar/' title='All-in-One Sidebar: zusätzliche Inhalte in die Firefox-Sidebar'>All-in-One Sidebar: zusätzliche Inhalte in die Firefox-Sidebar</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" /> <p><a href="http://www.webwork-tools.de/?flattrss_redirect&amp;id=658&amp;md5=723c27b426b8ada416f1776e9cdb8111" title="Flattr" target="_blank"><img src="http://www.webwork-tools.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2011/01/wordpress-helper-ein-wichtiges-firefox-addon-fuer-vielnutzer/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>RoboForm: Formular-Ausfüller, Passwort-Manager und -Generator</title>
		<link>http://www.webwork-tools.de/2011/01/roboform-formular-ausfueller-passwort-manager-und-generator/</link>
		<comments>http://www.webwork-tools.de/2011/01/roboform-formular-ausfueller-passwort-manager-und-generator/#comments</comments>
		<pubDate>Tue, 11 Jan 2011 16:37:32 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[Programme]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[formulardaten]]></category>
		<category><![CDATA[generator]]></category>
		<category><![CDATA[internet explorer]]></category>
		<category><![CDATA[passwort]]></category>
		<category><![CDATA[windows]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=644</guid>
		<description><![CDATA[Während wir das Buch Werkzeuge fürs Web geschrieben haben, sind wir im Interview mit Gerald Steffens auf das Programm RoboForm aufmerksam geworden. Gerald nutze RoboForm intensiv und war sehr angetan von dem Programm. Einige Wochen später haben wir uns zwei Lizenzen gekauft und mittlerweile möchte ich auf das Programm nicht verzichten. Und was kann RoboForm? [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_645" class="wp-caption alignleft" style="width: 272px"><a href="http://www.roboform.com/php/land.php?affid=perun&amp;frm=frame34" target="_blank"><img src="http://www.webwork-tools.de/wp-content/uploads/2011/01/roboform-passwortgenerator.png" alt="Der Passwort-Generator von RoboForm" title="Der Passwort-Generator von RoboForm" width="262" height="322" class="size-full wp-image-645" /></a><p class="wp-caption-text">RoboForm: Passwort-Generator</p></div>
<p>Während<img src="http://vg08.met.vgwort.de/na/233e841f1ad44a9aa60073855ca5c223" width="1" height="1" alt="" /> wir das Buch <a href="http://www.webwork-tools.de/werkzeuge-fuers-web/">Werkzeuge fürs Web</a> geschrieben haben, sind wir im Interview mit <a href="http://www.suchmaschinen-optimierung-seo.info/sosblog/">Gerald Steffens</a> auf das Programm <a href="http://www.roboform.com/php/land.php?affid=perun&#038;frm=frame34">RoboForm</a> aufmerksam geworden.</p>
<p>Gerald nutze RoboForm intensiv und war sehr angetan von dem Programm.</p>
<p>Einige Wochen später haben wir uns zwei Lizenzen gekauft und mittlerweile möchte ich auf das Programm nicht verzichten. Und was kann RoboForm?</p>
<p>Zum einen besitzt <a href="http://www.roboform.com/php/land.php?affid=perun&#038;frm=frame34">RoboForm</a> einen leistungsstarken und anpassbaren <strong>Passwort-Generator</strong> (siehe die Abbildung). Zum zweiten besitzt RobForm eine ausgefeilte <strong>Passwort-Verwaltung</strong> in der nicht nur die Zugangsdaten gespeichert werden, sondern die registrierten Dienste auch als <strong>Lesezeichen</strong> abgelegt werden. Somit gelangt man wirklich mit einem einzigen Klick zu seinen wichtigen Diensten. <span id="more-644"></span></p>
<p>Darüber hinaus kann man auch <strong>Identitäten</strong> verwalten. Nehmen wir mal an, man füllt des öfteren <strong>Formulare</strong> aus: beim Einkufen, wenn man sich bei diversen Diensten registriert u. s. w. Dann kann man verschiedene Identitäten erstellen und diese mit Daten füttern: Name, Adresse, Geburtstag, Telefonnummer, Kreditkartennummer etc. Gelangt man wieder zu einem Registrierungs-Formular, dann kann man diesen mit einem Klick ausfüllen.</p>
<p>Die Trefferquote bei den Formularen ist sehr hoch. Das spart einiges an Zeit.</p>
<p>Zu guter Letzt kann man in <a href="http://www.roboform.com/php/land.php?affid=perun&#038;frm=frame34">RoboForm</a> auch so genannte <em>SafeNotizen</em> (sichere Notizen) eintragen.</p>
<p>Robform läuft auf Windows (XP-7) und integriert sich in Firefox, Internet Explorer ab der Version 6 als eine zusätzliche Browserleiste.</p>
<h3>Sicherheit: Masterpasswort</h3>
<p>Durch die Eingabe eines Masterpassworts kann man alle seine Zugangsdaten, Identitäten und Notizen verschlüsseln und in den Einstellungen kann man dann bestimmen wie oft und wann die Abfrage nach dem Masterpasswort kommt, zum Beispiel wenn der Rechner aus dem Standby-Modus aufwacht.</p>
<p>darüber hinaus beherrscht <a href="http://www.roboform.com/php/land.php?affid=perun&#038;frm=frame34">RoboForm</a> Mechanismen, die die Daten vor Phishing und Keyloggern schützen.</p>
<p>Auf der Website kann man sich die <a href="http://www.roboform.com/dist/affs/AiRoboForm-perun.exe" target="_blank">kostenlose Testversion von RoboForm</a> herunterladen. Sagt einem das Programm zu, dann kann man einfach auf die Pro-Version upgraden (Einzellizenz kostet momentan 24,95 Euro) und muss dabei die Anwendung nicht neu installieren.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2008/09/sichere-passwoerter/' title='Sichere Passwörter'>Sichere Passwörter</a></li>
<li><a href='http://www.webwork-tools.de/2009/03/passwoerter-verwalten-mit-roboform/' title='Passwörter verwalten mit RoboForm'>Passwörter verwalten mit RoboForm</a></li>
<li><a href='http://www.webwork-tools.de/2008/10/leo-der-dolmetscher/' title='Leo, der Dolmetscher'>Leo, der Dolmetscher</a></li>
<li><a href='http://www.webwork-tools.de/2011/03/die-kleinen-verbesserungen-in-firefox-4/' title='Die kleinen verbesserungen in Firefox 4'>Die kleinen verbesserungen in Firefox 4</a></li>
<li><a href='http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/' title='Schnauze voll von Facebook auf diversen Websites?'>Schnauze voll von Facebook auf diversen Websites?</a></li>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/' title='Tab-Verhalten von Firefox beherrschen'>Tab-Verhalten von Firefox beherrschen</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" /> <p><a href="http://www.webwork-tools.de/?flattrss_redirect&amp;id=644&amp;md5=6daf37a0a43edb9e727cd99e521d0278" title="Flattr" target="_blank"><img src="http://www.webwork-tools.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2011/01/roboform-formular-ausfueller-passwort-manager-und-generator/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Arboreal: im Firebug den DOM-Baum veranschaulichen</title>
		<link>http://www.webwork-tools.de/2011/01/arboreal-im-firebug-den-dom-baum-veranschaulichen/</link>
		<comments>http://www.webwork-tools.de/2011/01/arboreal-im-firebug-den-dom-baum-veranschaulichen/#comments</comments>
		<pubDate>Wed, 05 Jan 2011 14:24:16 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=640</guid>
		<description><![CDATA[Arboreal ist eine Erweiterung für Firebug, mit der man den DOM-Baum recht gut veranschaulichen kann. Hier ein Ausschnitt: Den neuen Menüpunkt findet man dann in Firebug wenn man den Hauptpunkt HTML anwählt. Im rechten Kasten befindet sich dann ein Unterpunkt mit dem Namen Visualization. Related Posts: Firebug: dem Webworker seine liebste Feuerwanze PixelZoomer: Lupe, Farbpciker [...]]]></description>
			<content:encoded><![CDATA[<p><a href="https://addons.mozilla.org/en-US/firefox/addon/228373/">Arboreal</a> ist eine Erweiterung für <a href="http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/">Firebug</a>, mit der man den DOM-Baum recht gut veranschaulichen kann. Hier ein Ausschnitt:</p>
<div id="attachment_641" class="wp-caption aligncenter" style="width: 500px"><img src="http://www.webwork-tools.de/wp-content/uploads/2011/01/arboreal-firebug-dom.png" alt="Arboreal: in Firebug den DOM-Baum veranschaulichen" title="Arboreal: in Firebug den DOM-Baum veranschaulichen" width="490" height="200" class="size-full wp-image-641" /><p class="wp-caption-text">Ausschnitt des DOM-Baums von perun.net</p></div>
<p>Den neuen Menüpunkt findet man dann in Firebug wenn man den Hauptpunkt <em>HTML</em> anwählt. Im rechten Kasten befindet sich dann ein Unterpunkt mit dem Namen <em xml:lang="en" lang="en">Visualization</em>.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/' title='Firebug: dem Webworker seine liebste Feuerwanze'>Firebug: dem Webworker seine liebste Feuerwanze</a></li>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/' title='Widerbug: Firebug in Extrabreit'>Widerbug: Firebug in Extrabreit</a></li>
<li><a href='http://www.webwork-tools.de/2009/12/css-usage-welche-css-regeln-kommen-zum-einsatz/' title='CSS Usage: welche CSS-Regeln kommen zum Einsatz?'>CSS Usage: welche CSS-Regeln kommen zum Einsatz?</a></li>
<li><a href='http://www.webwork-tools.de/2008/09/web-developer-toolbar-3/' title='Web Developer Toolbar 3'>Web Developer Toolbar 3</a></li>
<li><a href='http://www.webwork-tools.de/2008/09/web-developer-toolbar-2/' title='Web Developer Toolbar 2'>Web Developer Toolbar 2</a></li>
<li><a href='http://www.webwork-tools.de/2008/09/web-developer-toolbar-1/' title='Web Developer Toolbar 1'>Web Developer Toolbar 1</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" /> <p><a href="http://www.webwork-tools.de/?flattrss_redirect&amp;id=640&amp;md5=e97bfe51238317c31f41283015fd5819" title="Flattr" target="_blank"><img src="http://www.webwork-tools.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2011/01/arboreal-im-firebug-den-dom-baum-veranschaulichen/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Schnauze voll von Facebook auf diversen Websites?</title>
		<link>http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/</link>
		<comments>http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/#comments</comments>
		<pubDate>Fri, 22 Oct 2010 11:44:53 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[addon]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=615</guid>
		<description><![CDATA[Stört es dich, dass sich Facebook in Form von verschiedenen Boxen und Buttons auf diversen Websites breit macht? Kein Problem, wenn du Mozilla Firefox, Safari oder Google Chrome nutzt. Für diese drei Browser existiert eine Erweiterung, die diverse Boxen und Buttons von Facebook auf den anderen Websites blockt. Ich habe es vorhin getestet und alle [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://webgraph.com/resources/facebookblocker/"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/10/facebook-blocker.jpg" alt="Facebook-Blocker" title="Facebook-Blocker" width="114" height="112" class="alignleft size-full wp-image-616" /></a> Stört es dich, dass sich <a href="http://www.facebook.de">Facebook</a> in Form von verschiedenen Boxen und Buttons auf diversen Websites breit macht? Kein Problem, wenn du <a href="http://www.mozilla-europe.org/de/firefox/">Mozilla Firefox</a>, <a href="http://www.apple.com/de/safari/">Safari</a> oder <a href="http://www.google.com/chrome/intl/de/landing_win.html?hl=de&#038;hl=de">Google Chrome</a> nutzt. Für diese drei Browser existiert <a href="http://webgraph.com/resources/facebookblocker/">eine Erweiterung</a>, die diverse Boxen und Buttons von Facebook auf den anderen Websites blockt.</p>
<p>Ich habe es vorhin getestet und alle Facebook-Boxen, die ich auf meinen bzw. unseren Websites eingebaut habe wurden geblockt. <img src='http://www.webwork-tools.de/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>Via <a href="http://twitter.com/#!/macx/statuses/28394250654">@macx</a><br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/feedly-das-maximum-aus-dem-google-reader-rausholen/' title='Feedly: das Maximum aus dem Google Reader rausholen'>Feedly: das Maximum aus dem Google Reader rausholen</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/' title='Widerbug: Firebug in Extrabreit'>Widerbug: Firebug in Extrabreit</a></li>
<li><a href='http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/' title='Firebug: dem Webworker seine liebste Feuerwanze'>Firebug: dem Webworker seine liebste Feuerwanze</a></li>
<li><a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/' title='Tab-Verhalten von Firefox beherrschen'>Tab-Verhalten von Firefox beherrschen</a></li>
<li><a href='http://www.webwork-tools.de/2010/02/tab-vorschau-im-firefox-aktivieren/' title='Tab-Vorschau im Firefox aktivieren'>Tab-Vorschau im Firefox aktivieren</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/wenn-firefox-nicht-erkannt-wird-oder-nicht-starten-will/' title='Wenn Firefox nicht mehr erkannt wird oder nicht mehr starten will'>Wenn Firefox nicht mehr erkannt wird oder nicht mehr starten will</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" /> <p><a href="http://www.webwork-tools.de/?flattrss_redirect&amp;id=615&amp;md5=2042662787174b93891e6ffe08b0a05d" title="Flattr" target="_blank"><img src="http://www.webwork-tools.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</title>
		<link>http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/</link>
		<comments>http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/#comments</comments>
		<pubDate>Wed, 14 Jul 2010 07:15:24 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[addon]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=575</guid>
		<description><![CDATA[Bei PixlZoomer handelt es sich um ein sehr interessantes Firefox-Addon für Webworker. Mit dieser Erweiterung kann man Aschnitte einer Website vergrößern, die Farbwerte auslesen und Bereiche und Abstände pixelgenau ausmessen. Nach der Installation ist das Addon über den Icon in der Statusleiste und über das Kontextmenü aufrufbar. Es öffnet sich ein neues Fenster und in [...]]]></description>
			<content:encoded><![CDATA[<p>Bei <a href="http://matthiasschuetz.com/pixelzoomer/de/">PixlZoomer</a> handelt es sich um ein sehr interessantes Firefox-Addon für Webworker. Mit dieser Erweiterung kann man Aschnitte einer Website vergrößern, die Farbwerte auslesen und Bereiche und Abstände pixelgenau ausmessen.</p>
<div id="attachment_576" class="wp-caption aligncenter" style="width: 500px"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/07/pixelzoomer-im-einsatz.png" alt="PixelZoomer im Einsatz" title="PixelZoomer im Einsatz" width="490" height="294" class="size-full wp-image-576" /><p class="wp-caption-text">PixelZoomer: Lupenfunktion und Maßband im Einsatz</p></div>
<p>Nach der Installation ist das Addon über den Icon in der Statusleiste und über das Kontextmenü aufrufbar. Es öffnet sich ein neues Fenster und in diesem wird die Website geklont und nun kann man Farbwerte auslesen, Zoomen und/oder Abstände ausmessen.</p>
<p>Auf der <a href="http://matthiasschuetz.com/pixelzoomer/de/">Website des Autors</a> gibt es neben zusätzlichen Infos in deutscher Sprache auch ein Video in dem die Funktionen der Erweiterung demonstriert werden.</p>
<p>Entdeckt auf <a href="http://twitter.com/webstandardsmag/status/18429279194">Twitter</a>.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/' title='Firebug: dem Webworker seine liebste Feuerwanze'>Firebug: dem Webworker seine liebste Feuerwanze</a></li>
<li><a href='http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/' title='Schnauze voll von Facebook auf diversen Websites?'>Schnauze voll von Facebook auf diversen Websites?</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/' title='Widerbug: Firebug in Extrabreit'>Widerbug: Firebug in Extrabreit</a></li>
<li><a href='http://www.webwork-tools.de/2008/09/web-developer-toolbar-3/' title='Web Developer Toolbar 3'>Web Developer Toolbar 3</a></li>
<li><a href='http://www.webwork-tools.de/2008/09/web-developer-toolbar-2/' title='Web Developer Toolbar 2'>Web Developer Toolbar 2</a></li>
<li><a href='http://www.webwork-tools.de/2008/09/web-developer-toolbar-1/' title='Web Developer Toolbar 1'>Web Developer Toolbar 1</a></li>
<li><a href='http://www.webwork-tools.de/2011/01/arboreal-im-firebug-den-dom-baum-veranschaulichen/' title='Arboreal: im Firebug den DOM-Baum veranschaulichen'>Arboreal: im Firebug den DOM-Baum veranschaulichen</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" /> <p><a href="http://www.webwork-tools.de/?flattrss_redirect&amp;id=575&amp;md5=df68e723300bf33b78a182729d69c4a1" title="Flattr" target="_blank"><img src="http://www.webwork-tools.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Alle URLs der offenen Tabs auflisten</title>
		<link>http://www.webwork-tools.de/2010/04/alle-urls-der-offenen-tabs-auflisten/</link>
		<comments>http://www.webwork-tools.de/2010/04/alle-urls-der-offenen-tabs-auflisten/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 11:34:29 +0000</pubDate>
		<dc:creator>Sahanya</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[tabs]]></category>
		<category><![CDATA[url]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=543</guid>
		<description><![CDATA[Man stelle sich folgende Situation vor: man recherchiert über einen längeren Zeitraum zu einem bestimmten Thema, hat dabei allerhand offene Tabs mit relevanten Seiten geöffnet und möchte diese Sammlung nun jemandem per E-Mail zuschicken. Altmodisch und von Hand kann man nun natürlich alle URLs einzeln kopieren und in eine E-Mail einfügen. Das Formatieren derselbigen wird [...]]]></description>
			<content:encoded><![CDATA[<p>Man<img src="http://vg09.met.vgwort.de/na/5d0b9fe4417b454db659b4949cf2122d" width="1" height="1" alt="" /> stelle sich folgende Situation vor: man recherchiert über einen längeren Zeitraum zu einem bestimmten Thema, hat dabei allerhand offene Tabs mit relevanten Seiten geöffnet und möchte diese Sammlung nun jemandem per E-Mail zuschicken.</p>
<div id="attachment_544" class="wp-caption alignleft" style="width: 260px"><a href="http://www.webwork-tools.de/wp-content/uploads/2010/04/url-lister.png"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/04/url-lister-250x142.png" alt="Der URL Lister" title="Der URL Lister" width="250" height="142" class="size-medium wp-image-544" /></a><p class="wp-caption-text">Der URL Lister</p></div>
<p>Altmodisch und von Hand kann man nun natürlich alle URLs einzeln kopieren und in eine E-Mail einfügen. Das Formatieren derselbigen wird man wegen des Zeitaufwandes garantiert für überflüssig befinden.</p>
<p>Mit dem Firefox-Addon <a href="https://addons.mozilla.org/de/firefox/addon/7192">URL Lister</a> ist das ganze kein Problem mehr. Den URL Lister einfach über das Extras-Menü aufrufen, die gewünschte Formatierung (einfacher Text, HTML-Links, HTML-Links in einer unformatierten Liste) auswählen und alle URLs werden kopiert, so dass man sie in jede beliebige andere Anwendung (E-Mail, Textverarbeitung, Editor) einfügen kann.<span id="more-543"></span></p>
<p>Die Formatierung ist insbesondere auch für das Erfassen einzelner URL interessant. Zudem kann man aus der Liste, die der URL Lister anzeigt auch einzelne Links markieren und dann kopieren. In den Einstellungen kann man das Verhalten des URL Lister noch näher bestimmen: Standardformat, automatisches Kopieren beim Aufruf des URL Lister, öffnen von Tabs, wenn diese in den URL Lister eingefügt (Paste) werden und Umbruchzeichen für das jeweilige System (Windows, Mac, Linux).</p>
<p>Der URL Lister ist ein gleichwertige Alternative zum Firefox-Addon <a href="https://addons.mozilla.org/de/firefox/addon/934">CopyAllUrls</a>, das hier schon einmal in Verbindung mit dem Thema <a href="http://www.webwork-tools.de/2008/08/links-buendeln/">Links bündeln</a> vorgestellt wurde. Es eignet sich vor allen für diejenigen denen CopyAllUrls zu umfangreich bzw. überdimensioniert für ihre Bedürfnisse erscheint.</p>
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/' title='Tab-Verhalten von Firefox beherrschen'>Tab-Verhalten von Firefox beherrschen</a></li>
<li><a href='http://www.webwork-tools.de/2010/02/tab-vorschau-im-firefox-aktivieren/' title='Tab-Vorschau im Firefox aktivieren'>Tab-Vorschau im Firefox aktivieren</a></li>
<li><a href='http://www.webwork-tools.de/2009/09/tabs-schrumpfen/' title='Tabs schrumpfen'>Tabs schrumpfen</a></li>
<li><a href='http://www.webwork-tools.de/2009/04/darfs-noch-ein-bisschen-kuerzer-seinurls-mit-firefox-addon-kuerzen/' title='Darfs noch ein bißchen kürzer sein?&lt;br/&gt;URLs mit Firefox-Addon kürzen'>Darfs noch ein bißchen kürzer sein?<br/>URLs mit Firefox-Addon kürzen</a></li>
<li><a href='http://www.webwork-tools.de/2009/02/tab-urls-verschicken/' title='Tab-URLs verschicken'>Tab-URLs verschicken</a></li>
<li><a href='http://www.webwork-tools.de/2009/01/den-einen-tab-finden/' title='Den einen Tab finden'>Den einen Tab finden</a></li>
<li><a href='http://www.webwork-tools.de/2008/10/aus-kurz-mach-lang-was-sich-hinter-gekuerzten-url-verbirgt/' title='Aus kurz mach lang – was sich hinter gekürzten URL verbirgt'>Aus kurz mach lang – was sich hinter gekürzten URL verbirgt</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" />]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/04/alle-urls-der-offenen-tabs-auflisten/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Tab-Verhalten von Firefox beherrschen</title>
		<link>http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/</link>
		<comments>http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/#comments</comments>
		<pubDate>Fri, 12 Feb 2010 10:58:26 +0000</pubDate>
		<dc:creator>Sahanya</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[addon]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[tabs]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=524</guid>
		<description><![CDATA[Wer Firefox und dabei insbesondere seine Tabs und deren Verhalten und Aussehen beherrschen möchte, kommt um das Addon Tab Mix Plus nicht herum. Die schiere Menge an Einstellungsmöglichkeiten mag zwar den ein oder anderen Nutzer abschrecken oder sogar verschrecken, aber ein genauerer Blick auf die Möglichkeiten, die einem dieses Addon bietet, lohnt sich. Nach der [...]]]></description>
			<content:encoded><![CDATA[<p>Wer Firefox und dabei insbesondere seine Tabs und deren Verhalten und Aussehen beherrschen möchte, kommt um das Addon <a href="https://addons.mozilla.org/de/firefox/addon/1122">Tab Mix Plus</a> nicht herum. Die schiere Menge an Einstellungsmöglichkeiten mag zwar den ein oder anderen Nutzer abschrecken oder sogar verschrecken, aber ein genauerer Blick auf die Möglichkeiten, die einem dieses Addon bietet, lohnt sich.</p>
<p>Nach der Installation sollte man einen Blick auf die Einstellungsmöglichkeiten werfen um so das Verhalten der Tabs ganz nach den eigenen Wünschen anzupassen. Da der Entwickler eine eine sehr umfangreichen <a href="http://tmp.garyr.net/help/">Dokumentation </a> (erreichbar auch über den Hilfe-Button) erstellt hat, die alle Einstellungsmöglichkeiten erläutert, möchte ich nur auf (in meinen Augen) besondere Highlights eingehen.<span id="more-524"></span></p>
<ul>
<li>Das<img src="http://vg04.met.vgwort.de/na/44e755bc37a94ea397c4ce1cbd9badd3" width="1" height="1" alt="" /> Verhalten von aufgerufenen Webseiten kann bestimmt werden, je nach dem wie der &#034;Aufruf&#034; erfolgt. Dabei unterscheidet das Addon z. B. Lesezeichen, Chronik, Adressleiste und Suchleiste. So kann man z. B. festlegen, dass sich Lesezeichen immer in einem neuen Tab öffnen oder dass Aufrufe aus der Adressleiste sich immer im Vordergrund öffnen.</li>
<li>Mehrere offene Fenster bzw. die Tabs in diesen könnne in einem Fenster zusammengefasst werden.</li>
<li>Mit Mausklicks können verschiedene Tab-Verhalten ausgelöst werden: Tab öffnen, Tab schließen, Fenster zusammenfassen, Tab-Adresse kopieren etc.</li>
<li>Welche Möglichkeiten sollen im Tabkontextmenü, im Hauptkontextmenü und im Extras-Menü angezeigt werden bzw. welche nicht.</li>
</ul>

<a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/01_tab-verhalten/' title='Tab-Verhalten bestimmen'><img width="125" height="125" src="http://www.webwork-tools.de/wp-content/uploads/2010/02/01_tab-verhalten-125x125.png" class="attachment-thumbnail" alt="Tab-Verhalten bestimmen" title="Tab-Verhalten bestimmen" /></a>
<a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/02_tab-fokus/' title='Tab-Fokus festlegen'><img width="125" height="125" src="http://www.webwork-tools.de/wp-content/uploads/2010/02/02_tab-fokus-125x125.png" class="attachment-thumbnail" alt="Tab-Fokus festlegen" title="Tab-Fokus festlegen" /></a>
<a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/03_zusammenfassen/' title='Fenster zusammenfassen'><img width="125" height="125" src="http://www.webwork-tools.de/wp-content/uploads/2010/02/03_zusammenfassen-125x125.png" class="attachment-thumbnail" alt="Fenster zusammenfassen" title="Fenster zusammenfassen" /></a>
<a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/04_mausklicks/' title='Mausklicks festlegen'><img width="125" height="125" src="http://www.webwork-tools.de/wp-content/uploads/2010/02/04_mausklicks-125x125.png" class="attachment-thumbnail" alt="Mausklicks festlegen" title="Mausklicks festlegen" /></a>
<a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/05_kontextmenue/' title='Kontextmenü bestimmen'><img width="125" height="125" src="http://www.webwork-tools.de/wp-content/uploads/2010/02/05_kontextmenü-125x125.png" class="attachment-thumbnail" alt="Kontextmenü bestimmen" title="Kontextmenü bestimmen" /></a>

<p>Ein kleiner Hinweis zum Schluß: Hinter dem Button &#034;Einstellungen&#034; der unten links immer sichtbar ist, verbirgt sich u. a. die Möglichkeit alles Einstellungen wieder auf Standard zurückzustellen. Aber man kann hier auch seine Einstellungen exportieren bzw. eine Einstellungs-Datei importieren.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/' title='Schnauze voll von Facebook auf diversen Websites?'>Schnauze voll von Facebook auf diversen Websites?</a></li>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2010/02/tab-vorschau-im-firefox-aktivieren/' title='Tab-Vorschau im Firefox aktivieren'>Tab-Vorschau im Firefox aktivieren</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/' title='Widerbug: Firebug in Extrabreit'>Widerbug: Firebug in Extrabreit</a></li>
<li><a href='http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/' title='Firebug: dem Webworker seine liebste Feuerwanze'>Firebug: dem Webworker seine liebste Feuerwanze</a></li>
<li><a href='http://www.webwork-tools.de/2009/09/tabs-schrumpfen/' title='Tabs schrumpfen'>Tabs schrumpfen</a></li>
<li><a href='http://www.webwork-tools.de/2011/03/die-kleinen-verbesserungen-in-firefox-4/' title='Die kleinen verbesserungen in Firefox 4'>Die kleinen verbesserungen in Firefox 4</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" /> <p><a href="http://www.webwork-tools.de/?flattrss_redirect&amp;id=524&amp;md5=f6fc834617ad78cf3fecbd94903c2c9c" title="Flattr" target="_blank"><img src="http://www.webwork-tools.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Zeichen zählen im Browser</title>
		<link>http://www.webwork-tools.de/2010/01/zeichen-zaehlen-im-browser/</link>
		<comments>http://www.webwork-tools.de/2010/01/zeichen-zaehlen-im-browser/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 00:38:52 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[bookmarklets]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=512</guid>
		<description><![CDATA[Was ich schon seit längerem vermisst habe ist die Angabe über die Anzahl der Zeichen, die man in einem Textfeld oder eine Textbox eingetippt hat: also einem Zeichen-Counter. Das ist z. B. dann interessant wenn man wissen möchte ob ein Text auch die benötigte Anzahl der Zeichen erreicht hat, um bei der VG Wort gemeldet [...]]]></description>
			<content:encoded><![CDATA[<p>Was ich schon seit längerem vermisst habe ist die Angabe über die Anzahl der Zeichen, die man in einem Textfeld oder eine Textbox eingetippt hat: also einem Zeichen-Counter. </p>
<div id="attachment_513" class="wp-caption aligncenter" style="width: 500px"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/zeichen-counter.png" alt="Zeichen-Counter" title="Zeichen-Counter" width="490" height="190" class="size-full wp-image-513" /><p class="wp-caption-text">Und wie viele Zeichen habe ich bereits?</p></div>
<p>Das ist z. B. dann interessant wenn man wissen möchte ob ein Text auch die benötigte Anzahl der Zeichen erreicht hat, um bei der <a href="http://www.vgwort.de">VG Wort</a> gemeldet zu werden oder wenn man Nachrichten von Facebook zu Twitter sendet um zu wissen, wann 140 Zeichen erreicht sind um zu wissen wo der weitergleitete Text endet. <span id="more-512"></span></p>
<p>Sicherlich, übergangsweise<img src="http://vg04.met.vgwort.de/na/b1896002ad6b4d02b2a1a892ba9c4a03" width="1" height="1" alt="" /> kann man sich dadurch helfen, indem man den eingetippten Text in einen Texteditor reinkopiert, der die Funktion eingebaut hat. Auf die Dauer ist das keine komfortable Lösung. Es musste eine Lösung her, die auch im Browser angesiedelt ist.</p>
<p>Für Firefox gibt es zwar <a href="https://addons.mozilla.org/en-US/firefox/addon/11490">ein Add-on</a>, dass dieses kann, aber leider noch im experimentellem Stadium und nicht mit Firefox 3.6 kompatibel. Einen weiteren Tipp denn ich <a href="http://twitter.com/SteBu/statuses/8233475084">via Twitter</a> bekam, war ein <a href="http://gavinsharp.com/scripts/TextAreaCharCount.user.js">Greasemonkey-Script</a>.</p>
<p>Allerdings, die bis jetzt beste Lösung hatte <a href="http://twitter.com/derSchepp">Christian Schaefer</a> in Form eines Bookmarklets (<a href="http://www.webwork-tools.de/2008/08/was-sind-bookmarklets-bzw-favlets/">Was sind Bookmarklets?</a>) bereit: </p>
<pre><code>javascript:counter=document.createElement('input');counter.id='counter';counter.style.position='fixed';counter.style.zIndex='1000';counter.style.right='0';counter.style.top='0';document.body.appendChild(counter);textareas=document.getElementsByTagName('textarea');for(i=0;i&lt;textareas.length;i++)textareas[i].addEventListener('keyup',function(e){document.getElementById('counter').value=this.value.length;},false);</code></pre>
<p>Download: <a href='http://www.webwork-tools.de/wp-content/uploads/2010/01/zaehler-textbox.txt'>Zähler-Textbox (txt, 413 Byte)</a></p>
<p>Wenn du den Code aus der oberen Textdatei als Lesezeichen ablegst, dann werden alle Zeichen, die du in eine <strong>Textbox</strong> (<code>&lt;textarea&gt;</code>) schreibst mitgezählt. Es werden sowohl &#034;normale&#034; Zeichen als auch die Leerschritte mitgezählt. Doch es geht noch besser: </p>
<pre><code>javascript:var%20counter=document.createElement('input');counter.id='counter';counter.style.position='fixed';counter.style.zIndex='1000';counter.style.right='0';counter.style.top='0';document.body.appendChild(counter);var%20tags=new%20Array('input','textarea','div');for(j=0;j&lt;tags.length;j++){var%20elems=document.getElementsByTagName(tags[j]);for(i=0;i&lt;elems.length;i++){if(typeof(elems[i].value)!='undefined'||elems[i].contentEditable==&quot;true&quot;||elems[i].contentEditable==true)elems[i].addEventListener('keyup',function(e){if(typeof(this.value)!='undefined'){document.getElementById('counter').value=this.value.length;}else{if(typeof(this.innerText)!='undefined'){document.getElementById('counter').value=this.innerText.length;}else{if(typeof(this.textContent)!='undefined'){document.getElementById('counter').value=this.textContent.length;}}}},false);}}</code></pre>
<p>Download: <a href='http://www.webwork-tools.de/wp-content/uploads/2010/01/zaehler-alles.txt'>Zähler alles (txt, 855 Byte)</a>.</p>
<p>Wenn du diesen Code der zweiten Textdatei als Lesezeichen ablegst, dann werden die <strong>Zeichen der Textboxen, der Textfelder(<code>&lt;input /&gt;</code>) und in <code>div</code>-Boxen</strong> , wie sie Facebook hat, mitgezählt.</p>
<h3>Und wie läuft das nun ab?</h3>
<p>Einfach ein neues Lesezeichen erstellen und eines der beiden Codes als Adresse eingeben:</p>
<div id="attachment_514" class="wp-caption aligncenter" style="width: 391px"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/neues-bookmarklet-anlegen.png" alt="Neues Bookmarklet anlegen" title="Neues Bookmarklet anlegen" width="381" height="253" class="size-full wp-image-514" /><p class="wp-caption-text">Neues Bookmarklet anlegen</p></div>
<p>Anschließend speichern und das ganze ist einsatzbereit. Wenn man es benutzen möchte, setzt man als erstes den Cursor in den Textbereich in welchem man den Text verfassen will und ruft das Bookmarklet auf. Anschließend öffnet sich oben rechts ein zusätzliches Feld in dem die Anzahl der Zeichen gezählt wird (siehe auch die erste Abbildung). </p>
<p>Was das Bookmarklet auch kann ist die die Zeichen korrekt zu zählen, wenn die Zählung durch einen Reload des Bildschirms unterbrochen wurde (z. B. automatische Speicherung bei WordPress) oder wenn man schon geschrieben hat, bevor man das Lesezeichen aufgerufen hat. In solchen Fällen, einfach den Cursor wieder in den Textbereich setzen und weiter schreiben. Nach der Eingabe des nächsten Zeichens zählt das Bookmarklet korrekt weiter.</p>
<p>Super, ich bin zufrieden. Vielen Dank an Christian!</p>
<p><strong>Nachtrag:</strong> ich habe das Bookmarklet unter Firefox 3.6, Chrome 4 und Opera 10.10 auf Vista getestet und es läuft einwandfrei. Der Internet Explorer wollte irgendwie nicht, aber das ist nicht weiter schlimm.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2010/01/quix-das-ueber-bookmarklet/' title='Quix: Das Ueber-Bookmarklet'>Quix: Das Ueber-Bookmarklet</a></li>
<li><a href='http://www.webwork-tools.de/2009/10/wichtiges-auf-einer-webseite-markieren/' title='Wichtiges auf einer Webseite markieren'>Wichtiges auf einer Webseite markieren</a></li>
<li><a href='http://www.webwork-tools.de/2009/08/lesbarkeit-von-websites-mit-readability-bookmarklet-verbessern/' title='Lesbarkeit von Websites mit Readability-Bookmarklet verbessern'>Lesbarkeit von Websites mit Readability-Bookmarklet verbessern</a></li>
<li><a href='http://www.webwork-tools.de/2009/08/kwout-mit-bild-zitieren/' title='kwout – mit Bild zitieren'>kwout – mit Bild zitieren</a></li>
<li><a href='http://www.webwork-tools.de/2009/08/css-prism-farbwerte-aus-einer-css-datei-rauslesen/' title='CSS-Prism: Farbwerte aus einer CSS-Datei rauslesen'>CSS-Prism: Farbwerte aus einer CSS-Datei rauslesen</a></li>
<li><a href='http://www.webwork-tools.de/2009/07/feed-in-pdf-dokument-konvertieren/' title='Feed in PDF-Dokument konvertieren'>Feed in PDF-Dokument konvertieren</a></li>
<li><a href='http://www.webwork-tools.de/2009/04/gekuerzte-url-mit-sozialer-komponente-burnurl/' title='Gekürzte URL mit sozialer Komponente: BurnURL'>Gekürzte URL mit sozialer Komponente: BurnURL</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" /> <p><a href="http://www.webwork-tools.de/?flattrss_redirect&amp;id=512&amp;md5=eece0d379ccb1e9c05e3815a89e9cc36" title="Flattr" target="_blank"><img src="http://www.webwork-tools.de/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/01/zeichen-zaehlen-im-browser/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Quix: Das Ueber-Bookmarklet</title>
		<link>http://www.webwork-tools.de/2010/01/quix-das-ueber-bookmarklet/</link>
		<comments>http://www.webwork-tools.de/2010/01/quix-das-ueber-bookmarklet/#comments</comments>
		<pubDate>Mon, 25 Jan 2010 14:15:17 +0000</pubDate>
		<dc:creator>Sahanya</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[bookmarklets]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=504</guid>
		<description><![CDATA[Wer viel mit Bookmaklets arbeitet wird sich schon des öfteren gewünscht haben, es gäbe DAS EINE, das alles kann. Genau den Wunsch hatte zumindest Joost de Valk (Yoast) und hat sich flugs sein eigenes Bookmarklet &#034;gebastelt&#034;. Den Alleskönnner: Quix. Grundsätzlich funktioniert Quix wie eine Kommandozeile im Browser: aufrufen und die gewünschte Aktion per Tastatur-Kurzbefehl aufrufen. [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_505" class="wp-caption alignright" style="width: 365px"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/quix.png" alt="Quix" title="Quix" width="355" height="141" class="size-full wp-image-505" /><p class="wp-caption-text">Quix</p></div>
<p>Wer viel mit <a href="http://www.webwork-tools.de/2008/08/was-sind-bookmarklets-bzw-favlets/">Bookmaklets</a> arbeitet wird sich schon des öfteren gewünscht haben, es gäbe DAS EINE, das alles kann. Genau den Wunsch hatte zumindest <a href="http://yoast.com/unleashing-quix/#utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=unleashing-quix">Joost de Valk (Yoast)</a> und hat sich flugs sein eigenes Bookmarklet &#034;gebastelt&#034;. Den Alleskönnner: <a href="http://quixapp.com">Quix</a>. Grundsätzlich funktioniert Quix wie eine Kommandozeile im Browser: aufrufen und die gewünschte Aktion per Tastatur-Kurzbefehl aufrufen.</p>
<p>Das Bookmarklet deckt dabei u. a. die folgenden Themenbereiche ab:</p>
<ul>
<li>Grundsätzliches (Suche bei Amazon, Google, Flickr, Wikipedia, Seite übersetzen, Link der aktuellen Seite per E-Mail verschicken etc.) </li>
<li>Soziale Netzwerke (Link der aktuell besuchten Seite an delicious, Facebook, Twitter, Posterous senden, YouTube-Video suchen etc.)</li>
<li>WordPress (Im WordPress-Codex suchen, ein WordPress-Plugin suchen etc.)</li>
<li>Suchmaschinenoptimierung (Google Webmaster Tools, Linkcheck für die aktuell besuchte Seite aufrufen etc.)</li>
<li>Webmaster (CSS für aktuell besuchten Seite de-/aktivieren, Lineal aufrufen, Quelltext ansehen, Seite validieren etc.)</li>
<li>Quix (Hilfe, Debuggen etc.)</li>
<li>URL-Kürzer</li>
</ul>
<p>Quix zeichnet sich zudem dadurch aus, dass man es nach Belieben selber erweitern kann. Der Autor hat dazu eine <a href="http://quixapp.com/help/syntax/">kleine verständliche Anleitung</a> geschrieben, so dass auch Nicht-Programmierer sich ihr eigenes Bookmarklet zurechtfrickeln können. Zudem hat man hier auch Einblick in die Original-Datei von Quix, so dass sich manches auch durch Nachkochen erreichen lässt, z. B. Suche bei Amazon.de oder Google.de anstatt Amazon.com bzw. Google.com<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2010/01/zeichen-zaehlen-im-browser/' title='Zeichen zählen im Browser'>Zeichen zählen im Browser</a></li>
<li><a href='http://www.webwork-tools.de/2009/10/wichtiges-auf-einer-webseite-markieren/' title='Wichtiges auf einer Webseite markieren'>Wichtiges auf einer Webseite markieren</a></li>
<li><a href='http://www.webwork-tools.de/2009/08/lesbarkeit-von-websites-mit-readability-bookmarklet-verbessern/' title='Lesbarkeit von Websites mit Readability-Bookmarklet verbessern'>Lesbarkeit von Websites mit Readability-Bookmarklet verbessern</a></li>
<li><a href='http://www.webwork-tools.de/2009/08/kwout-mit-bild-zitieren/' title='kwout – mit Bild zitieren'>kwout – mit Bild zitieren</a></li>
<li><a href='http://www.webwork-tools.de/2009/08/css-prism-farbwerte-aus-einer-css-datei-rauslesen/' title='CSS-Prism: Farbwerte aus einer CSS-Datei rauslesen'>CSS-Prism: Farbwerte aus einer CSS-Datei rauslesen</a></li>
<li><a href='http://www.webwork-tools.de/2009/07/feed-in-pdf-dokument-konvertieren/' title='Feed in PDF-Dokument konvertieren'>Feed in PDF-Dokument konvertieren</a></li>
<li><a href='http://www.webwork-tools.de/2009/04/gekuerzte-url-mit-sozialer-komponente-burnurl/' title='Gekürzte URL mit sozialer Komponente: BurnURL'>Gekürzte URL mit sozialer Komponente: BurnURL</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" />]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/01/quix-das-ueber-bookmarklet/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Feedly: das Maximum aus dem Google Reader rausholen</title>
		<link>http://www.webwork-tools.de/2010/01/feedly-das-maximum-aus-dem-google-reader-rausholen/</link>
		<comments>http://www.webwork-tools.de/2010/01/feedly-das-maximum-aus-dem-google-reader-rausholen/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 12:29:17 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[addon]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[google]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[rss]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=494</guid>
		<description><![CDATA[Der Dienst Feedly und das dazugehörige Firefox-Addon sind bis vor kurzem völlig an mir vorbei gegangen. Doch mittlerweile ärgere ich mich doch ein bisschen, dass ich mich nicht schon früher mit Feedly auseinandergesetzt habe. Worum geht es bei Feedly? Der Dienst greift auf deinen Feed-Reader – in meinem Fall auf Google Reader – und stellt [...]]]></description>
			<content:encoded><![CDATA[<p>Der Dienst <a href="http://www.feedly.com">Feedly</a> und das dazugehörige <a href="https://addons.mozilla.org/de/firefox/addon/8538">Firefox-Addon</a> sind bis vor kurzem völlig an mir vorbei gegangen. Doch mittlerweile ärgere ich mich doch ein bisschen, dass ich mich nicht schon früher mit Feedly auseinandergesetzt habe.</p>
<p>Worum geht es bei Feedly? Der Dienst greift auf deinen Feed-Reader – in meinem Fall auf <a href="http://www.google.com/reader/view/">Google Reader</a> – und stellt die Quellen unter verschiedenen Aspekten und in verschiedenen Formaten dar:</p>
<div id="attachment_496" class="wp-caption aligncenter" style="width: 500px"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/feedly-im-einsatz.jpg" alt="Feedly im Einsatz" title="Feedly im Einsatz" width="490" height="373" class="size-full wp-image-496" /><p class="wp-caption-text">Feedly im Einsatz</p></div>
<p>Ich war am Anfang etwas skeptisch, aber es ist schon erstaunlich was für Nachrichten man entdeckt, obwohl die Erweiterung auf den gleichen Informationspool zurückgreift welches mir schon zur Verfügung steht.</p>
<div id="attachment_497" class="wp-caption alignright" style="width: 44px"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/feedly-mini.png" alt="Feedly mini" title="Feedly mini" width="34" height="182" class="size-full wp-image-497" /><p class="wp-caption-text">Feedly mini</p></div>
<h3>Feedly mini</h3>
<p>Die Erweiterung bietet darüber hinaus auch eine kleine Toolbar an, welche man in den Einstellungen einblenden kann. Mit Hilfe der Leiste kann man eine Website im Google-Reader empfehlen oder sie speichern. Wie das dann ausschaut, wenn man einen anderen Feed-Reader (z. B. Bloglines) nutzt, kann ich jetzt auf die schnelle nicht sagen. </p>
<p>Dann kann man die Website bzw. den Artikel noch auf Twitter, Facebook oder per E-Mail (Google Mail) empfehlen. Auch der Zugriff auf die Einstellungen ist von der Toolbar möglich. Mit dem Klick auf den obersten Knopf zeigt Feedly den nächsten empfohlenen Artikel an. Da bin ich aber noch nicht so ganz dahinter gestiegen, nach welchem Prinzip die Empfehlungen ausgesucht werden.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/' title='Schnauze voll von Facebook auf diversen Websites?'>Schnauze voll von Facebook auf diversen Websites?</a></li>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/pixlr-grabber-abbildungen-erstellen-und-bearbeiten/' title='Pixlr Grabber: Abbildungen erstellen und bearbeiten'>Pixlr Grabber: Abbildungen erstellen und bearbeiten</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/' title='Widerbug: Firebug in Extrabreit'>Widerbug: Firebug in Extrabreit</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/all-in-one-sidebar-zusaetzliche-inhalte-in-die-firefox-sidebar/' title='All-in-One Sidebar: zusätzliche Inhalte in die Firefox-Sidebar'>All-in-One Sidebar: zusätzliche Inhalte in die Firefox-Sidebar</a></li>
<li><a href='http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/' title='Firebug: dem Webworker seine liebste Feuerwanze'>Firebug: dem Webworker seine liebste Feuerwanze</a></li>
<li><a href='http://www.webwork-tools.de/2009/11/gbutts-heisst-jetzt-google-shortcuts/' title='GButts heißt jetzt Google Shortcuts'>GButts heißt jetzt Google Shortcuts</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" />]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/01/feedly-das-maximum-aus-dem-google-reader-rausholen/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Pixlr Grabber: Abbildungen erstellen und bearbeiten</title>
		<link>http://www.webwork-tools.de/2010/01/pixlr-grabber-abbildungen-erstellen-und-bearbeiten/</link>
		<comments>http://www.webwork-tools.de/2010/01/pixlr-grabber-abbildungen-erstellen-und-bearbeiten/#comments</comments>
		<pubDate>Sat, 16 Jan 2010 12:44:59 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[addon]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[mozilla]]></category>
		<category><![CDATA[screenshot]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=489</guid>
		<description><![CDATA[Pixlr Grabber ist eine Erweiterung für Firefox der gehobenen Klasse. Mit diesem Firefox-Addon kann man Screenshots (Bildschirmfotos) erstellen und bearbeiten. Auf den üblichen Wegen – über Kontextmenü (Rechtsklick) oder durch den Klick auf das entsprechende Icon in der Statusleiste – kann man Pixlr Grabber aktivieren und dann eine Abbildung entweder von der ganzen Website (volle [...]]]></description>
			<content:encoded><![CDATA[<p><a href="https://addons.mozilla.org/de/firefox/addon/9924">Pixlr Grabber</a> ist eine Erweiterung für Firefox der gehobenen Klasse. Mit diesem Firefox-Addon kann man Screenshots (Bildschirmfotos) erstellen und bearbeiten.</p>
<div id="attachment_491" class="wp-caption aligncenter" style="width: 500px"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/pixlr-grabber-erstellen.jpg" alt="Pixlr Grabber in Aktion" title="Pixlr Grabber in Aktion" width="490" height="285" class="size-full wp-image-491" /><p class="wp-caption-text">Pixlr Grabber: Screenshot erstellen</p></div>
<p>Auf den üblichen Wegen – über Kontextmenü (Rechtsklick) oder durch den Klick auf das entsprechende Icon in der Statusleiste – kann man Pixlr Grabber aktivieren und dann eine Abbildung entweder von der ganzen Website (volle Länge und Breite), einem individuellen Ausschnitt (<em>Select portion</em>) oder dem sichtbaren Bereich (<em>Visible portion</em>) erstellen.</p>
<p>Anschließend öffnet sich ein neues Tab in dem mittels Flash ein Grafikprogramm nachgebildet und das Bild geladen wird:</p>
<div id="attachment_492" class="wp-caption aligncenter" style="width: 500px"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/pixlr-grabber-bearbeiten.jpg" alt="Pixl Grabber: Bild bearbeiten" title="Pixl Grabber: Bild bearbeiten" width="490" height="326" class="size-full wp-image-492" /><p class="wp-caption-text">Mit Pixl Grabber Screenshot bearbeiten</p></div>
<p>Die Funktionen der Bildbearbeitung sind beachtlich: Ebenen, diverse Filter (z. B. Scanlinien oder verpixeln), drehen, schneiden, Tonwertkorrektur, Anpassung der Helligkeit und des Farbtons u. v. m. Ich wage zu behaupten, dass mit dieser Funktionalität die allermeisten Online-Redakteure bestens bedient sind.</p>
<p>Lediglich die Export- bzw. Speicherformate lassen zu wünschen übrig. Es stehen nur vier Formate zur Verfügung: .png in höchster Qualität (24 bit), .jpg (mit einstellbarer Qualität), .bmp und das eigene Format (.pxd) welches auch die Ebenen mit speichert. Somit kann man, wenn man Wert auf kleine Dateigröße legt, lediglich auf .jpg zuverlässig zurückgreifen, weil das .png in höchster Qualitätsstufe z. B. für das Screenshot aus der zweiten Abbildung 142 KByte veranschlagt. </p>
<p>Das ist für dein Einsatz auf einer Website zu viel des Guten. Photoshop zum Beispiel, speichert diese png-Grafik (8 Bit) mit lediglich 47 KByte ab.</p>
<p>Gut, durch das fotografische Element im Screenshot-Beispiel ist das png-Format hier eh nicht wirklich geeignet. Aber auch bei Abbildungen, wo sich das png-Format eignet, produziert Pixlr Grabber in etwa 50-60% größere Dateien als z. B. Phtoshop CS2 oder IrfanView.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/' title='Schnauze voll von Facebook auf diversen Websites?'>Schnauze voll von Facebook auf diversen Websites?</a></li>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/feedly-das-maximum-aus-dem-google-reader-rausholen/' title='Feedly: das Maximum aus dem Google Reader rausholen'>Feedly: das Maximum aus dem Google Reader rausholen</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/' title='Widerbug: Firebug in Extrabreit'>Widerbug: Firebug in Extrabreit</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/all-in-one-sidebar-zusaetzliche-inhalte-in-die-firefox-sidebar/' title='All-in-One Sidebar: zusätzliche Inhalte in die Firefox-Sidebar'>All-in-One Sidebar: zusätzliche Inhalte in die Firefox-Sidebar</a></li>
<li><a href='http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/' title='Firebug: dem Webworker seine liebste Feuerwanze'>Firebug: dem Webworker seine liebste Feuerwanze</a></li>
<li><a href='http://www.webwork-tools.de/2009/09/screengrab-ein-einfaches-aber-nuetzliches-screenshot-tool/' title='Screengrab: ein einfaches, aber nützliches Screenshot-Tool'>Screengrab: ein einfaches, aber nützliches Screenshot-Tool</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" />]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/01/pixlr-grabber-abbildungen-erstellen-und-bearbeiten/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Widerbug: Firebug in Extrabreit</title>
		<link>http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/</link>
		<comments>http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 14:22:04 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[addon]]></category>
		<category><![CDATA[browser]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=486</guid>
		<description><![CDATA[Die guten, alten 4:3-Monitore werden immer seltener und es breiten sich immer mehr und mehr Monitore die ein 16:10- oder sogar 16:9-Verhältnis haben. Besitzer solcher Monitore wird es interessieren zu wissen, dass es für Firebug eine Erweiterung mit dem Namen Widerbug gibt. Diese Erweiterung optimiert Firebug für solche Breitbildschirme. Widerbug macht nichts anderes als das [...]]]></description>
			<content:encoded><![CDATA[<p>Die guten, alten 4:3-Monitore werden immer seltener und es breiten sich immer mehr und mehr Monitore die ein 16:10- oder sogar 16:9-Verhältnis haben. Besitzer solcher Monitore wird es interessieren zu wissen, dass es für <a href="http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/">Firebug</a> eine Erweiterung mit dem Namen <a href="http://www.command-tab.com/2008/01/19/widerbug-widescreen-firebug/">Widerbug</a> gibt. Diese Erweiterung optimiert Firebug für solche Breitbildschirme. </p>
<div id="attachment_488" class="wp-caption aligncenter" style="width: 499px"><a href="http://www.webwork-tools.de/wp-content/uploads/2010/01/firebug-widerbug.jpg"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/firebug-widerbug-489x300.jpg" alt="Widerbug: Firebug für große Monitore" title="Widerbug: Firebug für große Monitore" width="489" height="300" class="size-large wp-image-488" /></a><p class="wp-caption-text">Widerbug: Firebug für große Monitore</p></div>
<p>Widerbug macht nichts anderes als das er die Firebug-Fläche von unten auf die rechte Seite verschiebt. Nichts weltbewegendes, aber die Besitzer von breiten Monitoren werden dies zu schätzen wissen. Ich persönlich werde Widerbug deinstallieren, weil ich immer die <a href="http://www.webwork-tools.de/2010/01/all-in-one-sidebar-zusaetzliche-inhalte-in-die-firefox-sidebar/">Browser-Sidebar</a> offen habe.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/' title='Firebug: dem Webworker seine liebste Feuerwanze'>Firebug: dem Webworker seine liebste Feuerwanze</a></li>
<li><a href='http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/' title='Schnauze voll von Facebook auf diversen Websites?'>Schnauze voll von Facebook auf diversen Websites?</a></li>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2011/01/arboreal-im-firebug-den-dom-baum-veranschaulichen/' title='Arboreal: im Firebug den DOM-Baum veranschaulichen'>Arboreal: im Firebug den DOM-Baum veranschaulichen</a></li>
<li><a href='http://www.webwork-tools.de/2010/02/tab-verhalten-von-firefox-beherrschen/' title='Tab-Verhalten von Firefox beherrschen'>Tab-Verhalten von Firefox beherrschen</a></li>
<li><a href='http://www.webwork-tools.de/2010/02/tab-vorschau-im-firefox-aktivieren/' title='Tab-Vorschau im Firefox aktivieren'>Tab-Vorschau im Firefox aktivieren</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/wenn-firefox-nicht-erkannt-wird-oder-nicht-starten-will/' title='Wenn Firefox nicht mehr erkannt wird oder nicht mehr starten will'>Wenn Firefox nicht mehr erkannt wird oder nicht mehr starten will</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" />]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>All-in-One Sidebar: zusätzliche Inhalte in die Firefox-Sidebar</title>
		<link>http://www.webwork-tools.de/2010/01/all-in-one-sidebar-zusaetzliche-inhalte-in-die-firefox-sidebar/</link>
		<comments>http://www.webwork-tools.de/2010/01/all-in-one-sidebar-zusaetzliche-inhalte-in-die-firefox-sidebar/#comments</comments>
		<pubDate>Fri, 15 Jan 2010 11:56:17 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[addon]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=482</guid>
		<description><![CDATA[Was mir am SeaMonkey bzw. früher an der Mozilla-Websuite immer gefallen hat, war die richtige Sidebar im Browser, wo man Teile des Browsers oder zusätzliche Inhalte in der Seitenleiste des Browsers ablegen konnte. Speziell bei größeren Monitoren ist dies eine nette Sache. Leider besitzt Firefox standardmäßig eine lediglich kastrierte Sidebar, die entweder nur die Lesezeichen [...]]]></description>
			<content:encoded><![CDATA[<p>Was mir am <a href="http://www.seamonkey-project.org/">SeaMonkey</a> bzw. früher an der Mozilla-Websuite immer gefallen hat, war die richtige Sidebar im Browser, wo man Teile des Browsers oder zusätzliche Inhalte in der Seitenleiste des Browsers ablegen konnte. Speziell bei größeren Monitoren ist dies eine nette Sache.</p>
<p>Leider besitzt Firefox standardmäßig eine lediglich kastrierte Sidebar, die entweder nur die Lesezeichen oder die Browser-Chronik (History) anzeigen kann. Die Erweiterung <a href="https://addons.mozilla.org/de/firefox/addon/1027">All-in-One Sidebar</a> kann hier Abhilfe schaffen.</p>
<div id="attachment_484" class="wp-caption aligncenter" style="width: 500px"><a href="http://www.webwork-tools.de/wp-content/uploads/2010/01/all-in-one-sidebar.jpg"><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/all-in-one-sidebar-490x270.jpg" alt="All-in-One Sidebar im Einsatz" title="All-in-One Sidebar im Einsatz" width="490" height="270" class="size-large wp-image-484" /></a><p class="wp-caption-text">All-in-One Sidebar: Website-Infos in der Seitenleiste des Browsers</p></div>
<p>Neben der Möglichkeit Lesezeichen und die Chronik in der Sidebar auszulagern kann man nun dank der Erweiterung auch die Auflistung der Downloads, Addon-Verwaltung und die Website-Infos anzeigen lassen. Zudem kann man an der Sidebar diverse Einstellungen tätigen, wie z. B. das sie rechts und nicht links erscheinen soll.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/' title='Schnauze voll von Facebook auf diversen Websites?'>Schnauze voll von Facebook auf diversen Websites?</a></li>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/feedly-das-maximum-aus-dem-google-reader-rausholen/' title='Feedly: das Maximum aus dem Google Reader rausholen'>Feedly: das Maximum aus dem Google Reader rausholen</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/pixlr-grabber-abbildungen-erstellen-und-bearbeiten/' title='Pixlr Grabber: Abbildungen erstellen und bearbeiten'>Pixlr Grabber: Abbildungen erstellen und bearbeiten</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/' title='Widerbug: Firebug in Extrabreit'>Widerbug: Firebug in Extrabreit</a></li>
<li><a href='http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/' title='Firebug: dem Webworker seine liebste Feuerwanze'>Firebug: dem Webworker seine liebste Feuerwanze</a></li>
<li><a href='http://www.webwork-tools.de/2011/03/die-kleinen-verbesserungen-in-firefox-4/' title='Die kleinen verbesserungen in Firefox 4'>Die kleinen verbesserungen in Firefox 4</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" />]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/01/all-in-one-sidebar-zusaetzliche-inhalte-in-die-firefox-sidebar/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Bilder drucken aus dem Kontextmenü heraus</title>
		<link>http://www.webwork-tools.de/2010/01/bilder-drucken-aus-dem-kontextmenue-heraus/</link>
		<comments>http://www.webwork-tools.de/2010/01/bilder-drucken-aus-dem-kontextmenue-heraus/#comments</comments>
		<pubDate>Sat, 02 Jan 2010 14:03:35 +0000</pubDate>
		<dc:creator>Sahanya</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[drucken]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[internet explorer]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=470</guid>
		<description><![CDATA[Mir fällt nicht viel ein, was ich an Mozilla Firefox – im Vergleich zum Internet Explorer – kritisieren könnte. Aber eine Sache gibt es dann doch: der Kontextmenü-Eintrag: Print Picture (Bild drucken), der fehlt mir doch ab und an. Aber Firefox wäre natürlich nicht Firefox, wenn es kein Add-on gäbe, das hier Abhilfe schafft. Print [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.webwork-tools.de/wp-content/uploads/2010/01/drucker.png" alt="Drucker" title="Drucker" width="66" height="55" class="alignleft size-full wp-image-471" /></p>
<p>Mir fällt nicht viel ein, was ich an Mozilla Firefox – im Vergleich zum Internet Explorer – kritisieren könnte. Aber eine Sache gibt es dann doch: der Kontextmenü-Eintrag: <em>Print Picture</em> (Bild drucken), der fehlt mir doch ab und an. Aber Firefox wäre natürlich nicht Firefox, wenn es kein Add-on gäbe, das hier Abhilfe schafft. <a href="https://addons.mozilla.org/de/firefox/addon/531">Print Image</a> fügt dem Kontextmenü von Firefox den gleichnamigen Eintrag hinzu und schon kann es los gehen mit dem Drucken per Rechtsklick.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2008/09/fireshot-faehigkeiten-erweitert/' title='FireShot-Fähigkeiten erweitert'>FireShot-Fähigkeiten erweitert</a></li>
<li><a href='http://www.webwork-tools.de/2011/01/roboform-formular-ausfueller-passwort-manager-und-generator/' title='RoboForm: Formular-Ausfüller, Passwort-Manager und -Generator'>RoboForm: Formular-Ausfüller, Passwort-Manager und -Generator</a></li>
<li><a href='http://www.webwork-tools.de/2009/03/webseiten-in-pdf-dokumente-umwandeln/' title='Webseiten in PDF-Dokumente umwandeln'>Webseiten in PDF-Dokumente umwandeln</a></li>
<li><a href='http://www.webwork-tools.de/2009/03/passwoerter-verwalten-mit-roboform/' title='Passwörter verwalten mit RoboForm'>Passwörter verwalten mit RoboForm</a></li>
<li><a href='http://www.webwork-tools.de/2008/10/leo-der-dolmetscher/' title='Leo, der Dolmetscher'>Leo, der Dolmetscher</a></li>
<li><a href='http://www.webwork-tools.de/2008/09/sichere-passwoerter/' title='Sichere Passwörter'>Sichere Passwörter</a></li>
<li><a href='http://www.webwork-tools.de/2008/08/fireshot-screenshots-erstellen-und-bearbeiten/' title='FireShot &ndash; Screenshots erstellen und bearbeiten'>FireShot &ndash; Screenshots erstellen und bearbeiten</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" />]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2010/01/bilder-drucken-aus-dem-kontextmenue-heraus/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS Usage: welche CSS-Regeln kommen zum Einsatz?</title>
		<link>http://www.webwork-tools.de/2009/12/css-usage-welche-css-regeln-kommen-zum-einsatz/</link>
		<comments>http://www.webwork-tools.de/2009/12/css-usage-welche-css-regeln-kommen-zum-einsatz/#comments</comments>
		<pubDate>Thu, 17 Dec 2009 13:14:29 +0000</pubDate>
		<dc:creator>Perun</dc:creator>
				<category><![CDATA[Browser-Erweiterungen]]></category>
		<category><![CDATA[code]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[firebug]]></category>
		<category><![CDATA[firefox]]></category>
		<category><![CDATA[mozilla]]></category>

		<guid isPermaLink="false">http://www.webwork-tools.de/?p=465</guid>
		<description><![CDATA[Ich habe gestern Firebug beschrieben: das Firefox-Addon, wenn es darum geht Fehler auf Websites zu finden und zu beheben. In dem gleichen Artikel habe ich auch erwähnt, dass Firebug auch Erweiterungen anzubieten hat. Eine davon mit dem Namen CSS Usage will ich jetzt kurz vorstellen. Nach der Installation bindet sich die Erweiterung im Firebug-Menü ein. [...]]]></description>
			<content:encoded><![CDATA[<p>Ich habe gestern <a href="http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/">Firebug</a> beschrieben: <em>das</em> Firefox-Addon, wenn es darum geht Fehler auf Websites zu finden und zu beheben. In dem gleichen Artikel habe ich auch erwähnt, dass Firebug auch <a href="http://getfirebug.com/extensions/index.html">Erweiterungen</a> anzubieten hat. Eine davon mit dem Namen <a href="http://getfirebug.com/extensions/index.html#cssusage">CSS Usage</a> will ich jetzt kurz vorstellen.</p>
<div id="attachment_466" class="wp-caption aligncenter" style="width: 500px"><img src="http://www.webwork-tools.de/wp-content/uploads/2009/12/css-usage-firebug.png" alt="Firebug: CSS Usage im Einsatz" title="Firebug: CSS Usage im Einsatz" width="490" height="350" class="size-full wp-image-466" /><p class="wp-caption-text">Firebug: CSS Usage im Einsatz</p></div>
<p>Nach der Installation bindet sich die Erweiterung im Firebug-Menü ein. Wenn man dann auf einer Website den Knopf &#034;CSS Usage&#034; betätigt, dann listet die Erweiterung sämtliche CSS-Regeln auf. </p>
<p>Dabei werden eingesetzte Regeln mit hellgrüner Farbe ausgegeben. Regeln, die auf einer anderen Unterseite eingesetzt wurden, werden in dunkelgrüner Schriftfarbe ausgegeben und rot sind die Regeln, die gar nicht zum Einsatz kommen. Um ein aussagekräftiges Ergebnis zu bekommen, muss man daher mehrere Unterseiten ansteuern.</p>
<p>Anschließend kann man die nicht eingesetzten CSS-Regeln manuell löschen oder sich mit einem Klick auf &#034;export cleaned css&#034; eine automatisch bereinigte CSS-Datei ausliefern lassen.<br />
<h3 class='related_post_title'>Related Posts:</h3>
<ul class='related_post'>
<li><a href='http://www.webwork-tools.de/2011/01/arboreal-im-firebug-den-dom-baum-veranschaulichen/' title='Arboreal: im Firebug den DOM-Baum veranschaulichen'>Arboreal: im Firebug den DOM-Baum veranschaulichen</a></li>
<li><a href='http://www.webwork-tools.de/2010/01/widerbug-firebug-in-extrabreit/' title='Widerbug: Firebug in Extrabreit'>Widerbug: Firebug in Extrabreit</a></li>
<li><a href='http://www.webwork-tools.de/2009/12/firebug-dem-webworker-seine-liebste-feuerwanze/' title='Firebug: dem Webworker seine liebste Feuerwanze'>Firebug: dem Webworker seine liebste Feuerwanze</a></li>
<li><a href='http://www.webwork-tools.de/2011/03/die-kleinen-verbesserungen-in-firefox-4/' title='Die kleinen verbesserungen in Firefox 4'>Die kleinen verbesserungen in Firefox 4</a></li>
<li><a href='http://www.webwork-tools.de/2010/10/schnauze-voll-von-facebook-auf-diversen-websites/' title='Schnauze voll von Facebook auf diversen Websites?'>Schnauze voll von Facebook auf diversen Websites?</a></li>
<li><a href='http://www.webwork-tools.de/2010/07/pixelzoomer-lupe-farbpciker-und-massband-in-einem/' title='PixelZoomer: Lupe, Farbpciker und Maßband in Einem'>PixelZoomer: Lupe, Farbpciker und Maßband in Einem</a></li>
<li><a href='http://www.webwork-tools.de/2010/05/webuilder-leistungsfaehiger-xhtml-und-css-editor/' title='WeBuilder: leistungsfähiger XHTML- und CSS-Editor'>WeBuilder: leistungsfähiger XHTML- und CSS-Editor</a></li>
</ul>
<hr style="margin-top: 20px;" />
<p>Wir im Web: <a href="http://twitter.com/vlad_perun">Twitter</a> – <a href="http://www.facebook.com/pages/Koln-Germany/perunnet-webwork-gmbh/270166073829?ref=sgm">Facebook</a> – <a href="https://www.xing.com/profile/Vladimir_Simovic">XING</a> – <a href="http://www.wordpress-buch.de">WordPress-Buch</a> – <a href="http://www.perun.net">perun.net</a> – <a href="http://www.geld2null.de">Geld 2.0</a></p>
<p>Blog unterstützen: <strong><a href="http://flattr.com/thing/17838/Webwork-Tools-Dem-Webworker-seine-Werkzeugkiste">Flattr</a></strong> –– <strong><a href="http://www.perun.net/meine-buecher/#buecher">Unsere Bücher</a></strong> –– <strong><a href="http://www.perun.net/2011/01/15/wordpress-kostenloses-redaktionshandbuch/" title="Kostenloses Redaktionshandbuch für WordPress, 144 Seiten lang">WordPress: kostenloses Redaktionshandbuch</a> (144 Seiten)</strong></p>  
<hr style="margin-bottom: 20px;" />]]></content:encoded>
			<wfw:commentRss>http://www.webwork-tools.de/2009/12/css-usage-welche-css-regeln-kommen-zum-einsatz/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

