sd.vg/[Notiz]-Blo[g|ck]

Chrome-Extension: simpleClock

Update von 24.03.12: Die Uhr gibts jetzt auch im Chrome Web Store: simpleClock

Da ich im Store keine nette, einfache Uhr für den Chrome finden konnte, die mir die Uhrzeit oben rechts anzeigt habe ich kurzerhand selber eine geschrieben 

Die Erweiterung besteht aus ein wenig javascript und 2x 1.440 Grafiken, die je für eine Minute des Tages stehen

Features:

• minimalistische Anzeige im Browser oben rechts 
• Datum und Uhrzeit im Titel bei Mouseover
• Öffnen eines neuen Tabs mit frei konfigurierbarem Ziel bei Klick auf das Icon (Standard: Google Calendar)
• Wählen zwischen schwarzer- und weißer Schrift (letztere für dunkle Designs)

Für Interessierte gibt es hier die Source

simpleClock Chrome Extension steht unter einer Creative Commons Namensnennung-Weitergabe unter gleichen Bedingungen 3.0 Unported Lizenz.

Zum Artikel

Netbeans: Encoding für einzelne Dateien

Hier erkläre ich, wie man das Standard-Encoding für einzelne Dateien, außerhalb eines Projekts in Netbeans einstellt.

Hierzu wird die Datei `netbeans.conf` gebraucht. Unter Windows liegt sie unter:

C:\Program Files\NetBeans 7.0.1\etc

unter Linux und OSX liegt sie unter

${nb-install}/etc/netbeans.conf

oder

${userdir}/etc/netbeans.conf

Dort gibt es eine Zeile, in der die `netbeans_default_options` definiert werden. Dort muss folgendes ergänzt werden:

-J-Dfile.encoding=UTF-8

Die ergänzte Zeile sieht bei mir dann so aus:

netbeans_default_options="-J-client -J-Xss2m -J-Xms32m -J-XX:PermSize=32m -J-Dapple.laf.useScreenMenuBar=true -J-Dapple.awt.graphics.UseQuartz=true -J-Dsun.java2d.noddraw=true -J-Dfile.encoding=UTF-8"

Zum Artikel

uhuc-Uptime Widget

Hier stelle ich meine kleine JQuery-Extension vor, die Daten der uhuc-Uptime-API in einem Widget anzeigt.

Zum Artikel

Snippet: Dateien mischen

Hier ein Codeschnippsel, mit dem man die Namen von Dateien "mischen" kann:

Hierzu werden die Dateien im aktuellen Verzeichnis zufällig angeordnet und mit dem Prefix "ZAHL-" im Dateinamen durchnummeriert.

<?php
$files = glob('*');
shuffle($files);

$c = 0;
foreach($files as $f) {
	//echo $f.' ====> '.$c.'-'.$f."\n";
	rename($f, $c.'-'.$f);
	$c++;
}

Zum Artikel

Remote Click'n'Load für Alle

Hier beschreibe ich, wie unter Linux, Windows und Mac Port-Forwards für Click'n'Load eingerichtet werden können.

Das Ziel dabei ist, dass man auf seinem lokalen Computer im Browser auf einen Click'n'Load-Link klicken kann und die Informationen sofort und automatisch an den Download-Server, auf dem z.B. ein pyLoad-Webinterface läuft weitergereicht werden können.

Ich verwende in den Befehlen und Scripten folgende Platzhalter, die ersetzt werden müssen:

Windows

Für beide der folgenden Varianten verwende ich die Software von http://www.quantumg.net/portforward.php.

einfache Variante mit grafischer Oberfläche

Bei dieser Variante wird die grafische Oberfläche gestartet und dort eine temporäre Portweiterleitung eingerichtet.

Vorteile:

• es ist einfach und unkompliziert
• Es lassen sich verschiedene Weiterleitungen in Textdateien abspeichern und laden

Nachteile:

• Beim Starten des Programms müssen die Regeln immer neu erstellt oder aus einer Textdatei geladen werden
• Das Programm lässt sich nicht ins Tray minimieren

Download der Software: http://www.quantumg.net/portforward_bin.zip

Die Verwendung es Programms sollte selbsterklärend sein. Eine Weiterleitung kann unter Redirection → Add angelegt werden und unter "File" lassen sich die Text-Dateien laden und speichern.

dauerhafte Variante über die CLI-Version

Es gibt auch eine CLI-Version des Programms, die sich für eine intensivere Nutzung von Click'n'Load anbietet.

Um die Weiterleitung dauerhaft, unsichtbar und im Autostart einzurichten sind folgene Schritte notwendig:

• Download und entpacken der "trivial_portforward.exe" von: http://www.quantumg.net/trivial_portforward.zip
• Tests des Programms / der Parameter:
  • Öffnen einer Konsole: WIN+R, Eingabe von "cmd", Enter
  • Ausführen des Programms nach diese Synatx (die wir auch gleich noch einmal benötigen):
    

    {$Pfad}\trivial_portforward 9666 {$Remote IP} {$Remote Port}

    Ein Beispiel, wie es bei mir aussieht:
    

     C:\Users\sd\trivial_portforward 9666 media.na 8000"

  • 9666 ist der Click'n'Load-Port, media.na mein "Media-Server" und 8000 der Port des installierten pyLoad-Webinterfaces.
