Blog :: deam.org http://blog.deam.org hier schreibt Klaus M. Brantl Wed, 28 Jul 2010 06:17:30 +0000 en hourly 1 http://wordpress.org/?v=3.0 Handgemacht http://blog.deam.org/2010/07/28/handgemacht/ http://blog.deam.org/2010/07/28/handgemacht/#comments Wed, 28 Jul 2010 06:17:30 +0000 Klaus M. Brantl http://blog.deam.org/?p=408

Wenn ich solche Dokus sehe, dann muss ich immer an Kneitinger denken.
Kneitinger ist eine alte Brauerei in Regensburg, die natürlich nicht mehr ganz so alte Geräte nutzt (so wie die beiden Chocolatiers im Film). Aber versuchen alte Rezepte modern umzusetzen. Niemand würde heute wohl noch ein Bier trinken, das nach einem Rezept von vor 150 Jahren gebraut wurde – viel zu stark, viel zu “dickflüssig”. Aber beim Kneitinger ist z.B. praktisch jedes Bier um einen halben oder gar einen Prozentpunkt “schwerer” als bei den anderen Brauereien. Und das Spezielle ist dann immer in der Adventszeit: Bockbier.
Vielleicht ist es ja Einbildung oder die Werbung für Handgemachtes im allgemeinen, die mich dazu bringt zu sagen: “Dieses Jahr schmeckt der Bock aber wieder süßer/ schwerer/ anders als letztes Jahr.” – oder es ist einfach nur das Alter ;)

]]> http://blog.deam.org/2010/07/28/handgemacht/feed/ 0 Unterhaltung pur: Elvis Presley- King Creole http://blog.deam.org/2010/07/26/unterhaltung-pur-elvis-presley-king-creole/ http://blog.deam.org/2010/07/26/unterhaltung-pur-elvis-presley-king-creole/#comments Mon, 26 Jul 2010 06:06:57 +0000 Klaus M. Brantl http://blog.deam.org/?p=405 Und das ist definitiv “pur”:

Einfach nur gut gemacht.

]]> http://blog.deam.org/2010/07/26/unterhaltung-pur-elvis-presley-king-creole/feed/ 0 Technik hinter Hausverbrauch.de: Ladezeit http://blog.deam.org/2010/07/21/technik-hinter-hausverbrauch-de-ladezeit/ http://blog.deam.org/2010/07/21/technik-hinter-hausverbrauch-de-ladezeit/#comments Wed, 21 Jul 2010 06:53:45 +0000 Klaus M. Brantl http://blog.deam.org/?p=398 Das wir das ganze mit PHP und MySQL umgesetzt haben, sollte einigermassen klar sein. Natürlich kommt auch hier wieder das deam.org-framework zum Einsatz.

Interessanter ist es einige andere Aspekte der Umsetzung zu beleuchten. Nur zur Erinnerung: wir sind noch nicht fertig und es gibt noch eine grosse Menge an Bestandteilen, die optimierungsbedürftig sind.
Ich werden über die nächsten Wochen in loser Folge über einige der “Frontend-Aspekte” schreiben. Vor allem auch über das “Warum” einzelner Entscheidungen.

Die Schwerpunkte bisher waren:

  1. Ladezeit: Alles kombinieren und komprimieren.
  2. Verteilung: Statische Bestandteile nicht via www.hausverbrauch.de, sondern via Amazon-S3
  3. ein Markup: Die mobile Version unterscheidet sich im HTML-Markup nicht von der Desktop-Version
  4. kein IE6: naja – eigentlich mehr nach dem Motto “CSS3 anstatt Workarounds“

Ladezeit

Die Startseite von https://www.hausverbrauch.de/ löst aktuell 6 Requests aus und hat knapp 120kb an Datenmenge zu transferieren.
Das ist zugegebenermassen noch immer zu viel. Das reine HTML in gepackter Form schlägt mit nur 2,4kb zu Buche und das Logo erreicht fast 16kb.

Der Löwenanteil ist das “combo.min.gz.js” mit fast 92kb.
Dieses Javascript-Bundle ist noch wenig optimiert. Es enthält diese Einzelpakete:

  • jquery-1.4.2.min.js
  • jquery.cookie-1.0.min.js
  • jquery-ui-1.8.custom.min.js
  • jquery.bgiframe-2.1.1.min.js
  • jquery.passStrengthener-0.9.1.min.js
  • jquery.tooltip-1.3.min.js
  • jquery.scrollTo-1.4.0.min.js
  • jquery.flot.min.js
  • jquery.flot.selection.min.js
  • functions.min.js

Den verhältnismässig größten Anteil übernimmt jQuery-UI. Wir verwenden nicht alle UI-Funktionen, dennoch ist das ganze Paket enthalten. Das wollen wir im Laufe der Beta-Phase noch korrigieren. Aktuell gehe ich davon aus, das wir für “combo.min.gz.js” im gepackten Zustand etwa 50kb erreichen können.

Ausserdem enthält “combo.min.gz.js” auch Scripte die in der mobilen Version nicht zum Tragen kommen. Hier werden wir noch überlegen inwieweit eine getrennte Auslieferung hier vielleicht noch Vorteile bringen kann.

Randbemerkung:
Es wird landläufig empfohlen Javascript-Files nicht im <head>, sondern am Ende des <body> zu platzieren, da ein JS-Download im <head> “blocking” ist. Das ist allerdings nicht ganz unproblematisch und bedeutet auch, das bestimmte Funktionen noch nicht nutzbar sind. Man muss hier im Grunde dann sehr stark mit DOM-Operationen arbeiten und das ist zumindest bei IE7 und IE8 nicht wirklich spassig (jedenfalls nicht, wenn man einen betagten WIndows-Rechner im Einsatz hat).

Zum Kombinieren und Komprimieren verwende ich ein einfaches Shell-Script. Hier ein beispielhafter Codeauszug:

