Blog


Mucke hören 2.0

Joar. Online Zeitalter. Digital natives.
Wir sind unterwegs in sozialen Netzwerken, nutzen Cloud-Dienste, machen Gebrauch von Croudsourcing usw.
Hier einen Artikel sharen, da ein neues Unboxing-Video vom neuen iDevice posten.
Das sogenannte Mitmach-Web ist mittlerweile fester Bestandteil unseres Lebens.
Egal ob zu Hause oder via Smartphone/Tablet etc.
Wissen und Dokumente oder Ideen speichern wir im Web, veröffentlichen unsere Bookmarks via del.icio.us oder ähnlichen Diensten.

Doch wie halten wir es mit der Musik?
Ich behaupte mal, dass es neben Filmen kaum ein anderes Medium gibt, dass jeder Mensch in seinem Leben so intensiv nutzt wie Musik.
Musik und Filme sind immer ein Thema.

Ich bin in Sachen Musik noch ein bisschen altmodisch. Ich kaufe mir lieber eine CD im Laden oder bei Amazon, statt sie als MP3-Album irgendwo herunterzuladen.
Meistens höre ich die dann auf der Fahrt von der Arbeit nach Hause im Auto zum ersten Mal.
Zu Hause wird sie dann erstmal digitalisiert und auf sämtliche Geräte gepackt, die ich so nutze (Smartphone/Eee-Box/MP3-CD für’s Auto, Dropbox für’s Büro).

Mittlerweile handhabe ich die ganze Geschichte etwas anders.
Denn ich habe vor einiger Zeit simfy für mich entdeckt.
Dort packe ich ein neues Album (sofern verfügbar) erstmal in eine Playlist und wenn’s mir gefällt, kaufe ich es im Laden oder bei Amazon.
Ab dann läuft die Mucke entweder über meine Stereo-Anlage im Arbeitszimmer, oder über den Media-PC im Wohnzimmer.

Nach der Anmeldung geniesst man erstmal für zwei Wochen die Vorzüge des Premium-Accounts.
Da bin ich nun raus und muss sagen, dass ich bis jetzt noch nicht viele Nachteile entdeckt habe.
Eine Playlist kann im Free-Account maximal 500 Tracks enthalten (keine Ahnung, ob das in der Premium-Version anders ist)

Wer keine Lust hat einen Tab anzuheften, der kann auch die Desktop-Variante nutzen (plattformunabhängige Air Applikation)

weiterlesen ...



DDMDWGGH: Foo Fighters, Ad-Placement, Sherlock Holmes und Document Outlines

So, ich probier’s mal mit einer neuen Rubrik hier im Blog.
Mal sehen, wie die ankommt und wie sehr ich sie pflege.
DDMDWGGH bedeutet nichts anderes als: Dinge die mich diese Woche glücklich gemacht haben.

Ziel ist es, meine persönlichen Web-Highlights hier pro Woche zu veröffentlichen.
Das sind quasi Linkempfehlungen angereichert mit mehr oder weniger Prosa von mir. Auf geht’s!

  • Die Foo Fighters waren dieses Jahr im iTunes Festival Line-up. Haben mal schön 2,5 Stunden die Halle gerockt.
    Wer das verpasst hat (oder nochmal gucken will) kann das per iTunes nachholen. Leider wurde der Rausschmiss eines minderbemittelten Fans Konzertbesuchers dermaßen zensiert, dass man während der Live-Übertragung kaum mitbekam was da los war. Für alle Interessierten hier nochmal der unzensierte Beitrag, wie man als Rockstar angemessen Idioten aus der Veranstaltung wirft (YouTube).
  • Die richtige Positionierung von Werbung auf Websites hat eine norwegische Zeitung (unfreiwillig) sehr ernst genommen. Stichwort: Strauss-Kahn.
  • Sherlock Holmes geht in die zweite Runde. Wieder führ Guy Ritchie Regie und wieder sind Robert Downey Jr. und Jude Law am Start. Der Trailer dazu sieht jedenfalls herrlich aus.
  • Ein wenig Tech-Talk darf auch hier nicht fehlen. Mike Robinson von html5doctor hat einen netten Artikel über den Outline Algorithmus verfasst.
