Ephigenia

nice new additions to #chrome #dev #tools, check ’em out

Mit einer einfachen Erweiterung der ~/.bashrc kann man das Theme des OSX-Terminals ändern, sobald man eine SSH Verbindung aufbaut: … und schon ändert sich das Terminal Fenster schön Rot, so dass man fast nicht mehr vergessen kann dass man gerade was kaputt machen kann ;-)

Wer auf der Suche nach weiteren interessanten und hilfreichen Plugins ist, sollte unbedingt die neue Package-Control-Seite checken, auf der gerade beliebte Plugins gelistet werden.vvvkom

Hilfreich ist auch der Shortcut ALT+Q, der alle Zeilen innerhalb des mehrzeiligen Kommentars auf die Maximallänge bringt. Man muss also nicht mehr lange überlegen, wann man im Kommentar einen Umbruch macht. Kurz ALT+Q – fertig.

The past quarter i was working at [foobugs](http://www.foobugs.com) for the Berlin based startup [Trademob](http://trademob.com). Our Team was developing a new rich client application for their clients which will be released during this year I think. It was a great opportunity to extend my skills in [backbonejs](http://backbonejs.org) and [chaplinjs](http://chaplinjs.com) which are really nice libraries. During that time I also discovered [brunch](http://brunch.io/) which is something like a boilerplate, ready-to-use compiler application assembler which makes it much easier to start a new project from scratch. You don’t have to set up your build steps, minification and test configuration on your own because brunch does this stuff for you. So I tried it out on a little project I had in mind for some months now. A simple and small application that uses the HTML5 [geolocation API](http://dev.w3.org/geo/api/spec-source.html) of the browser to display the user’s location on a map and show the info of the `getCurrentPosition` or `watchPosition` return values. It should be designed for small screen mobile devices such as my HTC Desire or iPhone to see how the callback intervals change when I drive or walk around. So here it is: http://gps-tracker.herokuapp.com/ And the best thing is - it’s open source! Test it on your mobile device and feel free to post issues or fix them in your fork: https://github.com/foobugs/gps-tracker

Ich bin Google Mail und Google Apps Nutzer - habe also mehrere E-Mail Konten. Um diese möglichst bequem zu managen habe ich bisher immer auf [Sparrow](http://sparrowmailapp.com/) vertraut. Da [die aber im Sommer von Google gekauft wurden](http://www.heise.de/newsticker/meldung/Google-kauft-App-Entwickler-Sparrow-1649196.html) und die Einstellung angekündigt wurde, war mir klar ich müsste mich an einen neuen E-Mail Client gewöhnen. Dann kam das 10.8 Update (Snow Leopard) heraus und ich probierte es einige Monate mit dem E-Mail Client "[Mail](http://www.apple.com/de/osx/apps/#mail)". Da der aber keinerlei sinnvolle Schortcuts bereit hält und sich obendrein auch irgendwie langsam anfühlt habe ich mich dann doch wieder für den Browser-basierten Client von Goolge entschieden. Um nicht ständig mehrere Tabs oder Browser mit unterschiedlichen Postfächern offen zu halten gibt es eine praktische Erweiterung für Chrome welche das Prüfen der Postfächer übernimmt: [Checker Plus for Gmail](http://jasonsavard.com/wiki/Checker_Plus_for_Gmail?ref=GmailChecker) [Webstore Link](https://chrome.google.com/webstore/detail/oeopbcgkkoapgobdbedcemjljbihmemj) Damit kann man sehen wie viele ungelesene Nachrichten man hat. Man bekommt Benachrichtigungen über neue E-Mails per Audio-Signal, Stimme oder Growl-Benachrichtigung und kann sich sogar die E-Mails ohne GMail öffnen zu müssen öffnen und gleich archivieren oder löschen. Praktisch.

Die Aussicht von dem Eingang zu "Studio 1" im [Bethanien](http://www.bethanien.de/) am Morgen. #digiyards (at Kunstquartier Bethanien). Mehr auf zum [Symposium Digital Backyards](berlinergazette.de/symposium/digital-backyards/) auf der Berliner Gazette Website.

Seit PHP 5.1 gibt es die Möglichkeit Dateioperationen nicht mehr mit Funktionen auszuführen sondern [SPLFileObject](http://de.php.net/manual/de/class.splfileobject.php) oder [SPLFileInfo](http://de.php.net/manual/de/class.splfileinfo.php) zu verwenden. In PHP 5.2 kam auch noch die Unterstützung für CSV Dateien dazu und so kann man ziemlich elegant mit [CSV Dateien](http://de.wikipedia.org/wiki/CSV_(Dateiformat)) umgehen. Das folgende Beispiel illustriert das hoffentlich: Die positiven Dinge sind auf jeden Fall die schöne objektorientierte API und die wenigen Zeilen Code die einem erlauben über den Inhalt der CSV Datei zu iterieren und zwar ohne die gesamte Datei im Speicher zu behalten! ### Das Zeilenende als Stolperstein Ein kleiner Stolperstein stellt allerdings die unterschiedlichen Zeilenenden dar die von manchen Programmen bei dem Erstellen einer CSV Datei verwendet werden. So kam es beim Testen schon vor, dass eine CSV Datei mit einem Carriage Return (chr 13) am Ende erzeugt wurde, statt dem gewohntem Line Feed (chr 10) oder einer Kombination aus beidem. Das Problem dabei ist, dass PHP dann die Zeilenenden nicht richtig erkennt und alle Daten in der ersten Zeile stecken. Dies kann man aber beheben indem darauf achtet, dass man `auto_detect_line_endings` in der `php.ini` aktiviert hat oder es einfach selbst setzt.

[2012-06-28] Gerade habe ich auf Hacker News noch diese eine [wunderbare Visualisierung der Repositories und git-Befehle von Mark Lodato](http://marklodato.github.com/visual-git-guide/index-en.html) gefunden.

Der [Developer Color Picker](http://www.panic.com/~wade/picker/) von [Panic](http://panic.com/) hat sich gerade als sehr hilfreich herausgestellt. Er ermöglicht es zum Beispiel in Textmate in SCSS/SASS oder CSS Dateien einen Farbwert samt Alpha-Kanal-Stärke auszuwählen. Einfach zu installieren und schon kann’s losgehen.

Markdown ist aus meinem Alltag nicht mehr wegzudenken. Die einfach zu erlernende Auszeichnungssprache die [John Gruber](http://daringfireball.net/projects/markdown/) und [Aaron Swartz](http://www.aaronsw.com/) erdacht haben, wird mittlerweile von diversen Plattformen unterstützt. Sogar Bücher, wie zum Beispiel "[The Grumpy Programmer’s Guide to Building Testable Applications in PHP](http://leanpub.com/grumpy-testing)" von [Chris Hartjes](http://www.littlehart.net/), werden damit geschrieben. Da man so gut wie alle gängigen Formatierungen in Markdown vornehmen kann, kommt es für mich oft gar nicht in Frage, Dokumentation oder Notizen in komplexen Programmen zu schreiben. [Textmate](http://macromates.com/), oder wenn es sein muss auch mal `vi`, reichen mir aus. Seinen Kunden will man nicht zumuten, Markdown-Dateien zu lesen. Stattdessen sollen diese schöner formatiert und in einem PDF gesammelt werden. Genau dieses Problem habe ich letztens auf OSX relativ komfortabel gelöst. ## Markdown zu HTML Wenn man PDFs aus Markdown erstellen möchte, macht es sich am besten, diese zuerst in HTML umzuwandeln. Ein Tool, welches u.a. Vorlagen mit einbezieht, Inhaltsverzeichnisse erstellen, in andere Formate umwandeln und damit auch für andere Zwecke genutzt werden kann, ist [pandoc](http://johnmacfarlane.net/pandoc/). Nach der Installation [eines der Packete](http://johnmacfarlane.net/pandoc/installing.html), kann man einzelne Markdown-Dokumente in HTML umwandeln: pandoc README.md -o README.html Das schöne bei pandoc ist, dass man neben Footer, Header oder Stylesheets auch ganze Templates selbst definieren kann, die beim Konvertieren mit einbezogen werden: pandoc -c mystyle.css -A footer.html -H header.html README.md -o README.html Weitere Befehle und genauere Beschreibungen zu den Templates sind im [Pandoc User’s Guide](http://johnmacfarlane.net/pandoc/README.html) nachzulesen. Ganz nett ist auch die Funktion, mit Platzhaltern für Datum oder Autor arbeiten zu können. ## HTML zu PDF Hier gibt es wieder mehrere Möglichkeiten. Um [pandoc](http://johnmacfarlane.net/pandoc/) das PDF-Generieren beizubringen, muss man leider [LaTeX](http://www.tug.org/mactex/2011/) installieren, was auf Grund der Größe des Pakets (mehr als 1 GB) lächerlich erscheint. Wenn man aber auf OSX arbeitet, kann man eine im System "versteckte" Funktion benutzen, die jedes HTML inklusive Stylesheet, Bilder etc. in ein PDF verwandelt: `convert` /System/Library/Printers/Libraries/convert -a "media=A4 portrait" -f README.html -o README.pdf Der Befehl ist leider nicht [wirklich dokumentiert](http://apple.stackexchange.com/questions/14947/what-are-the-secret-options-of-the-pdf-convert-tool-from-os-x); er kann aber auch RTF oder normale Text-Dateien in PDFs konvertieren. Es gibt auch noch weitere Parameter, die man mit `-a` übergeben kann. Welche von den auf [CUPS gelisteten](http://www.cups.org/documentation.php/options.html) funktionieren, konnte ich aber leider nicht finden. ## Beispiel auf GitHub Für [foobugs](http://www.foobugs.com) habe ich ein kleines Beispielprojekt aufgesetzt, mit dem man wunderbar rumspielen und sich für seine Firma oder sein Projekt eine Vorlage erstellen kann. Die Quellen sind im [pandoc-templates Projekt auf GitHub](https://github.com/foobugs/pandoc-template) zu finden.

Ob die Implementierung der Regular Expressions in der Sprache, die man verwendet, angreifbar ist, muss man am besten selbst überprüfen. Richard M. Smith hat auf seiner ReDoS Website schon verschiedene Implementierungen in C#, Python, Java, Javascript, Perl, PHP ausprobiert und aufgelistet. Wer noch mehr über ReDoS erfahren möchte, kann auch gerne mal bei dem entsprechendem Eintrag auf OWASP (The Open Web Application Security Project) vorbei schauen.

Wenn man mal wieder was anderes zu tun hat, als sich ewig lange Artikel bei [Spiegel Online](http://www.spiegel.de) oder anderswo durchzulesen, kann man sich die Texte auch einfach mal von seinem Computer vorlesen lassen! Vorausgesetzt man hat OSX als Betriebssystem gewählt und Sprachausgabe gleich kostenlos mitgeliefert bekommen. Einfach in in den "Einstellungen" -> "Sprache" den globalen Shortcut fürs Vorlesen einstellen und schon kann man bequem weiter programmieren während der Spiegel-Artikel von Yannick oder Steffi vorgelesen wird. Es können auch noch kostenlos weitere Stimmen (für andere Sprachen) nachinstalliert werden. Wer’s lustig findet, kann sich auch den Quellcode vorlesen lassen und während dessen einen Spiegel-Artikel schreiben ;-)

Der Inhalt der App besteht aus statischem HTML5 welches von dynamischen PHP Inhalten generiert wird. Für die Styles habe ich Compass / Sass verwendet und konnte so ganz einfach einen Nacht/Tag Modus integrieren. Für die wenigen Javasript Funktionen benutzte ich backbone.js was sich als ziemlich praktisch herausgestellt hat. Um das ganze dann in eine native App umzuwandeln habe ich Baker benutzt. 

Burger (Taken with Instagram at Winterzauber am Gendarmenmarkt)