#!/bin/bash
echo '** kombiniere alle js-files'
cat htdocs/static/libraries/jquery-1.4.2.min.js > htdocs/static/libraries/combo.min.js
cat htdocs/static/libraries/jquery.cookie-1.0.min.js >> htdocs/static/libraries/combo.min.js
cat htdocs/static/libraries/jquery-ui-1.8.custom.min.js >> htdocs/static/libraries/combo.min.js
cat htdocs/static/libraries/functions.min.js >> htdocs/static/libraries/combo.min.js

echo 'gzip-Version'
gzip -9 < htdocs/static/libraries/combo.min.js > htdocs/static/libraries/combo.min.gz.js

Die Dateiendung hat seinen Sinn:
Entweder hat man einen Apache mit mod_headers und kann dann eine solche Konfiguration einsetzen:

<FilesMatch "(.gz.js|.gz.css)$">
        Header add "Content-Encoding" "gzip"
</FilesMatch>

Oder man verwendet Amazon-S3 und setzt den “Content-Encoding”-Header beim Upload der Datei auf “gzip”.

Achja: Das Minify machen wir derzeit mit dem yuicompressor-2.4.2.jar. Das hat mehr oder weniger historische Gründe. Ich werde mir bei Gelegenheit noch Alternativen ansehen.

]]> http://blog.deam.org/2010/07/21/technik-hinter-hausverbrauch-de-ladezeit/feed/ 0 Energieverbrauch erfassen http://blog.deam.org/2010/07/20/energieverbrauch-erfassen/ http://blog.deam.org/2010/07/20/energieverbrauch-erfassen/#comments Tue, 20 Jul 2010 10:49:28 +0000 Klaus M. Brantl http://blog.deam.org/?p=391 Wer weiß schon wieviel Strom er verbraucht? Bei der Jahresabrechnung kommt dann immer das dicke Ende.
Aus diesem Grund schreiben sich viele Menschen aus meinem Freundes- und Bekanntenkreis Zählerstände auf. Mal mehr und mal weniger häufig. Es geht darum ein Gefühl zu bekommen, wieviel man denn da an Ressourcen nutzt.

Bei manchen geht das auch etwas weiter. Sie wollen Maßnahmen gegen erhöhten Verbrauch ergreifen. Die Motivation kann durchaus eine ökologische Einstellung sein. Ich persönlich vermute aber, das es uns auch auf die €-Summe rechts unten auf der Jahresabrechnung ankommt.

Jetzt gibt es – gerade bei Strom – eine neue, bunte Zukunft. Diverse große Energiekonzerne fahren Kampagnen für “intelligente Stromzähler” (seit Jahresanfang sind intelligente Stromzähler im übrigen Pflicht bei Neubauten und grundlegenden Renovierungen). Einfach ein bisschen online sein und schaun was passiert, wenn man den Wasserkocher anschaltet.
Nur dumm das der Energiekonzern das dann auch weiß.
Ausserdem gibt es diese Stromzähler nicht überall.

Da ich selbst fleissig schreibe und mich diese Spreadsheet-Sache von Anfang an genervt hat, haben wir ein neues Projekt ins Leben gerufen: https://www.hausverbrauch.de/

Diese Seite soll ein Hub werden. Bestehende Daten importieren, Pflegen, Exportieren, Diagramm-Ansichten, etc.

Wir stehen am Anfang.
Deshalb gibt es derzeit nur Zugänge auf Basis von Einladungen mit entsprechenden Schlüsseln. Ich werde im Anschluss an diesen Blogeintrag 5 Schlüssel auf dem Hausverbrauch.de-Twitter-Feed veröffentlichen.

]]> http://blog.deam.org/2010/07/20/energieverbrauch-erfassen/feed/ 0 iVersion, Star Walk http://blog.deam.org/2010/07/11/iversion-star-walk/ http://blog.deam.org/2010/07/11/iversion-star-walk/#comments Sun, 11 Jul 2010 08:23:30 +0000 Klaus M. Brantl http://blog.deam.org/?p=339 Ein mobiler svn-Client für das iPhone?
Eigentlich eine eher fragwürdige Sache, weil was kann man denn schon machen, wenn man unterwegs ist und nur so ein klitzekleines Display hat und ggf. gemachte Änderungen auch gar nicht Testen kann?
Ich hab es jetzt über mehrere Wochen lang ausprobiert, und muss sagen, das es hilfreich ist. Allerdings hat es noch ein paar echte Haken:
Es gibt z.B. keine Darstellung für PDF oder JPG. Man kann also nicht mal schnell einen Blick auf eine Projektdoku werfen oder ein Bild prüfen.

iVersion für iPhone [Affiliate-Link] – derzeit 1,59€, Version 1.3

Star Walk ist dagegen eine App die ich mir erst vor kurzem zugelegt habe. Eine einfach zu bedienende Astronomie-Anwendung, die definitiv klasse aussieht. Sie ist wohl nicht so ganz präzise, aber so wirklich Ahnung habe ich davon ja nicht. Wenn man wie ich immer Probleme hat Sternzeichen zu erkennen, dann ist es jedenfalls nicht schlecht.

Star Walk für iPhone und iPad [Affiliate-Link] – derzeit 2,39€, Version 4.3

]]> http://blog.deam.org/2010/07/11/iversion-star-walk/feed/ 0 neue Website: Schreinerei Bräu http://blog.deam.org/2010/07/07/neue-website-schreinerei-brau/ http://blog.deam.org/2010/07/07/neue-website-schreinerei-brau/#comments Wed, 07 Jul 2010 07:02:43 +0000 Klaus M. Brantl http://blog.deam.org/?p=379 Ein Projekt mit einigen Herausforderungen:
Zum einen sollte die Ladezeit “gut” sein und zum anderen war natürlich auch ein optischer Anspruch vorhanden.

Der Schwerpunkt der Seite ist die Galerie und damit natürlich ein Problem bzgl. der Ladezeit. Daher haben wir uns gegen eine Thumbnailansicht entschieden. Die etwas “größeren Kleinansichten” bieten eine gute Vorauswahl – die meisten Bilder sind nicht größer als 15kb. Die Großansichten sind alle meistens zwischen 100 und 150kb – und nur wenige Ausnahmen sind größer als 200kb.
Die Bildauswahl wurde entsprechend getroffen um die Bandbreite Schreiner-Arbeiten klar herauszustellen.