weiterlesen ...



Motorräder tanzen Tango

  • 24. Juni 2011

Mal eine kleine Auszeit von dem ganzen Tech-Talk.
Sowas passiert, wenn beim Motoradrennen zwei Bikes völlig ausrasten.

weiterlesen ...



Google I/O 2011: HTML5 Showcase for Web Developers: The Wow and the How

So Freunde,
ich habe mir am Mittwoch Teile der Google I/O Keynote vom 2. Tag angeschaut.
Echt Wahnsinn, was die Jungs da gezeigt haben.
Nur so am Rande: Am ersten Tag haben die Jungs allen Teilnehmern ein Samsung Galaxy Tab 10.1 geschenkt.
Am zweiten Tag, haben die Google-Typen jedem Teilnehmer ein Chromebook versprochen.

Was ich aber mal richtig gut fand, war die Präsentation der
HTML5 File-API ab 16:34:

weiterlesen ...



WordPress – Frontend Performance verbessern

Egal ob Google, Yahoo oder Bing.
Suchmaschinen setzen neben Keywords und anderen SEO-Maßnahmen auch auf die Performance einer Website.
Um die Performance (der eigenen Website) zu ermitteln gibt es mittlerweile eine Menge Tools.
Sei es als Plugin für den Browser oder als Web-Applikation.
Nur um ein paar zu nennen:

Die letzten zwei Tage habe ich mich damit beschäftigt, die Performance in meinem Blog zu verbessern.
Seit ein paar Wochen habe ich meinen Blog von Serendipity auf WordPress umgestellt.
Da ich ein recht einfaches Hosting Angebot von 1&1 nutze, kann ich leider nicht alle Register ziehen, die ich ziehen wollte 😉
Hier liste ich mal einige Maßnahmen auf, die auf jeden Fall die Ladezeit meines Blogs reduziert haben.

.htaccess Einträge – ETags und Expires Headers

#Remove ETags
Header unset ETag
FileETag None

#Expire Header
ExpiresActive On
ExpiresDefault „access plus 2 months“
ExpiresByType text/html „access plus 1 day“

style.css

In meinem Theme wird die style.css verwendet.
Für die Entwicklung binde ich sie als style_dev.css ein.
Diese CSS-Datei lasse ich vom YUI Compressor minifzieren und in style.css umbenennen.
Das mache ich per Ant-Task. Ist für eine Datei etwas überkandidelt, aber so kann ich mich mehr mit
Ant als Automatisierungs-Tool beschäftigen.

CSS-Sprites

Ich bin kein Designer, von daher nutze ich ein fertiges HTML5-Theme namens Absolum.
Das Problem ist, dass einige Hintergrundbilder zusammen gefasst werden könnten, aber nicht zusammen gefasst wurden.
Daher habe ich das Bookmarklet SpriteMe von Steve Souders verwendet.
Damit habe ich schon einmal eine Menge der Hintergrundbilder in ein Hintergrundbild vereint.
Das Bookmarklet sagt mir sogar, welche Styles ich anpassen muss.
Dadurch habe ich wieder ein paar HTTP-Requests gespart.

Bild-Optimierung

Trotzdem ich Wert darauf lege, dass Bilder bereits optimiert abgelegt werden, lasse ich im Zweifel Bilder von Smush.it optimieren.
Hiermit werden noch einmal ein paar Bytes verlustfrei entfernt.

Allein durch diese Maßnahmen habe ich den Performance-Index meines Blogs von 72 auf 81 angehoben.
Könnte ich CSS und JS Dateien noch per .htaccess gzip-komprimiert ausliefern, dann würde sicher noch mehr gehen.
Eine weitere Möglichkeit, die ich die nächsten Tage noch prüfen werde, ist die, dass ich teilweise Bilder unter anderen Subdomains ausliefere.
Das hat den Vorteil, dass der Browser die Dateien parallel herunterlädt.