• Wenn das funktioniert geht es weiter mit der Erstellung eines simplen Visual Basic-Scripts, dass den Befehl unsichtbar (ohne eigenes Fenster) ausführt:
  • Die Datei muss die Endung ".vbs" haben, ich habe sie "pf.vbs" genannt.
  • Inhalt:
    
    

    set a = wscript.CreateObject("wscript.Shell") 
    a.run "{$Pfad}trivial_portforward 9666 {$Remote IP} {$Remote Port}",0

    
    also in meinem Beispiel:
    

    set a = wscript.CreateObject("wscript.Shell") 
    a.run "C:\Users\sd\trivial_portforward 9666 media.na 8000",0

• Diese Datei muss jetzt nur noch in den "Autostart"-Ordner und alles sollte laufen :)

Linux und Mac OS X

Mit folgender Terminal-Eingabe können unter Linux und OSX SSH-Tunnel aufgebaut werden, der lokale Click'n'Load-Requests an einen entferneten Server weiterreichen:

ssh -L 127.0.0.1:9666:{$Remote IP}:{$Remote Port} -N 127.0.0.1

Beim Beispiel pyLoad müsste für den Port des Servers der Port des Webinterfaces angegeben werden.

Soll der Tunnel beim Systemstart automatisch aufgebaut werden, bietet es sich an, Schlüsselpaare für SSH zu verwenden.
Eine Anleitung dazu gibt es hier: http://www.bsdbox.de/?page_id=48

Zum Artikel

txt-Files in UTF-8 ausliefern

Wer Text-Dateien für Browser ausliefern will, ohne dass es zu Encoding-Fehlern kommt, gibt am besten den MIME-Type und das Charset mit.

Das kann man, wenn man Apache nutzt ganz einfach über eine .htaccess-Datei regeln:

<FilesMatch "\.(txt)$">
	ForceType 'text/plain; charset=UTF-8' 
</FilesMatch>

Der FilesMatch-Regex kann natürlich auch für andere File-Extensions erweitert werden. Folgendes Beispiel funktioniert mit .txt und .md:

<FilesMatch "\.(txt|md)$">
	ForceType 'text/plain; charset=UTF-8' 
</FilesMatch>

Zum Artikel

Chromebook-Spots in 17 oder 18 Sek.

Google hat ja mal ein paar echt coole, kurze Spots fürs Chromebook :

Zum Artikel

fertige Packages mit JQuery ( & UI)

Hier gibt es meine fertigen Pakete mit einem html-Grundgerüst und eingebundenem JQuery zum Download.

Die Pakete ersparen einem das Zusammensuchen und einbinden von HTML-Doctypes, JQuery, css, etc. bei neuen Projekten oder wenn man schnell etwas ausprobieren möchte.

• Es gibt zwei Varianten:
  - html5 mit JQuery
  - html5 mit JQuery und JQuery UI
• Alle Dateien haben ein utf-8 Encoding und UNIX-Zeilenumbrüche
• Die Sprache des HTML-Inhalts wird immer als Deutsch definiert
• Die Pakete gibt als als zip-Archive
• Die JQuery-Versionen sind minified
• Das HTML ist w3c-valide
• es gibt immer schon eine `main.css` und eine `main.js`
• in der `main.css` wird ein minimaler reset durchgeführt:
  

  * {
  	margin: 0;
  	padding: 0;
  	font-family: Arial;
  }

• in JQuery UI sind immer alle verfügbaren Module und das Theme "lightness" enthalten

Downloads:

• html5-Doctype, JQuery
• html5-Doctype, JQuery, JQueryUI

Stand: 11.04.12
JQuery: 1.7.2
JQuery UI: 1.8.18

Ich versuche, die JQ-Versionen aktuell zu halten und hoffe, die Pakete sind nicht nur für mich nützlich 

Zum Artikel

LAMP-Dev-Server "Merkzettel"

Mein "Merkzettel" zur Einrichtung eines LAMP-Dev-Servers auf Debian Basis mit aktuellen Paketen und voll aktiviertem error_reporting und xdebug für php:

• aktuelles Debian als Grundlage installieren
• Updates installieren
• zur /etc/apt/sources.list hinzufügen:
  

  deb http://packages.dotdeb.org stable all
  deb-src http://packages.dotdeb.org stable all

• Public-Key für Repository hinzufügen:
  

  wget http://www.dotdeb.org/dotdeb.gpg
  cat dotdeb.gpg | apt-key add -

• Paketlisten updaten:

  aptitude update
  

• Pakete installieren:

  aptitude install apache2 mysql-server php5 php5-mysql php5-xdebug php5-mcrypt php5-curl

• development-php.ini kopieren:
  

  cp /usr/share/doc/php5-common/examples/php.ini-development /etc/php5/apache2/php.ini

• mod_rewrite aktivieren
  

  a2enmod rewrite

• Apache neustarten:
  

  /etc/init.d/apache2 restart

Zum Artikel

Debugging für die eigene IP-Addresse

Hier einmal zwei Codeschnippsel, mit denen man komfortabel live-Systeme debuggen kann, ohne dass Benutzer etwas davon mitbekommen.

Hierzu wird einfach geprüft, ob der aufrufende Client die eigene IP-Adresse hat.

In den folgenden Schnippseln für php und Smarty wird deine Addresse automatisch eingebaut.

php:

if( $_SERVER['REMOTE_ADDR'] == '##UIP##' ) {
    //Debug-Ausgaben hier
}

smarty:

{if $smarty.server.REMOTE_ADDR == '##UIP##'}
    {*Debug-Ausgaben hier*}
{/if}

Zum Artikel