Archiv der Kateogrie 'Webentwicklung'

Payback time oder Bill for Bill

15/03/10

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.

Geschrieben von Michel | in Webentwicklung | Keine Kommentare »

Prokrastination – Ablenkung auslagern

21/08/09

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:

Dokument zum Filtern von Ablenkungsquellen

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.

Geschrieben von Michel | in Produktivität, Webentwicklung | 10 Kommentare »

5 Web-Developer Links der Woche

07/06/09

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

Geschrieben von Michel | in Links der Woche, Webentwicklung | Keine Kommentare »

Google Page Speed

06/06/09

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

Geschrieben von Michel | in Google, Webentwicklung | 1 Kommentar »

Error 406 bei Wordpress Feed

14/09/08

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:

<IfModule mod_security.c>
SecFilterEngine Off
SecFilterScanPOST Off
</IfModule>

Geschrieben von Michel | in Blogging, Webentwicklung | Keine Kommentare »

Die Google Chart API

31/08/08

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

Geschrieben von Michel | in Google, Webentwicklung | Keine Kommentare »