Weitere Performance-Maßnahmen sind noch in Planung und werden vermutlich in den nächsten Tagen umgesetzt.
Je nachdem, wie ich Zeit finde. Dazu wird es aber auch nochmal einen gesonderten Artikel geben. Stay tuned.

weiterlesen ...



Windows 7 – Samba share als Netzlaufwerk einbinden

Will man unter Windows 7 ein Samba share als Netzlaufwerkeinbinden, kann das durchaus zur Frustration führen.
Das Problem tritt wohl nur auf, wenn die Version von Samba kleiner ist als 3.3.

Um das trotzdem hin zu bekommen ohne Samba auf eine höhere Version zu heben, gibt es zwei Möglichkeiten,
die eventuell sogar kombiniert eingesetzt werden müssen.

1. Möglichkeit:

  1. regedit öffnen (mit Administratoren Rechten)
  2. [HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\LanmanWorkstation\Parameters] öffnen
  3. DWORD – DomainCompatibilityMode (erstellen oder auf 1 setzen)
  4. DWORD – DNSNameResolutionRequired (erstellen oder auf 0 setzen)
  5. System neu starten und erneut versuchen das Netzlaufwerk einzubinden

2. Möglichkeit:

  1. secpol.msc öffnen (mit Administratoren Rechten)
  2. Netzwerksicherheit: LAN Manager-Authentifizierungsebene auf LM-und NTLM-Antworten senden
  3. Netzwerksicherheit: Minimale Sitzungssicherheit für HTLM-SSP-basierte Clients (einschliesslich sicherer RPC-Clients) auf 128-Bit-Verschlüsselung erfordern deaktivieren
  4. System neu starten und erneut versuchen das Netzlaufwerk einzubinden

Spätestens jetzt sollte sich das Samba share als Netzlaufwerk einbinden lassen.

weiterlesen ...



Windows 7 (64bit) Service Pack 1 – so funktioniert es

Ich muss sagen, dass ich recht zufrieden bin mit meinem Windows 7 Home Premium.
Läuft stabil, sieht schick aus und automatische Updates halten das System aktuell.

Jetzt wo der Service Pack 1 offiziell verfügbar ist, hat mir Windows natürlich gesagt,
das da etwas in der Queue liegt.

Also habe ich am Donnerstagabend zwischen Tür und Angel das Update angeschmissen.
Ungefähr 90 MB wollte der Updater ziehen. Hat er aber nicht und brach mit einer Fehlermeldung ab.

„Nun gut egal“, dachte ich mir.
Gestern dann nochmal probiert. Gleicher Fehler.
Daraufhin habe ich mal ein wenig im Netz rumgesucht und das KB947821 – System Update Readiness Tool für Windows 7 gefunden.

Installiert und nochmal das Update angeschmissen. Nee, ist nicht gleicher Fehler wie bei den anderen Versuchen.
Also ab auf die Microsoft Seite und das 900 MB große Service Pack 1 heruntergeladen.
Erfolgreiche Installation -> Fehlanzeige.

Das war dann eigentlich das erste Mal, dass ich mich über Windows 7 ein wenig geärgert habe.
Denn bis dahin hatte ich kein ernstes Problem mit dem Betriebssystem.

Also bin ich nochmal ab zur Microsoft Seite und habe die Service Pack 1 DVD gezogen (knapp 2GB groß).
Microsoft empfiehlt mindestens 8 GB freien Speicherplatz auf der C:\-Partition.
Kurzer Check. Passt.

Die ISO-Datei habe ich dann als virtuelle DVD eingebunden und von da aus die Installation gestartet.
Und siehe da. Es hat funktioniert.
Ein kurzer Blick auf die Systemeigenschaften hat dies nochmal bestätigt.

