code tips

Full Color Icons in Sencha 2

Sencha Touch 2 beinhaltet mit seinem CSS mixin "@include pictos-iconmask('attachment');" eine robuste Möglichkeit, um Icons als Base64-encodierte Strings direkt ins CSS File zu kompilieren. Dies bringt den Vorteil mit sich, dass sobald das CSS geladen ist, auch alle Icons zur Verfügung stehen und nicht mehr mit einem separaten Request vom Server nachgeladen werden wie das normalerweise bei Websites der Fall ist.


Debug-Hilfe für JavaScript Events

Allan Jardine bietet ein JavaScript Bookmarklet namens Visual Event an. Den Button auf dieser Seite einfach in die Bookmarks des Browsers ziehen und auf jeder beliebigen Page die man debuggen möchte klicken. Es wird dann die aktuelle Seite analysiert und mit Informationen zu allen vorhadenen JavaScript Events angereichert.

Unterstützt werden folgende JavaScript Libraries:


Testmail versenden auf Windows

Da es manchmal recht trickig sein kann, für PHP eine sendmail Emulation auf Windows einzurichten, bietet sich folgende einfache Alternative an.

Von Pegasus Mail (http://www.pmail.com/) gibt es das Programm "Mercury", welches als lokaler SMTP Mail-Proxy konfiguriert werden kann und dann alle Mails über einen richtigen SMTP Server nach Wahl verschickt.

Sehr hilfreich um lokal entwickeln und testen zu können, ohne dass man seine E-Mail Zugangsdaten in jeder Webapp hinterlegen muss.


Drupal: Eigene Panels Styles & Layouts

Um eigene Styles und Layouts in Panels verwenden zu können, legt man im Theme Ordner folgende Struktur an:

  • plugins
    • layouts
      • $layout_name
    • styles
      • $style_name

Am einfachsten nimmt man als Vorlage jeweils einen Style und ein Layout aus dem Panels Modul-Ordner.


CSS bereinigen

Dust-Me Selectors ist der Staubwedel fürs CSS File. Unweigerlich sammeln sich in jedem Projekt CSS Klassen an die nicht mehr gebraucht werden und nicht nur überflüssig sondern oft sogar verwirrend sind.

Mit dem FireFox Plugin Dust-Me Selectors macht man diese ausfindig.