Das technische Detail für die Ladezeit sind kombinierte und komprimierte CSS- und Javascript-Files. Der Unterschied lässt sich am Besten an der Startseite festmachen: Die Entwicklerversion hat 592kb und die Liveversion hat 325kb. Wobei ca. 230kb an Bildern bei beiden Versionen gleich ist.

Aus technischer Sicht war bei diesem Projekt für uns auch wieder entscheidend folgende Rahmenbedingungen einzuhalten:

  • sauberes und kleines HTML (es sollte auch jede Seite valide sein)
  • “graceful degradation”: D.h. bei Nichtverfügbarkeit von Javascript und/oder CSS soll der Inhalt weiterhin zugreifbar sein
  • Browserkompatibilität (die Seite funktioniert auch verhältnismässig gut im InternetExplorer 6)

Viel Spass auf der neuen Website http://www.schreinerei-braeu.de/


]]> http://blog.deam.org/2010/07/07/neue-website-schreinerei-brau/feed/ 0 Mein iPhone-Startscreen am 23.06.2010 http://blog.deam.org/2010/06/23/mein-iphone-startscreen-am-23-06-2010/ http://blog.deam.org/2010/06/23/mein-iphone-startscreen-am-23-06-2010/#comments Wed, 23 Jun 2010 07:37:04 +0000 Klaus M. Brantl http://blog.deam.org/?p=367 Weil ich doch immer mal wieder gefragt werde, hier mein Startscreen mit den Apps, die ich definitiv am meisten benutze:

Zeile 1:

  1. Kalender: von Apple
  2. Einstellungen: von Apple (wäre wirklich schön, wenn manche Einstellungen direkter erreichbar wären… so um z.B. mal schnell das WLAN deaktivieren zu können; aber das will Apple offensichtlich nicht)
  3. Fizz Weather: Kostet derzeit 2,99€ und ist klein, schnell und reicht mir von der Aktualität ganz gut. Die Niederschlagswahrscheinlichkeit ist das wichtigste feature für mich.
  4. Live Ticker: ist kostenlos und ohne zweifel der schnellste Fussball-Ticker im App-Store – inkl. Push.

Zeile 2:

  1. Uhr: von Apple; Wecker – ganz wichtig ;)
  2. Kamera: von Apple
  3. iPod: von Apple
  4. OmniFocus: Kostet derzeit 15,99€ und ist vor allem deshalb genial, weil es auch eine Desktop-Version gibt. Dieser ToDo-Manager ist vielleicht nicht günstig, aber seinen preis wert. Vor allem da man zur Synchronisation einen eigen SSL-WebDAV-Server verwenden kann. Man muss seine Daten also niemand Drittem anvertrauen und kann trotzdem mobil sein.

Zeile 3:

  1. Echofon: Die Pro-Version kostet 3,99€ und die Light-Version mit Werbung ist kostenlos. Kleiner und schneller Twitter-Client. Allerdings funktioniert bei mir das Push grundsätzlich nicht. Aber das muss nicht zwingend am Hersteller liegen.
    Es gibt noch einen Client für MacOS mit dem eine Synchronisation von gelesenen Tweets läuft. Die funktioniert prima und ist durchaus hilfreich.
  2. Facebook: Kostenlose App. Sehr hakelig in der Bedienung, aber ganz praktisch für unterwegs.
  3. Minigore: Kostet derzeit 0,79€ und ist ein netter kleiner Zeitvertreib. Aber Achtung bei Updates: Nicht immer gleich einspielen, weil die Qualitätssicherung nicht so wirklich prickelnd ist…
  4. Canabalt: Schon jetzt ein Klassiker für 2,39€. Einfaches Spielprinzip. Und doch recht lange spielbar.

Zeile 4:

  1. DB Navigator: Kostenlos und wirklich gut. Durch das iOS4-Update ist die Optik aber ein wenig in Mitleidenschaft gezogen worden…
  2. Pocket WM: Kostenlos und ein guter Begleiter zur WM2010.
  3. iBooks: kostenlos von Apple (expliziter Download) – praktisch auch zum Lesen von PDF-Dokumenten unterwegs (Sync via iTunes).
  4. MobileRSS Pro: Kostet derzeit 2,39€ und ist mein Ersatz für NewsRack, das mir einfach viel zu langsam geworden ist. Die App muss ja schliesslich “nur” mit dem GoogleReader synchronisieren.

Zeile 5 sind die Standard-Apple-Apps…

Alle Links zum App-Store sind Afiliate-Links.

]]> http://blog.deam.org/2010/06/23/mein-iphone-startscreen-am-23-06-2010/feed/ 0 Vuvuzelas sind nicht das Problem http://blog.deam.org/2010/06/15/vuvuzelas-sind-nicht-das-problem/ http://blog.deam.org/2010/06/15/vuvuzelas-sind-nicht-das-problem/#comments Tue, 15 Jun 2010 05:43:43 +0000 Klaus M. Brantl http://blog.deam.org/?p=361 Seit dem Wochenende kursiert der Link zum Vuvuzela-Filter im Netz. Und von verschiedenen Seiten bekommt man als NurWM-Fussball-Fan Facebook-Gruppen (1, 2) und Spielgel-Artikel (1, 2, 3) um die Ohren geschmissen.

Wenn man sich dann aber diese wunderbare Statistikaufbereitung der Zeit ansieht, dann wird einem klar: Lärm ist sehr subjektiv.

Gut, ich muss es präzisieren: “nervend” ist subjektiv.
Denn wenn ich von Kommentatoren Satzfragmente wie “der Ex-Schweini ist jetzt Herr Schweinsteiger” höre, dann frage ich mich schon was denn so schlimm an ein bisschen Trötensound ist.