Screenshot aus den Systemeigenschaften

Wer anschliessend Speicherplatz freigeben möchte und sich sicher ist, dass das SP1 nie wieder deinstalliert werden muss/soll/kann/darf kann mit folgendem Befehl die Installationsdateien vom SP1 löschen

dism.exe /online /cleanup-image /spsuperseded

weiterlesen ...



Mobile Performance Bookmarklet

Steve Souders (Herausgeber: „High Performance Websites“ und „Even Faster Websites“) hat in seinem Blog ein neues Bookmarklet veröffentlicht.
Mittlerweile hat Steve Souders sich etwas mehr auf die Performance von mobilen Webseiten ausgerichtet.

Gerade als Entwickler ist man immer an dem Code interessiert, den eine Website ausliefert. Während Smartphones und Tablets meist eine für das mobile Endgerät eine angepasste Seite angezeigt bekommt, sind leider die Möglichkeiten eine Website mit einem aktuellen Smartphone zu analysieren – Handy darf man in Zeiten von Android und iOS nicht mehr sagen 😉 – begrenzt bzw. gar nicht möglich.

Dieses Bookmarklet macht es allerdings möglich.
Neben dem bekannten „Firebug“ für Firefox bringt das Bookmarklet DOM Monster, Page Resources und andere Tools mit.

Die Installation ist denkbar einfach:
1. Link anklicken: Mobile Perf bookmarklet
2. Die Seite als Lesezeichen anlegen
3. Den URL des Bookmarks anpassen und alles inklusive dem “#“ löschen, so dass das Lesezeichen mit “javascript:“ beginnt.

Eine Anleitung für das iphone gibt es bei Steve Souders im Blog

Ich habe das auf meinem HTC Desire getestet und bin zufrieden.

weiterlesen ...



Performance-Analyse mit DOM Monster-Bookmarklet

Gerade eben habe ich beim Durchlesen meiner RSS-Feeds ein Interessantes Bookmarklet entdeckt.

DOM Monster analysiert das vorliegende DOM einer Website.

Screenshot DOM Monster auf Spiegel Online

In einem Layer zeigt es die Ergebnisse an und berücksichtigt u.a. folgende Dinge.

  • Anzahl der Elemente
  • Anzahl der Knoten im DOM
  • Anzahl der Script-Tags
  • Anzahl der Kommentare
  • Verschachtelung der Tags
  • Anzahl der leeren Knoten
  • Hinweise auf ggf. neuere Frameworks (jquery etc.)

Ab einer Verschachtelungstiefe von 15 Tags (oder mehr) markiert das Bookmarklet die entsprechenden Elemente mit einer roten gestrichelten Linie.

In Kombination mit YSlow und/oder PageSpeed liefert DOM Monster wichtige Indikatoren, wie man die Performance der eigenen Website verbessern kann.

Das Bookmarklet wurde übrigens von Thomas Fuchs, dem Autor des bekannten JavaScript-Frameworks script.aculo.us geschrieben.

Aufmerksam geworden auf das Bookmarklet bin ich durch den Blogeintrag von Matthias Schütz

weiterlesen ...



Delicious Bookmarks exportieren

Es ist zwar noch nicht gewiss, aber laut einem geleakten Screenshot wird delicious eingestellt.

Da stellt sich dem geneigten delicious-Nutzer natürlich die Frage:
„Wohin mit den ganzen Bookmarks?“

Ich weiß zwar selbst noch nicht, was ich zukünftig damit tue,
aber erstmal sollte man sich das ganze angesammelte Gegulpe irgendwo hin speichern.

Dazu gibt es zwei Möglichkeiten:
1. https://secure.delicious.com/settings/bookmarks/export speichert die Bookmarks in eine HTML-Datei
2. Im Terminal folgendes ausführen: curl https://{your username}:{your password}@api.del.icio.us/v1/posts/all > bookmarks.xml

weiterlesen ...