Web-Developer Blog von Michel Rossier » Webentwicklung

Payback time oder Bill for Bill

Michel — Mon, 15 Mar 2010 16:05:01 +0000

Auf billforbil.com kann jeder Webentwickler ab sofort seine Stunden an Microsoft in Rechnung stellen, welche er beim Optimieren für den Internet Explorer verloren hat.

Seht gute Idee und Top umgesetzt!

Gesendet von meinem iPhone.

Prokrastination – Ablenkung auslagern

Michel — Fri, 21 Aug 2009 11:06:30 +0000

Prokastination geschieht meistens sehr schleichend und unauffällig: Da ist man im Web unterwegs um Informationen zu suchen zu einem bestimmten Thema und 3 Minuten später landet man auf einer Seite, die gar nichts mit dem Thema zu tun hat und vertieft sich dort.

Was ist passiert? Gerade wenn man auf Portalen wie digg, techmeme oder ähnlich nach Informationen sucht springen einem verschiedenste Themen ins Blickfeld und mit einem Klick ist man bereits abgelenkt und tut etwas, das man sich nicht vorgenommen hatte und das erreichen des eigentlichen Ziels wird hinausgeschoben.

Ablenkung filtern und auslagern

Eine einfache Angewohnheit hat hier bei mir Wunder gewirkt:

Wenn immer man am Computer arbeitet hat man ein Textdokument geöffnet und sobald man versucht wird etwas zu checken, das nichts mit der momentanen Aufgabe zu tun hat, kopiert man den URL der Seite, oder schreibt einen Hinweis auf einen Gedanken ins Textdokument. So kann man wirklich von der Ablenkung loslassen, denn man weiss, dass man sich später darum kümmern wird. Sobald man dann mit die eigentliche Aufgabe beendet hat, kann man sich als Belohnung den vorherigen “Störquellen” widmen.

5 Web-Developer Links der Woche

Michel — Sun, 07 Jun 2009 20:55:48 +0000

Hier 5 Links der vergangenen Woche:

JQuery: Die 22 besten Modal – Fenster Plugins

How to Create a Blog from Scratch Using Ruby on Rails

Drop Down Menu w/ jQuery & CSS

40+ Invaluable PHP Tutorials and Resources

Google Page Speed

Michel — Sat, 06 Jun 2009 15:54:23 +0000

Google hat ein Tool veröffentlicht mit welchem man die Performance einer Webseite testen und optimieren kann. “Page Speed” wurde von Google zuerst nur intern gebraucht, jetzt ist die Firefox Extension aber veröffentlicht worden.

Man kann mit Page Speed, innerhalb der Firebug Extension, messen wieviel Zeit die einzelnen Dateien einer HTML Seite benötigen, bis sie komplett geladen sind und zum anderen gibt die Page Speed Extension Hinweise, wie man die Ladezeit optimieren kann. So werden ungebrauchte CSS-Klassen, un-minified Javascript und viele andere Faktoren gemessen und entsprechend bewertet anhand von Google Best practices.

Die Extension ist praktisch: unoptimiert abgespeichertere Bilder werden direkt von Page Speed optimiert und der Nutzer braucht lediglich Datei abzuspeichern und in die Webseite neu einzubunden.

Hier gehts zur Webseite von Page Speed

Error 406 bei Wordpress Feed

Michel — Sat, 13 Sep 2008 22:33:08 +0000

Ich bin immer noch dran mit dem Aufsetzen des Blogs hier und ein weiteres Problem konnte ich nun beheben. Der Server lieferte einen 406 Statuscode aus, wenn der Feed aufgerufen wurde. Im Browser gabs zwar eine korrekte Ausgabe, jedoch konnte Google Reader und Co. den Feed nicht lesen.

Was genau das Problem war, kann ich noch nicht sagen, aber folgender Eintrag in der .htaccess hat den Fehler behoben:

SecFilterEngine Off
SecFilterScanPOST Off

Die Google Chart API

Michel — Sun, 31 Aug 2008 12:19:13 +0000

Letzten Herbst veröffentlichte Google eine API zum generieren von Statistik-Grafiken. Kürzlich bin ich dazu gekommen sie richtig zu testen und war positiv überrascht von den Möglichkeiten und der Schnelligkeit dieses Google Services.

Die Grafik generiert man indem man einen URL mit den entsprechenden Parametern aufruft. Zurückgeliefert wird ein Bild im PNG Format, somit kann man die Statistik-Grafik genau gleich einbinden wie ein Bild:

http://chart.apis.google.com/chart?cht=p3&chd=s:Uf9a&chs=250×100&chl=January|February|March|April

Diesen URL eingebunden in HTML wie ein normales Bild erzeugt folgendes 3-Dimensionales Kreis-Diagramm:

Es gibt verschiedene weitere Möglichkeiten der grafischen Darstellung, vom Balkendiagramm über Punktdiagramm bis hin zum Kurvendiagramm:

Es ist auch möglich Statistikwerte Ländern zuzuweisen und dann als Karte auszugeben, welche Länder mit höheren Werten farbig herovorhebt:

Selbst Semacodes lassen sich ganz einfach erstellen, denn man kann in der URL Klartext schreiben, die Google Chart API konvertierts dann in die entsprechende Ausgabe.

Eine wirklich runde Sache:

Das Bild wird über URL mit anhand Parameter generiert
Die Statistik-Grafik wird in Echtzeit erstellt
Bis zu 250′000 API-Aufrufe pro Tag sind problemlos möglich
Farbe und Grösse können einfach angepasst werden

Zum Developer Guide von der Google Chart API gehen