Da sehne ich mich doch gleich in die Zeit zurück in der ich zum einen mehr davon hatte und zum anderen PayTV noch richtig, richtig gut war. Ja genau, ich spreche von DF1. Ich war damals noch grosser Formel1-Fan -  da gab es noch echte Gewinner; Sport-Helden sozusagen. Und es gab eine wunderbare Funktion: Originalsound ohne Kommentator.

Tja, sowas gibt es ja leider nicht im öffentlich rechtlichen bzw. FreeTV. Und Sky (oder wie heisst das gerade?) ist definitiv keine Option mehr…

Am Sonntag habe ich daher meinen eigenen Filter ausprobiert; man beachte das Symbol rechts unten:

Ok, ein bisschen still war es dann ja schon…

]]> http://blog.deam.org/2010/06/15/vuvuzelas-sind-nicht-das-problem/feed/ 0 PixelZoomer – hilfreiches Firefox Add-on für Webentwickler http://blog.deam.org/2010/05/31/pixelzoomer-hilfreiches-firefox-add-on-fur-webentwickler/ http://blog.deam.org/2010/05/31/pixelzoomer-hilfreiches-firefox-add-on-fur-webentwickler/#comments Mon, 31 May 2010 14:05:08 +0000 Stefanie Graf http://blog.deam.org/?p=352 Es handelt sich um eine Firefox-Erweiterung für Webentwickler, mit der sich durch eine Zoom-Funktion (bis 3200% Vergrößerung) pixelgenau Abstände messen und Farbwerte analysieren lassen.

Der PixelZoommer kann den Schritt über ein Bildbearbeitungsprogramm überflüssig machen, so dass bei der Entwicklung von Web-Projekten direkt im Browser Größen und Abstände analysiert und Farbwerte aufgenommen werden können.

Ich finde, es ist ein praktisches und übersichtliches Tool, das hilft Zeit zu sparen und etwas schnell zu prüfen.

Hinweis:
Derzeit ist es  auf der  offiziellen Mozilla-Seite noch als experimentelles Add-on gekennzeichnet. Bis zum finalen Status sind daher alle Benutzer zum Testen eingeladen.

Offizielle Seite mit genaueren Infos und Video-Demonstration:
http://matthiasschuetz.com/pixelzoomer/de/

]]> http://blog.deam.org/2010/05/31/pixelzoomer-hilfreiches-firefox-add-on-fur-webentwickler/feed/ 0 CSS3 Mehrspaltige Layouts http://blog.deam.org/2010/04/27/css3-mehrspaltige-layouts/ http://blog.deam.org/2010/04/27/css3-mehrspaltige-layouts/#comments Tue, 27 Apr 2010 09:32:06 +0000 Stefanie Graf http://blog.deam.org/?p=311 Zwar wird der Wechsel von CSS 2 auf CSS 3 bekanntermaßen wohl noch etwas dauern. Aber eine hilfreiche Neuerung ist das CSS3-Modul “multi-column layout”. Auch wenn es nicht mehr wirklich “taufrisch” ist, möchte ich es trotzdem kurz vorstellen. Denn wenn die Seite nicht in allen Browsern gleich aussehen muß, spart man sich dadurch verschachtelte divs – von tables gar nicht zu reden…
Geeignete Anwendungen wären, Listenaufzählungen, Navigationslisten aber auch Textebereiche.

Beispiel:

Code für Mozilla-Browser:
#TopNav ul{
-moz-column-count: 3;
-moz-column-width: 32%;
-moz-column-gap: 1em;
-moz-column-rule: solid #818285 1px;}

Über column-count wird die Spaltenanzahl definiert.

Column-width bestimmt die jeweilige Spaltenbreite. Derzeit sind alle Spalten immer gleich breit & hoch. (Das kann sich zukünftig ggf. noch ändern.)

Column-gap regelt den horizontalen Abstand zwischen den einzelnen Spalten. Der Wert darf nicht negativ sein.

Mit column-rule kann eine Trennlinie definiert werden.

Bitte nicht vergessen, für Safari-Browser wird statt “-moz” einfach “-webkit” definiert.

Umbrüche:

Um Umbrüche in die nächste Spalte gezielt zu steuern, stehen folgende Eigenschaften zur Verfügung:

  • break-before
  • break-after
  • break-inside

Versucht Umbrüche innerhalb von p Elementen zu  vermeiden:
p { break-inside: avoid-column }

Umbruch nach Bildern:
img { break-after: column }

Umbruch vor h2:
{ break-before: column; }

Weitere Möglichkeiten:

Element über alle Spalten darstellen:
h2 { colum-span: all;}

Wer noch tiefer einsteigen möchte, dem empfehle ich dazu die Seite des W3C:
http://www.w3.org/TR/css3-multicol/

Browser Kompatibilität:

mac:

  • Chrome  5
  • Firefox 3.6
  • Safari 4

Win:

  • Chrome 4
  • Firefox 3, 3.6
  • Safari 4

Bisher keine Unterstützung:

  • IE 6,7 und 8
  • Opera 10, 10.1 und 10.5
]]> http://blog.deam.org/2010/04/27/css3-mehrspaltige-layouts/feed/ 0 iPad-grandma http://blog.deam.org/2010/04/23/ipad-grandma/ http://blog.deam.org/2010/04/23/ipad-grandma/#comments Fri, 23 Apr 2010 06:35:45 +0000 Klaus M. Brantl http://blog.deam.org/?p=342

