<?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>layh.com - Blog &#187; Webtools</title>
	<atom:link href="http://www.layh.com/wordpress/category/webtools/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.layh.com/wordpress</link>
	<description>Just another blog</description>
	<lastBuildDate>Fri, 06 Jan 2012 20:46:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Productivity with PHPStorm</title>
		<link>http://www.layh.com/wordpress/2011/09/25/productivity-with-phpstorm/</link>
		<comments>http://www.layh.com/wordpress/2011/09/25/productivity-with-phpstorm/#comments</comments>
		<pubDate>Sun, 25 Sep 2011 08:31:21 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Web development]]></category>
		<category><![CDATA[Webtools]]></category>
		<category><![CDATA[PHPStorm]]></category>
		<category><![CDATA[productivity]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[tricks]]></category>

		<guid isPermaLink="false">http://www.layh.com/wordpress/?p=671</guid>
		<description><![CDATA[Since there are a lot of people out there working with PHPStorm I thought I try to write an article about how I try to get the maximum productivity out of this IDE. Also I have the hope that there are some other people out there who have some good tips for me.

Here I ...]]></description>
			<content:encoded><![CDATA[<div>Since there are a lot of people out there working with PHPStorm I thought I try to write an article about how I try to get the maximum productivity out of this IDE. Also I have the hope that there are some other people out there who have some good tips for me.</p>
<p>Here I just want to show my favorite shortcuts and I want to explain how I try to learn new shortcuts each day. This are just my favorite shortcuts. There are so many more like search for classes, methods and files, navigating between open editor windows. And more, and more, and more&#8230;&#8230;</p>
<ol>
<li><strong>Shortcuts<br />
</strong></li>
<ol>
<li>QuickJump (Plugin)<br />
Just learned about this plugin some a day ago and since that, I am using it all the time. It is a really easy way to navigate from one piece of code to another. Check out <a href="http://plugins.intellij.net/plugin/?webide&amp;id=6311">http://plugins.intellij.net/plugin/?webide&amp;id=6311</a> or take a look at the video on: <a href="http://johnlindquist.com/2011/09/12/intro-to-the-quickjump-plugin/">http://johnlindquist.com/2011/09/12/intro-to-the-quickjump-plugin/</a></li>
<li>KeyPromoter (Plugin)<br />
Good for learning short cuts. Each time you use the menu or the mouse for a function that is available via a shortcut, your IDE will tell you.</li>
<li>Complete Statement (<em>Ctrl+Shift+Enter</em>)<br />
There is a really good auto-complete in PHPStorm. But if you use the auto-complete and call a function e.g., than you got stuck between your brackets where your entered your parameter from time to time. To leave the brackets and add the semicolon at the end of the call, press<em> Ctrl+Shift+Enter<br />
</em></li>
<li>Last edit location<br />
Edited some code and moved on to another part of the code to look something up? Now you to scroll back where you made your last change? You don’t need to, just hit <em>Ctrl+Shift+Backspace</em> to jump to your last edit location, even through multiple files.</li>
<li>Bookmarks in your file<br />
This is interesting if you now that you have to work on two or more parts on your code and that you want to jump between this places. Set a bookmark and jump.<br />
<em>Ctrl+Shift+&lt;number&gt;</em> to set, <em>Ctrl+&lt;number&gt;</em> to jump there</li>
</ol>
<li><strong>Search in each window directly</strong><br />
There is a search function in all windows. For example, if you are in the structure view, and you now this function somewhere in t3lib_div, click anywhere in the structure view and start typing the name of the function you search. You can also open the structure view by using <em>Alt+7<br />
</em></li>
<li><strong>LiveTemplates</strong><br />
I use live templates mostly for fluid. I created live templates for the most common fluid snippets and if I have to add a form for example, I just use the shortcut for live templates and start tipping form and select my fluid form. Now I only have to enter the data like action and controller.</li>
<li><strong>FileTemplates</strong><br />
I also added a couple of FileTemplates, mainly for Extbase and Fluid files that automatically set the correct namespace and author. I have some examples, perhaps they are out of date, on my web page: <a href="../../work/flow3-fluid/flow3/file-templates-for-phpstorm.html">http://www.layh.com/work/flow3-fluid/flow3/file-templates-for-phpstorm.html</a></li>
</ol>
</div>
<div>
<p>Also if you start up your IDE, you will get a Tip-of-the-day. Sometimes I think it is bullshit and I turn it of, but why not see this message ones a day and try to use this promoted shortcut throughout the day. There are some really useful tips.</p></div>
<div>
There is a keyboard reference on the Jetbrains website: <a href="http://www.jetbrains.com/phpstorm/documentation/index.html">http://www.jetbrains.com/phpstorm/documentation/index.html</a> . But for me, this document is way to much and written to small to have a short look. So I took the most important short cuts from this reference and added them to file, printed this out in large and put it on my desk to always have the shortcuts in front of me. From time to time I change this a little bit to learn some new shortcuts and to remove the shortcuts I already learned.</p>
<p>As an additional resource I can recommend the PHPStorm blog. They have some good tips from time to time. <a href="http://blog.jetbrains.com/webide/">http://blog.jetbrains.com/webide/</a></p>
<p>Hope I could help someone to be more productive and to have more fun with your favorite IDE. I am also look forward to your comments and hints.</p></div>
<p class="wp-flattr-button"></p> <p><a href="http://www.layh.com/wordpress/?flattrss_redirect&amp;id=671&amp;md5=d90ac3ff54ecbd3194fa6d32caa76355" title="Flattr" target="_blank"><img src="http://www.layh.com/wordpress/wp-content/plugins/flattr/img/flattr-badge-large.png" alt="flattr this!"/></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.layh.com/wordpress/2011/09/25/productivity-with-phpstorm/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Einsatz von git f&#252;r das Deployment auf twitcode.org</title>
		<link>http://www.layh.com/wordpress/2010/12/09/einsatz-von-git-fuer-das-deployment-auf-twitcode-org/</link>
		<comments>http://www.layh.com/wordpress/2010/12/09/einsatz-von-git-fuer-das-deployment-auf-twitcode-org/#comments</comments>
		<pubDate>Thu, 09 Dec 2010 21:26:37 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Web development]]></category>
		<category><![CDATA[Webtools]]></category>
		<category><![CDATA[FLOW3]]></category>
		<category><![CDATA[git]]></category>
		<category><![CDATA[Github]]></category>
		<category><![CDATA[Twitcode]]></category>

		<guid isPermaLink="false">http://www.layh.com/wordpress/?p=560</guid>
		<description><![CDATA[Aus Gr&#252;nden der Weiterbildung hatte ich mich zu beginn des Relaunches von Twitcode.org dazu entschieden git einzusetzen. F&#252;r mein Setup habe ich insgesamt 3 Systeme auf denen das Projekt l&#228;uft und zwei Branches in git. Der erste Branch ist der master-Branch, den ich daf&#252;r benutze die aktive Entwicklung auf meinem Entwicklungssystem voranzutreiben. Der zweite ...]]></description>
			<content:encoded><![CDATA[<p>Aus Gr&#252;nden der Weiterbildung hatte ich mich zu beginn des Relaunches von <a title="Twitcode.org // Share your code on twitter" href="http://twitcode.org">Twitcode.org</a> dazu entschieden <a title="Git" href="http://git-scm.com/">git</a> einzusetzen. F&#252;r mein Setup habe ich insgesamt 3 Systeme auf denen das Projekt l&#228;uft und zwei Branches in <a title="Git" href="http://git-scm.com/">git</a>. Der erste Branch ist der master-Branch, den ich daf&#252;r benutze die aktive Entwicklung auf meinem Entwicklungssystem voranzutreiben. Der zweite Branch ist der staging-Branch, welcher die exakte Version des Livesystems ist.</p>
<p>Da ich parallel Weiterentwicklungen mache, die zwar zum Teil schon in den Masterbranch auf <a title="Github" href="https://github.com/">Github</a> gepusht werden, jedoch noch nicht bereit sind auf das Livesystem zu kommen habe ich mich f&#252;r das Feature cherry-pick entschieden um einzelne &#196;nderungen auf das Livesystem zu bekommen.</p>
<p>Hierf&#252;r habe ich mein Staging-System, welches f&#252;r mich die Weiche zwischen master- und staging-Branch darstellt. &#196;nderungen werden also als erstes auf dem master-Branch gemacht. Wenn ich also eine &#196;nderung im master-Branch gemacht habe welche ich direkt auf mein Livesystem bekommen will, dann commite ich exakt nur diese &#196;nderung in mein master auf Github. Auf dem Staging-System wird diese &#196;nderung dann per cherry-pick in den staging-Branch gemergt und von dort aus auf <a title="Github" href="https://github.com/">Github</a> in den staging-Branch gepusht. Alles was ich dann noch auf dem Livesystem machen muss ist ein pull auf den staging-Branch auf <a title="Github" href="https://github.com/">Github</a> und einmal den Cache von FLOW3 leeren und schon sind die &#196;nderungen live.</p>
<p>Wenn die Weiterentwicklungen irgendwann so weit sind, dass ich wieder alles auf das Livesystem bekommen m&#246;chte steht es mir jederzeit frei den kompletten master-Branch mit dem staging-Branch zu mergen.</p>
<p>Bei dem Vorgehen mit den cherry-picks ist es jedoch wichtig saubere Commits zu machen damit man auch wirklich die entsprechenden Commits einzeln per cherry-pick mergen kann und nicht versehentlich mehr auf das Livesystem bekommt wie man eigentlich m&#246;chte.</p>
<p>Bisher fahre ich sehr gut mit der Strategie und bin auch begeistert was <a title="Git" href="http://git-scm.com/">git</a> zu bieten hat, bin mir jedoch auch dar&#252;ber bewusst dass ich was <a title="Git" href="http://git-scm.com/">git</a> angeht noch jede Menge lernen muss.</p>
<p>Anbei noch ein kleines Schaubild das den Prozess bei mir verdeutlichen soll. &#220;ber Anregungen und Feedback zu dem Prozess, sowie zu eventuellen Verbesserungsvorschl&#228;gen des Prozesses w&#252;rde ich mich jederzeit freuen.</p>
<p><a href="http://www.layh.com/wordpress/wp-content/uploads/2010/12/github.png" rel="lightbox[560]"><img class="aligncenter size-medium wp-image-562" title="github" src="http://www.layh.com/wordpress/wp-content/uploads/2010/12/github-274x300.png" alt="github 274x300 Einsatz von git für das Deployment auf twitcode.org" width="274" height="300" /></a></p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.layh.com/wordpress/2010/12/09/einsatz-von-git-fuer-das-deployment-auf-twitcode-org/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Dropbox f&#252;r mein Androiden</title>
		<link>http://www.layh.com/wordpress/2010/09/05/dropbox-fuer-mein-androiden/</link>
		<comments>http://www.layh.com/wordpress/2010/09/05/dropbox-fuer-mein-androiden/#comments</comments>
		<pubDate>Sun, 05 Sep 2010 13:42:06 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Android]]></category>
		<category><![CDATA[Apps]]></category>
		<category><![CDATA[Software]]></category>
		<category><![CDATA[Webtools]]></category>
		<category><![CDATA[Dropbox]]></category>

		<guid isPermaLink="false">http://www.layh.com/wordpress/?p=507</guid>
		<description><![CDATA[

Als erstes gilt es zu sagen dass ich solchen Services wie Dropbox.com nicht zu 100% traue was die Sicherheit meiner Daten angeht. Trotzdem ist es ein praktisches Tool um manche Dateien zwischen Rechnern und auch dem Handy zu synchronisieren. Das Tool ist f&#252;r alle m&#246;glichen Betriebssystem so wie f&#252;r Android, Blackberry und sogar f&#252;r ...]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.dropbox.com/referrals/NTExMDM4NzU4OQ"><img class="alignnone size-full wp-image-508" title="dropbox" src="http://www.layh.com/wordpress/wp-content/uploads/2010/09/dropbox.png" alt="dropbox Dropbox für mein Androiden" width="231" height="60" /></a></p>
<p>Als erstes gilt es zu sagen dass ich solchen Services wie <a title="Dropbox" href="http://www.dropbox.com/referrals/NTExMDM4NzU4OQ" target="_blank">Dropbox.com</a> nicht zu 100% traue was die Sicherheit meiner Daten angeht. Trotzdem ist es ein praktisches Tool um manche Dateien zwischen Rechnern und auch dem Handy zu synchronisieren. Das Tool ist f&#252;r alle m&#246;glichen Betriebssystem so wie f&#252;r Android, Blackberry und sogar f&#252;r das IPhone verf&#252;gbar.</p>
<p>Wer sich entscheiden sollte das ganze mal zu testen dem kann ich nur nahe legen auch mal ein Blick in das Wiki zu werfen. ( <a title="Dropbox Wiki" href="http://wiki.dropbox.com" target="_blank">http://wiki.dropbox.com</a> ) Dort gibt es einige gute Tipps wie man auch Ordner von verschiedenen Orten der Festplatte mit symbolischen Links synchronisiert bekommt, ohne alles in den Dropbox Ordner zu werfen. Ebenfalls im Wiki sind Tipps zum Verschl&#252;sseln der Daten, so dass eine gr&#246;&#223;ere Sicherheit der Daten gew&#228;hrleistet ist.</p>
<p>Der Service ist erst mal kostenlos, und man bekommt 2GB Speicherplatz. Solange man das ganze f&#252;r Dokumente oder &#228;hnliches nutzt ist der Platz mehr als ausreichend. Sollte man mehr Speicherplatz ben&#246;tigen so kann man auch jederzeit den Speicherplatz gegen Geld erh&#246;hen. 50GB gibt es f&#252;r 9,99$ und 100GB gibt es f&#252;r 19,99$. Andere Vorteile f&#252;r bezahlte Accounts, abgesehen vom Speicherplatz, konnte ich auf den ersten Blick nicht entdecken.</p>
<p>Sollte ich mich irgendwann aus was f&#252;r einem Grund auch immer dazu entschlie&#223;en den Service nicht mehr zu nutzen werde ich das hier unter Angabe der Gr&#252;nde mitteilen. Momentan spricht aber nichts gegen die Nutzung des Services und es macht doch alles einen recht soliden Eindruck.</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.layh.com/wordpress/2010/09/05/dropbox-fuer-mein-androiden/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Geld sparen mit WebSMS</title>
		<link>http://www.layh.com/wordpress/2010/03/23/geld-sparen-mit-websms/</link>
		<comments>http://www.layh.com/wordpress/2010/03/23/geld-sparen-mit-websms/#comments</comments>
		<pubDate>Mon, 22 Mar 2010 22:35:49 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Technic]]></category>
		<category><![CDATA[Webtools]]></category>
		<category><![CDATA[Android]]></category>
		<category><![CDATA[o2]]></category>
		<category><![CDATA[WebSMS]]></category>

		<guid isPermaLink="false">http://www.layh.com/wordpress/?p=431</guid>
		<description><![CDATA[Ich nutze ein Tool auf meinem Android Telefon um einen &#220;berblick &#252;ber meine Anrufe und verschickten SMS, sowie &#252;ber meine Datenverbindungen zu haben. Das beste Tool in dieser Art das ich bisher gefunden habe ist Call Meter NG. &#220;ber dieses Tool bin ich kurze Zeit sp&#228;ter auf das Tool WebSMS aufmerksam geworden. Da ich ...]]></description>
			<content:encoded><![CDATA[<p>Ich nutze ein Tool auf meinem Android Telefon um einen &#220;berblick &#252;ber meine Anrufe und verschickten SMS, sowie &#252;ber meine Datenverbindungen zu haben. Das beste Tool in dieser Art das ich bisher gefunden habe ist <a title="Call Meter NG" href="http://www.androidpit.de/de/android/market/apps/app/de.ub0r.de.android.callMeterNG/Call-Meter-NG" target="_blank">Call Meter NG</a>. &#220;ber dieses Tool bin ich kurze Zeit sp&#228;ter auf das Tool <a title="WebSMS" href="http://www.androidpit.de/de/android/market/apps/app/de.ub0r.android.websms/WebSMS" target="_blank">WebSMS</a> aufmerksam geworden. Da ich selber Kunde bei O2 bin und es einen entsprechenden Connector f&#252;r WebSMS f&#252;r O2 gibt (<a title="WebSMS O2 Connector" href="http://www.androidpit.de/de/android/market/apps/app/de.ub0r.android.websms.connector.o2/WebSMS-o2-Connector" target="_blank">WebSMS O2</a>) habe ich das Tool direkt mal getestet. Nach der Aktivierung der WebSMS im O2 Communication Center, welches ich bisher nie angeschaut habe, kann ich nun meine 50 Frei-SMS die im Internetpaket M bei O2 enthalten sind &#252;ber meine Wifi-Verbindung verschicken.</p>
<p>Bei den Preisen bei O2, die eine SMS mit 0,19 Cent berechnen sind das immerhin 9,5 Euro die man sich so pro Monat sparen kann. Die SMS erscheinen ganz normal auch unter den gesendeten SMS. Bin bisher sehr begeistert und die Arbeiten von Felix Bechstein sind in meinen Augen auf jeden Fall einen Blick wert.</p>
<p>Hier nochmal was ihr tun m&#252;sst um das zu nutzen:</p>
<p>1. <a title="WebSMS" href="http://www.androidpit.de/de/android/market/apps/app/de.ub0r.android.websms/WebSMS" target="_blank">WebSMS</a> installieren</p>
<p>2. <a title="WebSMS O2 Connector" href="http://www.androidpit.de/de/android/market/apps/app/de.ub0r.android.websms.connector.o2/WebSMS-o2-Connector" target="_blank">Connector</a> f&#252;r O2 oder einen anderen Anbieter installieren</p>
<p>3. Aktivierung der Frei-SMS im<a title="O2" href="http://www.o2online.de/" target="_blank"> O2 Communication Center</a></p>
<p>4. Fr&#246;hlich gratis SMS verschicken.</p>
<p>Viel Spa&#223; damit.</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.layh.com/wordpress/2010/03/23/geld-sparen-mit-websms/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Ein Tag mit Google Chrome und Extensions</title>
		<link>http://www.layh.com/wordpress/2010/01/26/ein-tag-mit-google-chrome-und-extensions/</link>
		<comments>http://www.layh.com/wordpress/2010/01/26/ein-tag-mit-google-chrome-und-extensions/#comments</comments>
		<pubDate>Tue, 26 Jan 2010 11:24:29 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Firefox]]></category>
		<category><![CDATA[Webtools]]></category>
		<category><![CDATA[Chrome Extensions]]></category>
		<category><![CDATA[Extensions]]></category>
		<category><![CDATA[Google Chrome]]></category>

		<guid isPermaLink="false">http://www.layh.com/wordpress/?p=400</guid>
		<description><![CDATA[Viele Leute loben den Google Chrome und da habe ich mich dazu entschieden es mal intensiv f&#252;r einen Tag zu testen und einen Tag lang auf der Arbeit nur den Google Chrome zu benutzen.

Mit der neuen Version 4 von Google Chrome gibt es ja nun auch Extensions. Da hab ich mich doch gleich mal ...]]></description>
			<content:encoded><![CDATA[<p>Viele Leute loben den Google Chrome und da habe ich mich dazu entschieden es mal intensiv f&#252;r einen Tag zu testen und einen Tag lang auf der Arbeit nur den Google Chrome zu benutzen.</p>
<p>Mit der neuen Version 4 von Google Chrome gibt es ja nun auch Extensions. Da hab ich mich doch gleich mal auf die Suche nach sinnvollen Extensions gemacht und festgestellt das es einige Extensions die ich in Firefox nicht vermissen will auch in Google Chrome gibt.</p>
<p><a href="http://www.layh.com/wordpress/wp-content/uploads/2010/01/google-chrome-logo.jpg" rel="lightbox[400]"><img class="alignnone size-thumbnail wp-image-401" title="google-chrome-logo" src="http://www.layh.com/wordpress/wp-content/uploads/2010/01/google-chrome-logo-150x150.jpg" alt="google chrome logo 150x150 Ein Tag mit Google Chrome und Extensions" width="150" height="150" /></a></p>
<p>Hier meine Liste meiner bisher installierten Extensions die das Leben/Arbeiten einfach sch&#246;ner machen:</p>
<p>1. <a title="Adblock" href="https://chrome.google.com/extensions/detail/gighmmpiobklfepjocnamgkkbiglidom" target="_blank">AdBlock</a> -&gt; Ohne geht einfach gar nichts da man die eigentliche Webseite sonst vor lauter Werbung meistens nicht findet.</p>
<p>2. <a title="Google Mail Checker" href="https://chrome.google.com/extensions/detail/mihcahmgecmbnbcchbopgniflfhgnkff" target="_blank">GoogleMailChecker</a> -&gt; Werde nun mal einfach gerne dar&#252;ber informiert wenn ich ne neue Mail bekommen habe.</p>
<p>3. <a title="GooglePreview" href="https://chrome.google.com/extensions/detail/hcjdanpjacpeeppdjkppebobilhaglfo" target="_blank">GooglePreview</a> -&gt; Vorschaubilder f&#252;r die Google Suche. Diese visuelle Hilfe erh&#246;ht den Wiedererkennungswert von Seiten enorm. Einmal gesuchte Seiten werden so einfach schneller wieder gefunden.</p>
<p>4. <a title="Mouse Stroke" href="https://chrome.google.com/extensions/detail/aeaoofnhgocdbnbeljkmbjdmhbcokfdb" target="_blank">Mouse Stroke</a> -&gt; Ohne Mausgesten geht einfach nichts beim Surfen.</p>
<p>5. <a title="Type-ahead-find" href="https://chrome.google.com/extensions/detail/cpecbmjeidppdiampimghndkikcmoadk" target="_blank">Type-ahead-find</a> -&gt; Firefox hat dieses Verhalten in der Standardinstallation mit drin. Der Browser f&#228;ngt an zu suchen sobald man mit dem Tippen anf&#228;ngt. CTRL-F wird damit mehr oder weniger &#252;berfl&#252;ssig.</p>
<p>Viel Spa&#223; mit den Extensions. Ich bin mir sicher wenn man sich die Zeit nimmt und sucht gibt es noch mehr n&#252;tzliches und sicher auch unn&#252;tzes Zeugs.</p>
<p><strong>Fortsetzung</strong>: Heute beginnt der zweite Tag und ich bin sehr zufrieden und habe mich dazu entschlossen das Experiment weiter zu f&#252;hren. Es gibt ebenfalls einen Firebug-Lite und auch <a title="Webdevelopertools" href="https://chrome.google.com/extensions/detail/fbmlldeibipeppiabbdjajcneipfbocm" target="_blank">Webdevelopertools</a> f&#252;r den Chrome, was ihn dann auch wieder f&#252;r Webentwickler interessant macht.</p>
<p>Navigation von einem Tab zum n&#228;chsten kann &#252;ber eine Kombination der Maustasten erreicht werden. Links gedr&#252;ckt halten und danach die rechte Maustaste dr&#252;cken wechselt die Tabs in die eine Richtung, rechts gedr&#252;ckt halten und danach die linke Maustaste dr&#252;cken wechselt in die andere Richtung.</p>
<p>Wenn man sich wie vom Firebug gewohnt Elemente einer Webseite genauer anschauen will, kann man mit der rechten Maustaste auf &#8220;Inspect Element&#8221; klicken und hat die selbe Funktion. Sieht alles etwas anders aus aber man kann sich sehr schnell daran gew&#246;hnen.</p>
<p>Fortsetzung folgt &#8230;.</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.layh.com/wordpress/2010/01/26/ein-tag-mit-google-chrome-und-extensions/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Diagramme online erstellen &#8211; Creately</title>
		<link>http://www.layh.com/wordpress/2009/12/02/diagramme-online-erstellen-creately/</link>
		<comments>http://www.layh.com/wordpress/2009/12/02/diagramme-online-erstellen-creately/#comments</comments>
		<pubDate>Wed, 02 Dec 2009 09:08:14 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Web goodies]]></category>
		<category><![CDATA[Webtools]]></category>
		<category><![CDATA[alternative dia]]></category>
		<category><![CDATA[alternative visio]]></category>
		<category><![CDATA[Diagramme]]></category>
		<category><![CDATA[diagramme online]]></category>
		<category><![CDATA[Flussdiagram]]></category>
		<category><![CDATA[Netzwerkdiagram]]></category>

		<guid isPermaLink="false">http://www.layh.com/wordpress/?p=385</guid>
		<description><![CDATA[In der aktuellen Ausgabe der T3N war ein Hinweis auf diese Webseite (http://creately.com) drin. Da ich immer nach alternativen zu Visio oder Dia suche um mal eben schnell ein kleines Diagramm zu basteln habe ich es wie immer sofort getestet. Bisher bin ich absolut &#252;berzeugt. Zus&#228;tzlich gef&#228;llt mir die Funktion das ganze direkt als ...]]></description>
			<content:encoded><![CDATA[<p>In der aktuellen Ausgabe der T3N war ein Hinweis auf diese Webseite (<a title="Creately" href="http://creately.com" target="_blank">http://creately.com</a>) drin. Da ich immer nach alternativen zu Visio oder Dia suche um mal eben schnell ein kleines Diagramm zu basteln habe ich es wie immer sofort getestet. Bisher bin ich absolut &#252;berzeugt. Zus&#228;tzlich gef&#228;llt mir die Funktion das ganze direkt als PNG an sich selber oder jemand anderen zu Mailen. Leider konnte ich es bisher noch nicht testen wie es funktioniert mit mehreren Leuten an einem Diagramm zu arbeiten, aber es wird sich sicher noch ein freiwilliger finden.</p>
<p><a title="kleiner Test" href="http://create.ly/g2pv0n8w1" target="_blank">http://create.ly/g2pv0n8w1</a></p>
<div id="attachment_386" class="wp-caption alignnone" style="width: 131px"><a href="http://creately.com"><img class="size-full wp-image-386" title="Creately" src="http://www.layh.com/wordpress/wp-content/uploads/2009/12/creately.png" alt="creately Diagramme online erstellen   Creately" width="121" height="58" /></a><p class="wp-caption-text">Creately</p></div>
<p>Vielleicht kann es ja jemand gebrauchen.</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.layh.com/wordpress/2009/12/02/diagramme-online-erstellen-creately/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Twitcode.org startet nun, Service f&#252;r das Twittern von Code-Snippets</title>
		<link>http://www.layh.com/wordpress/2009/07/30/twitcode-org-startet-nun-service-fuer-das-twittern-von-code-snippets/</link>
		<comments>http://www.layh.com/wordpress/2009/07/30/twitcode-org-startet-nun-service-fuer-das-twittern-von-code-snippets/#comments</comments>
		<pubDate>Thu, 30 Jul 2009 08:29:55 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Websites]]></category>
		<category><![CDATA[Webtools]]></category>
		<category><![CDATA[Syntaxhighlight]]></category>
		<category><![CDATA[Twitter]]></category>
		<category><![CDATA[Web development]]></category>

		<guid isPermaLink="false">http://www.layh.com/wordpress/?p=345</guid>
		<description><![CDATA[Vor einiger Zeit schon brachte mich ein Freund, Timo (http://www.tiemsche.de) auf die Idee
dass es nichts vern&#252;nftiges gibt um Code-Snippets zu twittern. Jeder weis dass es nicht einfach
ist auf 140 Zeichen Quellcode zu posten. Genauso ist es nicht m&#246;glich Bilder zu twittern. Anhand des
Beispieles von twitpic.com ist nun ein Service entstanden der es erm&#246;glicht Code-Snippets ...]]></description>
			<content:encoded><![CDATA[<p>Vor einiger Zeit schon brachte mich ein Freund, Timo (<a title="Tiemsche" href="http://www.tiemsche.de" target="_blank">http://www.tiemsche.de</a>) auf die Idee<br />
dass es nichts vern&#252;nftiges gibt um Code-Snippets zu twittern. Jeder weis dass es nicht einfach<br />
ist auf 140 Zeichen Quellcode zu posten. Genauso ist es nicht m&#246;glich Bilder zu twittern. Anhand des<br />
Beispieles von <a title="Twitpic" href="http://twitpic.com" target="_blank">twitpic.com</a> ist nun ein Service entstanden der es erm&#246;glicht Code-Snippets zu twittern.</p>
<p>Bisher werden von diesem Service mehr als 130 verschieden Programmier- und Skriptsprachen mit Syntaxhiglight<br />
unterst&#252;zt. Hierbei geht besonderer Dank an die Library von Geshi (<a title="Geshi" href="http://qbnz.com/highlighter/" target="_blank">http://qbnz.com/highlighter/</a>) die dies<br />
erm&#246;glicht hat. Uns besonderes wichtig war nat&#252;rlich auch die &#220;nterst&#252;tzung von TypoScript Syntaxhiglight, da wir beide<br />
aus dem TYPO3 Bereich kommen.</p>
<p>Die nun kommende Phase wird nat&#252;rlich f&#252;r uns beide sehr spannend da sich nun zeigen wird ob Bedarf f&#252;r<br />
diesen Service vorhanden ist. W&#228;hrend der ersten Testl&#228;ufe habe ich mir die Freiheit herausgenommen und die maximale<br />
Benutzerzahl auf 100 beschr&#228;nkt.<br />
Die Authentifizierung erfolgt &#252;ber die Twitter-API und f&#252;r Sicherheitsfanatiker sei vielleicht noch gesagt dass bei uns<br />
ausser dem Twitterbenutzernamen und dem Code-Snippets selbst keine weiteren Daten gespeichert werden.</p>
<p>Hier mal ein kleiner Screen von dem aktuellen Layout. Es fehlen noch ein paar kleine Feinheiten aber die werden in den<br />
kommenden Tagen noch kommen.</p>
<div id="attachment_346" class="wp-caption alignnone" style="width: 310px"><a href="http://www.twitcode.org"><img class="size-medium wp-image-346" title="twitcode" src="http://www.layh.com/wordpress/wp-content/uploads/2009/07/twitcode1-300x229.jpg" alt="twitcode1 300x229 Twitcode.org startet nun, Service für das Twittern von Code Snippets" width="300" height="229" /></a><p class="wp-caption-text">twitcode.org</p></div>
<p>Viel Spa&#223; beim Twittern von Code-Snippets w&#252;nsche ich euch: <a title="Twitcode.org" href="http://www.twitcode.org" target="_blank">http://www.twitcode.org</a></p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.layh.com/wordpress/2009/07/30/twitcode-org-startet-nun-service-fuer-das-twittern-von-code-snippets/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>piwik analytics</title>
		<link>http://www.layh.com/wordpress/2009/06/03/piwik-analytics/</link>
		<comments>http://www.layh.com/wordpress/2009/06/03/piwik-analytics/#comments</comments>
		<pubDate>Wed, 03 Jun 2009 08:40:44 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[analytics]]></category>
		<category><![CDATA[Google Analytics]]></category>
		<category><![CDATA[piwik]]></category>
		<category><![CDATA[Statistik]]></category>

		<guid isPermaLink="false">http://www.layh.com/wordpress/?p=275</guid>
		<description><![CDATA[Seid einiger Zeit nutze ich piwik zur Analyse der Besucherzahlen meiner Webseite. Da ich ein Mensch bin, der t&#228;glich in seine Statistiken schaut um immer auf dem aktuellen Stand zu sein und einfach weil ich Statistiken unglaublich mag ist es f&#252;r mich nicht n&#246;tig in der default Ansicht der Statistik die Auswertung von Gestern ...]]></description>
			<content:encoded><![CDATA[<p>Seid einiger Zeit nutze ich piwik zur Analyse der Besucherzahlen meiner Webseite. Da ich ein Mensch bin, der t&#228;glich in seine Statistiken schaut um immer auf dem aktuellen Stand zu sein und einfach weil ich Statistiken unglaublich mag ist es f&#252;r mich nicht n&#246;tig in der default Ansicht der Statistik die Auswertung von Gestern zu sehen. Mir ist es lieber ich sehe den aktuellen Tag. Da ich bei piwik leider keine Einstellungen daf&#252;r gefunden habe, habe ich mich mal auf die Suche gemacht.</p>
<p>Die Einstellungen sind in der Datei config/global.ini.php zu finden. Hier kann der default Zeitraum so wie der default Tag des Dashboards konfiguriert werden. In den Kommentaren der Konfigdatei ist gut dokumentiert was zu &#228;ndern ist.</p>
<p>Vielleicht hilft es jemanden weiter und erspart jemandem ein wenig Zeit.</p>
<p>Ansonsten gibt es zu piwik noch zu sagen das ich bisher durchaus begeistert bin und wenn sich mein gutes Gef&#252;hl zu piwik die kommenden Tage nicht &#228;ndern wird werde ich wahrscheinlich auch GoogleAnalytics aus all meinen Seiten entfernen und nur noch mit piwik arbeiten.</p>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.layh.com/wordpress/2009/06/03/piwik-analytics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>ClickHeat</title>
		<link>http://www.layh.com/wordpress/2009/04/30/clickheat/</link>
		<comments>http://www.layh.com/wordpress/2009/04/30/clickheat/#comments</comments>
		<pubDate>Thu, 30 Apr 2009 09:12:01 +0000</pubDate>
		<dc:creator>Thomas</dc:creator>
				<category><![CDATA[Webtools]]></category>
		<category><![CDATA[Statistik]]></category>
		<category><![CDATA[Tracking]]></category>
		<category><![CDATA[Website]]></category>

		<guid isPermaLink="false">http://www.layh.com/wordpress/?p=234</guid>
		<description><![CDATA[ClickHeat ist eine Statistik Sofware welche sich wirklich mit wenigen Clicks auf der eigenen Seite installieren l&#228;sst. Da ich immer auf solche Sachen neugierig bin habe ich das nat&#252;rlich sofort hier im Blog und auf meiner TYPO3 Seite installiert.

Die Installation ist einfach. Packet hochladen, entpacken und dann die index.php in dem neuen Verzeichnis aufrufen. ...]]></description>
			<content:encoded><![CDATA[<p>ClickHeat ist eine Statistik Sofware welche sich wirklich mit wenigen Clicks auf der eigenen Seite installieren l&#228;sst. Da ich immer auf solche Sachen neugierig bin habe ich das nat&#252;rlich sofort hier im Blog und auf meiner TYPO3 Seite installiert.</p>
<p>Die Installation ist einfach. Packet hochladen, entpacken und dann die index.php in dem neuen Verzeichnis aufrufen. Dort wird einem direkt angezeigt welche Berechtigungen noch falsch sind. Nach Korrektur dieser muss dann nur noch der Javascript Code in die Seite eingebunden werden und schon startet das Tracking.</p>
<p>Das Ergebnis ist nachher ein Overlay &#252;ber die Seite welche einem Anzeigt in welchen Bereichen viel und in welchen wenig geklickt wird. Sobald ich mal ein paar Klicks mehr auf meiner Seite habe und ein sichtbare Heatmap vorhanden ist werde ich wieder davon Berichten.</p>
<p>ClickHeat:</p>
<div id="attachment_235" class="wp-caption aligncenter" style="width: 310px"><a href="http://www.labsmedia.com/clickheat/index.html"><img class="size-medium wp-image-235" title="ClickHeat" src="http://www.layh.com/wordpress/wp-content/uploads/2009/04/clickheat-300x189.png" alt="clickheat 300x189 ClickHeat" width="300" height="189" /></a><p class="wp-caption-text">ClickHeat</p></div>
<p class="wp-flattr-button"></p>]]></content:encoded>
			<wfw:commentRss>http://www.layh.com/wordpress/2009/04/30/clickheat/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