Dieses Video macht ja derzeit die Runde (z.B. via lerman). Ich habs mir jetzt also endlich mal angeschaut und es gibt zwei Dinge, die ich bemerkenswert finde:

  1. Sehr ungünstige Körperhaltung
    Ich weiss was Rückenbeschwerden sind. Bei meiner Körpergröße und meinem Beruf ist das frei Haus. Ich weiss auch, das ältere Menschen tendenziell rundere Rücken haben. Trotzdem sieht das für mich aus, als wäre in dieser Haltung der Rückenschmerz nicht weit.
  2. Keine Brille
    Die Dame ist 99 Jahre alt und trägt keine Brille. Das ist das wirklich bemerkenswerte an diesem Video. Laut dem Artikel von OregonLive.com hat sie einen “Grünen Star” (Glaukom). Deswegen finde ich es nochmal so faszinierend.
]]> http://blog.deam.org/2010/04/23/ipad-grandma/feed/ 0 [schnipsel] Mac SOAP Client http://blog.deam.org/2010/03/19/schnipsel-mac-soap-client/ http://blog.deam.org/2010/03/19/schnipsel-mac-soap-client/#comments Fri, 19 Mar 2010 08:01:39 +0000 Klaus M. Brantl http://blog.deam.org/?p=337 Wollte ich schon längst einmal kund tun:
Der Mac SOAP Client ist ein super nützliches Tool. Nur leider ging die offizielle Version unter Snow Leopard nicht mehr (ständige abgestürzt).
Und wenn man auf die Website schaut, dann kann man leicht überlesen, dass das Projekt jetzt bei Google-code gelandet ist. Und die dortige 1.6.4 beta8 funktioniert wieder prächtig unter Snow Leopard.

]]> http://blog.deam.org/2010/03/19/schnipsel-mac-soap-client/feed/ 0 moodblender 0.2 – minor fixes http://blog.deam.org/2010/03/17/moodblender-0-2-%e2%80%93-minor-fixes/ http://blog.deam.org/2010/03/17/moodblender-0-2-%e2%80%93-minor-fixes/#comments Wed, 17 Mar 2010 19:38:11 +0000 Klaus M. Brantl http://blog.deam.org/?p=333 After my first release on last sunday I have to put out a first bugfix-version. So everything from the first post on this still fits, except:

  • IE6 seems to go crazy with it. So I decided to remove support for all IE-browsers with version 6 and smaller – no worry, it degrades nicely.
  • IE7 and IE8 of course do not support “opacity:value” in CSS. So the initial set-up with div-elements looked a bit strange. I integrated a small check with $.support.opacity on the append()-part.
  • the plugin works nicely with jQuery 1.4.2 – demos are updated now.

Demos: demo1 jQuery 1.3, demo1 jQuery 1.4, demo2 jQuery 1.3, demo2 jQuery 1.4

Downloads: the minified version (2.2kb) or the full source.

btw.: I plan to publish it on the jQuery-plugins-page if I’ve rewritten the loop()-function – so maybe with version 0.4.

]]> http://blog.deam.org/2010/03/17/moodblender-0-2-%e2%80%93-minor-fixes/feed/ 0 Tilt-shift-Kurzfilm ‘The Sandpit’ http://blog.deam.org/2010/03/17/tilt-shift-kurzfilm-the-sandpit/ http://blog.deam.org/2010/03/17/tilt-shift-kurzfilm-the-sandpit/#comments Wed, 17 Mar 2010 06:58:30 +0000 Klaus M. Brantl http://blog.deam.org/?p=330 Dieses Video macht sein einigen Tagen die Runde in Twitter, Facebook und diversen Blogs (z.B. Spreeblick).
Es ist mehr als beeindruckend und bitte erst einmal ganz anschaun bevor man die weiterführenden Infos liesst:

Ich kannte die Technik “Tilt-shift” nicht in Video-Form. Ich kenne Fotos – gute und schlechte, aber eben kein Video. Es haben sich mir zuerst auch gleich zwei Fragen aufgedrängt: “Wie lange hat er gebraucht um diese Figuren zu bewegen? Wie kann man nur so gutes Stop-Motion machen?”

Nun. Es ist kein Stop-Motion. Nach einigen Sekunden war mir das auch klar. Es ist auch nicht computeranimiert.

Interessant zu lesen ist auf jeden Fall dieses kurze Interview sowie der technische Hintergrund zu “Tilt-shift” auf Wikipedia (der deutsche Artikel ist übrigens ein schlechter Witz im Vergleich…).

]]> http://blog.deam.org/2010/03/17/tilt-shift-kurzfilm-the-sandpit/feed/ 0 directmysqldump v1.0 – simple helper [update] http://blog.deam.org/2010/03/14/directmysqldump-v1-0-simple-helper/ http://blog.deam.org/2010/03/14/directmysqldump-v1-0-simple-helper/#comments Sun, 14 Mar 2010 20:15:12 +0000 Klaus M. Brantl http://blog.deam.org/?p=307 Today is release-day ;)

I’ve sometimes webservers with very limited access. You probably know those too.
And it’s not always helpful to upload phpMyAdmin – especially if you only need to do basic stuff.

A little helper that I’ve created a long time ago is now “cleaned and ready to be shared”. directmysqldump is a pretty simple helper to dump a whole MySQL-schema. You only have to set your credentials and upload it to your webserver. Then point your browser to the location and you should have an output ready that looks almost like the command-line mysqldump.

But please: Don’t leave the script on the server.
The best thing to do is putting it into a protected folder and have https ready to download your output over a secure channel.
If you leave it unprotected on your server… at least don’t blame me.

And here you can get the directmysqldump-script.

Keep in mind: It’s only a small helper. If you want more functionality, then code it yourself or use a large toolset like phpMyAdmin.

[update]
Ein kleiner Hinweis von einem Freund: Ich soll http://www.mysqldumper.de/ empfehlen als “Zwischenschritt” zu phpMyAdmin. Ist hiermit geschehen :-)

]]> http://blog.deam.org/2010/03/14/directmysqldump-v1-0-simple-helper/feed/ 0 moodblender 0.1 – I like to b(l)end things http://blog.deam.org/2010/03/14/moodblender-0-1-i-like-to-blend-things/ http://blog.deam.org/2010/03/14/moodblender-0-1-i-like-to-blend-things/#comments Sun, 14 Mar 2010 14:10:27 +0000 Klaus M. Brantl http://blog.deam.org/?p=295 I’ve started this plugin for jQuery in december 2009 – and left it for at least two months.
Now I give you moodblender.
Don’t expect a amazing and cool and useful jQuery-plugin. It’s for fun only.

Let’s say you have an area in your website with some sort of “moody image”. Something that sits there pretty still and won’t change. Of course there are tons of jQuery-tools to make this a attractive spot (like cycle), but they are all a bit too much. And I found none that support slicing the image and using some sort of video-style transition. That’s where moodblender comes in.

The plugin is in it’s early stages. You should only use the settings splitparts, loop, maxloop and dwellTime. Using “blendOut: true” is fine, but does not work the way I had it in mind ;)

There are two demos available: number 1 and number 2.

Use the minified version (2.2kb) or read the full source. It’s tested with jQuery 1.3.2, but should work with the latest 1.4 as well.
Browserchecks aren’t complete yet. I’ve only tested it with Firefox 3.6, Safari 4, Google Chrome 4 and Opera 10.10. I did some tests with InternetExplorer 6 to 8, but only with an early version.

HTML

<div id="mood">
<img src="pix/mood_1_test.jpg" alt=""/>
<img src="pix/mood_3_test.jpg" alt=""/>
<img src="pix/mood_2_test.jpg" alt=""/>
</div>

CSS

#mood
{
 position:relative;
 overflow:hidden;
 width:500px;
 height:282px;
}

JS

$(document).ready(function() {
 $('#mood').moodblender({
 loop: true,
 maxloop: 10,
 blendOut: false,
 dwellTime: 3000
 });
});

I’ve a couple of things in mind for version 0.2 and beyond. Some of them are

  • rewrite the loop-function and maybe make use of jQuery’s new delay()-function (sometimes looping kills itself or slices move in on one block… timing is evil in JS)
  • add support for jQuery Easing Plugin
  • fix the ‘blendOut: true’
  • add full support for IE6 to 8 (or degrade nicely with IE6 ;)
]]> http://blog.deam.org/2010/03/14/moodblender-0-1-i-like-to-blend-things/feed/ 0 Vorratsdatenspeicherung vorerst vom Tisch (Linksammlung) [update_2] http://blog.deam.org/2010/03/02/vorratsdatenspeicherung-vorerst-vom-tisch-linksammlung/ http://blog.deam.org/2010/03/02/vorratsdatenspeicherung-vorerst-vom-tisch-linksammlung/#comments Tue, 02 Mar 2010 12:09:47 +0000 Klaus M. Brantl http://blog.deam.org/?p=290 Ein, wie ich finde, wegweisendes Urteil wurde heute gesprochen:

Die Regelung ist damit insgesamt verfassungswidrig und nichtig.

Die entsprechende Pressemeldung des Bundesverfassungsgerichts gibt es hier (Lesestoff für einen gemütlichen Abend).

Das Gericht schliesst eine Vorratsdatenspeicherung allerdings nicht generell aus. Es attestiert dem Gesetzgeber allerdings ein gewisses Maß an “Schlampigkeit” in der Umsetzung des Vorhabens. Es wird also noch weiter gehen, da der Gesetzgeber nun eine “optimierte” Fassung des erarbeiten wird – das ist schonmal garantiert.

Ein Absatz aus der PM, der mir persönlich sehr viel Hoffnung gibt:

Die verfassungsrechtliche Unbedenklichkeit einer vorsorglich anlasslosen
Speicherung der Telekommunikationsverkehrsdaten setzt voraus, dass diese
eine Ausnahme bleibt. Dass die Freiheitswahrnehmung der Bürger nicht
total erfasst und registriert werden darf, gehört zur
verfassungsrechtlichen Identität der Bundesrepublik Deutschland, für
deren Wahrung sich die Bundesrepublik in europäischen und
internationalen Zusammenhängen einsetzen muss. Durch eine vorsorgliche
Speicherung der Telekommunikationsverkehrsdaten wird der Spielraum für
weitere anlasslose Datensammlungen auch über den Weg der Europäischen
Union erheblich geringer.

Der AK-Vorratsdatenspeicherung fordert auch gleich die “Aufhebung der Vorratsdatenspeicherung in ganz Europa“; sehr lesenswert, weil es auch noch eine kleine Zusammenfassung der bürgerrechtlichen Bemühungen ausserhalb Deutschlands aufzeigt.

Die üblichen “Verdächtigen” titeln so:

[update_1]

]]> http://blog.deam.org/2010/03/02/vorratsdatenspeicherung-vorerst-vom-tisch-linksammlung/feed/ 0 stressiger Tag vor dem Ende… [update] http://blog.deam.org/2010/03/01/stressiger-tag-vor-dem-ende/ http://blog.deam.org/2010/03/01/stressiger-tag-vor-dem-ende/#comments Mon, 01 Mar 2010 16:51:58 +0000 Klaus M. Brantl http://blog.deam.org/?p=282 Da werde ich mir heute Abend doch glatt mal das Anno 1404 für das iPhone [Affiliate-Link] anschaun. Mal sehen ob das was taugt.
Mit €3,99 ist es jedenfalls nicht wirklich teuer.

Der Bericht auf Golem.de ist jedenfalls recht ermunternd.

[Update]
Eckdaten: kurzweilig, nette Stimmung, am Anfang viel zu leicht.

Ich bin aktuell auf der dritten Insel. Die ersten beiden Inseln waren zu leicht. Erst auf der zweiten Insel ist mir dann das links passiert.
Die Steuerung ist sehr intuitiv, aber es nervt, das man ein Schiff erst wieder auf den Anlegeplatz zuweisen kann, wenn das abgefahrene Schiff den Screen verlassen hat; bei meinen dicken Fingern manchmal wirklich lästig.
Erst auf der dritten Insel wird da Spiel interessanter. Man muss von Zeit zu Zeit den Anlegeplatz reparieren. Und da man einen Mindestbetrag erreichen muss, wird es jetzt langsam strategisch. Ansonsten kommt es mir so vor als würde es beim zweiten oder dritten Anlauf dann auch leichter werden…

Das Spiel ist aber unterhaltsam genug um es fertig zu spielen… ich werde es jedenfalls versuchen ;)

]]> http://blog.deam.org/2010/03/01/stressiger-tag-vor-dem-ende/feed/ 0 mousePath http://blog.deam.org/2010/02/13/mousepath/ http://blog.deam.org/2010/02/13/mousepath/#comments Sat, 13 Feb 2010 21:54:42 +0000 Klaus M. Brantl http://blog.deam.org/?p=279 Drei Stunden Arbeit mit BBedit, Firefox, Versions, Terminal und Sequel Pro.
Erfasst ist hier nur der Hauptdisplay – auf meinem Zweitdisplay liegen so Dinge wie das Mailprgramm.
Das ist definitiv Kunst.

Die Software: Ein kleines, aber feines JAR, das man hier beziehen kann.
[via teilweise @ twitter]

]]> http://blog.deam.org/2010/02/13/mousepath/feed/ 0 Warum ich Firefox liebe http://blog.deam.org/2010/02/10/warum-ich-firefox-liebe/ http://blog.deam.org/2010/02/10/warum-ich-firefox-liebe/#comments Wed, 10 Feb 2010 20:36:17 +0000 Klaus M. Brantl http://blog.deam.org/?p=276 Der Firefox ist schon ein bisschen in die Jahre gekommen und muss sich inzwischen dem Problem stellen erfolgreich zu sein. So erfolgreich, das der Glaubenskrieg schon lange voll ausgebrochen ist.
Ich will gar nicht über die absolute Geschwindigkeit reden. Klar. Da gibt es die WebKit-basierten Browser, die hier sicher die Nase vorne haben. Oder den Opera, der unberechtigter Weise immer am Rand steht.

Für mich als Entwickler ist der Firefox schlichtweg unersetzlich. Und da spielt die Zeit für den Seitenaufbau eher eine untergeordnete Rolle. Es geht um die Zeit, die man braucht einen (Hinweis auf einen) Bug zu finden.
Die Add-ons des Firefox sind die wahren Gewinner. Man muss immer aufpassen nicht zu viele zu installieren/ aktivieren – anderfalls kann es schon ziemlich unerträglich langsam werden ;)

Meine TOP-Add-ons:

  1. Firebug
    Der Safari hat auch eine schöne Debug-Console. Aber der Firebug ist ein Quäntchen besser. Das mag die Gewöhnung sein, aber es ist alles da, wo es sein muss.
    Als Add-on im Add-on ist da noch Firecookie zu empfehlen – tut genau das was der Name vermuten lässt.
  2. Web Developer
    Man könnte meinen das man durch den Firebug die Web Developer-Toolbar weglassen könnte. Man könnte es meinen.
    Aber mit “Disable” und “CSS” habe ich da die sicher am meisten geklickten Menüs unterhalb dessen ich Dinge wie den Cache bis hin zu selektiven Stylesheets alles ein- und ausschalten kann. Nur wenige Klicks oder gemerkte Shortcuts entfernt.
  3. FoxyProxy Standard
    Eine elegante Verwaltungsmöglichkeit von Proxy-Servern. Inkl. Nutzung verschiedener Proxies anhand von URL-Patterns. Ein absolutes Muss im Zusammenhang mit ssh-SOCKS “-D” oder paros-proxy.
  4. Screengrab
    Screenshots auf Basis von Systemtools sind heute jedem geläufig. Aber sobald man eine ganze Website haben will, die nicht komplett auf den Monitor passt, dann wird es lästig. Screengrab ist einfach zu bedienen (nur wenige, leicht verständliche Optionen) und liefert ein wunderbares PNG der aktuellen Seite.
  5. JSONView
    Ein XML-File schnell im Browser öffnen und ein wenig “durchblättern” – kein Problem.
    Mit JSONView geht das auch wunderbar bei JSON-formatierten Daten.

Es gibt dann noch eine Menge mehr an Add-ons die mehr oder weniger regelmäßig aktiv nutze oder phasenweise disabled belasse. Da gehören z.B. der “DNS Flusher“, das “Adblock Plus” oder “Greasemonkey” dazu.

]]> http://blog.deam.org/2010/02/10/warum-ich-firefox-liebe/feed/ 0 The Muppets: Beaker’s Ballad http://blog.deam.org/2010/02/09/the-muppets-beakers-ballad/ http://blog.deam.org/2010/02/09/the-muppets-beakers-ballad/#comments Tue, 09 Feb 2010 20:43:24 +0000 Klaus M. Brantl http://blog.deam.org/?p=273

gefunden auf spreeblick

]]> http://blog.deam.org/2010/02/09/the-muppets-beakers-ballad/feed/ 0 Steuer-CD http://blog.deam.org/2010/02/05/steuer-cd/ http://blog.deam.org/2010/02/05/steuer-cd/#comments Fri, 05 Feb 2010 09:28:20 +0000 Klaus M. Brantl http://blog.deam.org/?p=269 Die SZ titelt heute mit “Steuer-CD soll 400 Millionen bringen”. Ich finde den Begriff “Steuer-CD” ziemlich amüsant. Liegt aber wohl nur daran das ich ein Techniker bin. (kleine Anmerkung: Letztens im ICE sagte eine Zugbegleiterin zu mir: “Ob der Sitzplatz reserviert ist kann ich ihnen leider nicht sagen. Wir haben gerade erst die Steuer-Diskette bekommen und die Daten werden jetzt dann eingespielt.”)

Nach diversen Prüfungen ist das ganze mit dem Ankauf der “Steuer-CD” also legal. D.h. es gibt keine rechtlichen Hindernisse und keiner der Beteiligten auf staatlicher Seite macht sich in irgendeiner Weise strafbar.
Heribert Prantl fasst das in der heutigen Ausgabe der SZ auch ganz gut zusammen (Seite 7) und schliesst dann noch mit dem folgenden Block:

“Die gegenteilige Ansicht würde zu seltsamen Ergebnissen führen: Dann könnte einem Steuerhinterzieher nichts Besseres passieren als ein Diebstahl seiner Daten. Er wäre dann quasi immun gegen die Strafverfolgung.”

Die “grosse politische” Diskussion darüber kann man sich imho sowieso schenken – die ist ganz unterhaltsam, aber nichts weiter als Säbelrasseln. Es wird mit polemischen Aussagen um die Gunst des Wählers gebuhlt.

Das Steuerhinterziehung strafbar ist und verfolgt werden muss: geschenkt – keine neue Erkenntnis.

Die Moral
Hier ist meines Erachtens ein genauer Blick notwendig. Von ausserhalb des Finanzamtes gibt es zwei Möglichkeiten dem Steuersünder auf die Spur zu kommen:

  1. Selbstanzeige: quasi der Befreiungsschlag gegen den Kopf in der Schlinge
  2. Hinweis “aus der Bevölkerung”

Interessant finde ich die angestiegene Zahl der Selbstanzeigen durch die öffentliche Diskussion – zumindest lt. SZ-Angaben.
Der klassische Hinweis aus der Bevölkerung ist wohl der Nachbar dem der dicke Mercedes auffällt. Das Motiv dürfte hier eher niederen Ursprungs sein. Der andere Hinweis hat mit Wissen zu tun. Wissen wie es in Form einer Daten-Liste verfügbar sein kann. Früher noch in ausgedruckten Formen und heute in Form digitaler Daten auf irgendwelchen Datenträgern.

Meines Wissens ist dies der zweite grosse Fall eines Bekanntwerdens vieler, potentieller Steuerhinterzieher. Ich würde aber behaupten das es unbemerkt von derart öffentlichem Interesse nicht schon genug andere Fälle gegeben hat.

Diese Daten sind vertraulich. Sie wurden gestohlen (“kopiert” wäre hier der bessere Ausdruck).

Der Staat nimmt also diese Daten nicht einfach nur an. Er bezahlt dafür quasi einen “Finderlohn”. Würde er sie nur annehmen, dann wäre dies nach meinem moralischen Verständnis in Ordnung. Durch die Bezahlung – “Finderlohn” ist hier ein echter Euphemismus – schafft der Staat sozusagen einen Markt. Er unterstützt Vertrauensbruch. Das muss man meiner Meinung nach auch komplett getrennt vom Ergebnis sehen. Das “jedes Mittel recht” sein kann um Steuerhinterziehern auf die Spur zu kommen, ist vielleicht rechtlich nicht zu beanstanden, aber moralisch nicht in Ordnung. Der Staat macht sich zum Handlanger eines Datendiebs – keine schöne Erkenntnis.
Eines aber ist sicher: Mein Name wird wohl nie in so Liste zu finden sein:

Mein Vermögen steckt in meinen Kindern.
Und ich hoffe, das sie nicht auch mein Unvermögen geerbt haben.

]]> http://blog.deam.org/2010/02/05/steuer-cd/feed/ 0 Das Krankenkassen-Disaster http://blog.deam.org/2010/02/04/das-krankenkassen-disaster/ http://blog.deam.org/2010/02/04/das-krankenkassen-disaster/#comments Thu, 04 Feb 2010 09:36:56 +0000 Klaus M. Brantl http://blog.deam.org/?p=263 Anfang Januar gab es ja die erste Ankündigung einiger Kassen zu einem Zusatzbeitrag von ca. 8€ pro Monat.
Jetzt ist lt. tagesschau.de die nächste Stufe erreicht. D.h. einige Kassen fordern “den Höchstbetrag”. Der ist mit einem Prozent des Bruttoeinkommens definiert und im Beispiel würde das bei der “BKK für Heilberufe” zu 37,50€ im Monat führen.
Das ist eine Menge Geld, vor allem wenn man noch an die quartalsmässige Praxisgebühr denkt – die natürlich “nur” bei einem Arztbesuch anfällt.

In den letzten 10 bis 12 Jahren konnte ich eines sehr deutlich beobachten: Leistungen sinken – an einigen Stellen massiv – und die Kosten, vor allem für den Versicherten, steigen.
Seit Einführung des Gesundheitsfond scheint es mir als wäre diese Schere mit einem Ruck gleich noch viel stärker aufgegangen.

Nehmen wir mal der Einfacheit wg. 3.750,-€ als den monatlichen Bruttolohn an. Lt. dem Brutto-Netto-Rechner von spiegel.de und ohne besondere Freibeträge bleiben davon monatlich 2.188,-€ übrig. Das finde ich schon beeindruckend hoch. Ich kenne einige die im Bereich “Heilberufe” tätig sind und die definitiv keine 2 vorneweg bei der Gutschrift auf ihrem Konto stehen haben.
In diesem Beispiel sind das also vom Nettolohn ca. 1,7 Prozent. Keine Arbeitgeberbeteiligung und von der Höhe her im Grunde ein zweiter Solidaritätszuschlag.

Wechseln?
Tja, wechseln bringt ja leider kaum noch was. Fast alle Krankenkassen werden Zusatzbeiträge erheben. Früher oder später.
Es wird darauf hinaus laufen, das die kleinen Kassen zu machen oder von den Großen geschluckt werden. Und die Großen werden weiter fusionieren – so wie Barmer und GEK.
Was wird das Ende sein? Eine handvoll “Monsterkassen”.

Und warum ist das so schlimm?
Nun, es gab einmal so etwas wie Wettbewerb. Das ist längst vorbei. Durch das Finanzausgleichssystem hatte sich das ja schon angebahnt. Und der Gesundheitsfond hat das ganze dann endgültig zementiert. Der so viel beschworene Wettbewerb wurde durch politischen Willen der rot-grünen und rot-schwarzen Regierungen vernichtet. Und es wird jetzt munter fortgesetzt in der schwarz-gelben Variante. Die setzt dem ganzen ja nur einen Zuckerhut auf mit Gedanken wie der einkommensunabhängigen Kopfpauschale – die unsozialer und ungerechter nicht sein kann.
Achja: Und sollte noch irgendjemand auf den Begriff “Wettbewerb” in diesem Zusammenhang pochen wollen, dann sollte sich dieser Jemand auch die Frage gefallen lassen, warum die “Gesundheitsexperten” von “übereilten Wechseln” abraten… auf dem Strommarkt wird da ja immer anders geredet.

]]> http://blog.deam.org/2010/02/04/das-krankenkassen-disaster/feed/ 0