Philip Hetjens » Philip Hetjens

Bookmarklet: Passwörter auf Websites anzeigen

Philip Hetjens — Tue, 17 Aug 2010 08:04:39 +0000

Ich habe schnell dieses kleine Bookmarklet geschrieben. Es kann benutzt werden um Passwörter auf Websites anzuzeigen. Es ändert alle Passwortformularfelder zu Standardtextfelder, dadurch wird das eingegebenee Passwort sichtbar. Das kann auch sinnvoll sein, wenn das Passwort vom Browser gespeichert wird, und man es so vergessen hat.

Die Installation ist sehr leicht. Einfach den Link im blauen Kasten auf das Lesezeichenmenü des Browsers ziehen.

Passwörter anzeigen

Die Funktionsfähigkeit wurde mit Firefox 3.5, Opera 10.60 und Chrome 5.0 getestet. (Internet Explorer: Sollte eigentlich auch gehen, ich weiss nur nicht wie man Bookmarklets anlegt, und konnte es nicht testen.)

[Disclaimer: Das Script verändert nur die Anzeige der Webseite. Die Passwörter werden nicht "erhackt", sondern sind bereits da, und werden nur dargestellt. Es wird nichts an irgendeinen Server gesendet.]

Zeitungen im Vergleich: Holzmedien versuchen HTML

Philip Hetjens — Tue, 15 Jun 2010 06:27:51 +0000

Auf Grund eines aktuellen Projekts kam ich auf die Idee verschiedene Webseiten von deutschen und Schweizer Zeitungen durch den W3-Validator zu schieben. Mit eigentlich ziemlich interessantem Ergebnis. Im Boulevard scheint gutes HTML beliebt zu sein, aber sonst sieht es oft eher mässig aus. Den Vogel schiesst aber definitiv das Handelsblatt ab: Bei über 1300 Fehler auf der Homepage müssen die schon absichtlich eingebaut werden (Stand 14.6.2010).

Zeitung	Fehler	Warnungen
Bild	0	0
Blick	1	0
FAZ	817	442
Handelsblatt	1341	497
NZZ	147	31
Rheinische Post	3	3
Süddeutsche	122	12
Tagesanzeiger	599	202
TAZ	330	1

Google Font API: Mehr Schriften im Web

Philip Hetjens — Thu, 20 May 2010 06:49:38 +0000

Google hat gestern die Google Font API vorgestellt. Damit ist es möglich, wie bereits auch mit anderen Diensten, auf eine grössere Anzahl Schriften im Web zuzugreifen. Google hat ein Font Directory aufgesetzt (könnte noch etwas grösser werden), das zeigt welche Schriften verfügbar sind. So wie es aussieht sind diese Schriftarten auch lizenztechnisch unproblematisch. Google versichert auch die Funktionalität unter Internet Explorer ab Version 6 und natürlich allen anderen wichtigen Browsern. Aber da keine SVG-Version der Schrift ausgeliefert wird, funktioniert Googles Font API bis jetzt nicht unter iPhone/iPad.

Der Trick basiert rein auf CSS, das bedeutet, dass im gegensatz SiRF kein Flash geladen werden muss, und auch der Text einfach markiert und kopiert werden kann durch den Websitebesucher.

Ein Beispiel:





  
  untitled
  
  


  Hello World

Wirklich, es funktioniert:

Das ist jetzt in der Schriftart Reenie Beanie

Verwandter Artikel

CSS: Runde Ecken
Abgerundete Ecken werfen ihren Schatten voraus. In Firefox und Webkit-basierten Browsern (Chrome und Safari) funktionieren sie schon. (10. Dezember 2009)

bit.ly-Pro: Eigener URL-Shortener in 5 Minuten

Philip Hetjens — Sun, 07 Feb 2010 16:25:54 +0000

bit.ly hat gerade seinen neuen bit.ly-Pro-Dienst gestartet. Interessanterweise unter der Internetadresse bitly.pro. Ich wusste noch nicht mal, dass es .pro-Domains gibt. Schande über mein Haupt.

Der eigene URL-Shortener ist mit wenigen Klicks eingerichtet, wenn:

man eine passende (kurze) Domain hat
Man Nameservereinträge vornehmen kann

Ich habe mir in vorrausschauender Weise, bereits letzte Woche die hty.be-Domain gesichert. Und schon funktioniert mein eigener URL-Shortener. Woohuh. Erster Link: http://hty.be/aL48jN. Leider kommt beim Aufruf der Domain ohne Shortcut dahinter immer die bit.ly-Homepage. Ich fände es besser, wenn man dann auf mein Blog weitergeleitet wird, aber man kann wohl nicht alles haben.

Zum Anmelden kann man übrigens seinen (alten) bit.ly-Account verwenden, und danach, praktisch, praktisch, tauchen die neuen Links auch auf dem alten Dashboard unter bit.ly auf, und man sieht die Link-Statistik.

Das Dashboard, dass zusammen mit dem Pro-Account angeboten wurde, kann ich noch nicht testen. Die Nameservereinstellungen zur Verfikation, dass mir hetjens.com gehört, wurde nicht so schnell übernommen. Aber angeblich zeigt es die Einkommenden-Bit.ly-Links auf diese Domain. Mal schauen.

Bit.ly als Shortener-Backend zu benutzen, finde ich übrigens wesentlich besser, als irgendein (opensource/selbstgeschriebenes) PHP-Script zu verwenden. Ich muss mich um nichts kümmern, und es funktioniert immer, wie von bit.ly gewohnt.

P.S. jetzt muss ich mal gucken, dass ich auch so eine .pro-Domain bekomme. (Update: zu teuer)

CSS: Runde Ecken

Philip Hetjens — Thu, 10 Dec 2009 19:40:51 +0000

Abgerundete Ecken werfen ihren Schatten voraus. In Firefox und Webkit-basierten Browsern (Chrome und Safari) funktionieren sie schon, aber unterschiedlich. Und das ist Nervkram.

Zuerst muss definiert werden, dass überhaupt eine Border angezeigt wird. Sagen wir mal, dass alle Elemente mit der Klasse rundjetzt Runde Ecken haben sollen:

.rundjetzt { border: 1px solid black; }

Jetzt definieren wir abgerundete Ecken für Firefox:

.rundjetzt { -moz-border-radius: 5px; }

Und jetzt für Webkit:

.rundjetzt { -webkit-border-radius: 5px; }

Bis jetzt ist es quasi gleich. Wenn man nur eine Ecke definieren will, wird es komplizert. Mozilla verwendet folgende Syntax:

-moz-border-radius-topleft
-moz-border-radius-bottomright

Webkit hingegen hätte gerne:

-webkit-border-top-left-radius
-webkit-border-bottom-right-radius

Naja, besser so komisch unterschiedlich benutzen können, als gar nicht benutzen können wie z.B. im Internet Explorer im Opera.

WordPress 2.8 Widget-API: Widgets objekt-orientiert entwickeln

Philip Hetjens — Fri, 27 Nov 2009 19:29:07 +0000

Mit WordPress 2.8 wurde eine neue Widget-API eingeführt. Durch die neue Schnittstelle wurde die Widgetentwicklung objekt-orientiert und viel einfacher.

Bis einschließlich Version 2.7 war die Entwicklung von Widgets eingeschränkt oder kompliziert: Je nachdem ob nur eine Instanz des Widgets gebraucht wird oder ob es mehrmals aktiviert werden sollte. WordPress 2.8 räumt damit auf. Es gibt gar nicht mehr die Möglichkeit ein Widget nur einmal zu aktivieren.

Um ein Widget zu schreiben, muss eine Klasse mit vier vorgegebenen Methoden von WP_Widget abgeleitet werden.

class Mein_Neues_Widget extends WP_Widget {
  function Mein_Neues_Widget() {
  }

  function widget($args, $instance) {
  }

  function update($new_instance, $old_instance) {
  }

  function form($instance) {
  }
}

Jede Methode übernimmt eine Aufgabe. Der Konstruktor (in diesem Fall die Methode Mein_Neues_Widget muss den Konstruktor der Basisklasse WP_Widget aufrufen. Bei dem Aufruf müssen aber Parameter übergeben werden, die erst definiert werden müssen. Der komplette Konstruktor kann wie folgt aussehen:

function Mein_Neues_Widget() {
  $widget_ops = array(
    'classname' => 'Mein_Neues_Widget',
    'description' => 'Hier die Beschreibung für die Widgetseite im wp-admin eintragen'
  );
  $this->WP_Widget('Mein_Neues_Widget','Name des Widgets im wp-admin',$widget_ops);
}

Die Widget-Methode wird von WordPress aufgerufen, sobald das Widget im Blog angezeigt wird. Der Parameter $args ist das bereits von früher bekannte Array mit den Elementen before_widget, before_title, after_title und after_widget damit alle Widgets gleich aussehen und die Struktur vom Theme vorgegeben werden kann. Der zweite Parameter $instance enthält alle Einstellungen, die für diese Widget-Instanz im wp-admin durch den Administrator vorgegeben wurden.

Durch die beiden Methoden form und update kann für jede Instanz im wp-admin ein Konfigurationsfenster angezeigt werden und die Einstellungen gespeichert werden. In form wird das Formular ausgegeben und update sorgt für die Speicherung. Es gibt ein paar Funktionen in WordPress, die dafür sorgen, dass die Input-Felder korrekt den verschiedenen Widgets zugeordnet werden können. Ein Beispiel für ein Feld mit dem Namen title sieht wie folgt aus:

function update($new_instance, $old_instance) {
  $instance = $old_instance;
  $instance['title'] = strip_tags($new_instance['title']);
  return $instance;
}

function form($instance) {
  $instance = wp_parse_args($instance, array(
    'title'=>'Standardtitel'
  ));
  $title = strip_tags($instance['title']);
  echo 'Title:
    ';
    ';
}

Die Update-Methode hat zwei Parameter. Im ersten Array sind die gerade vom Benutzer neueingegeben Werte und im zweiten Array die alten, bereits gespeicherten Werte. Die Methode muss ein Array zurückgeben, dadurch ist es möglich zu überprüfen, ob die neuen Werte überhaupt einen Sinn ergeben und die Speicherung ggf. zu unterbinden. Wenn überhaupt keine Prüfung stattfinden soll, kann auch einfach die $new_instance-Variable zurückgegeben werden.
In der form-Methode wird zuerst die Funktion wp_parse_args aufgerufen um Standardwerte, falls das Widget gerade zum ersten Mal hinzugefügt wurde, festzulegen. Die beiden Methoden der Basisklasse WP_Widget $this->get_field_id und $this->get_field_name geben eine ID und einen Namen für input-Felder zurück. Wenn diese Funktionen, vor allem die get_field_name, verwendet wird, wird sichergestellt, dass WordPress die Werte korrekt übernehmen kann.
Das Feld title übernimmt übrigens eine besondere Rolle. WordPress zeigt den eingegeben Wert im wp-admin auch im zugeklappten Zustand des Widgets an.

Die Klasse ist nun komplett definiert. Jetzt muss WordPress nur noch gesagt werden, dass diese Klasse auch initialisiert werden soll. Ein eleganter Weg dazu ist die Action widgets_init kombiniert mit einer anonymen Funktion:

add_action('widgets_init', create_function('', 'return register_widget("Mein_Neues_Widget");'));

Verwandte Artikel

	Settings API: Wordpress Standardoptionsseiten erweitern Mit der Settings-API von Wordpress ist es einfach die Optionen des eigenen Plugins in die Wordpress-Optionen einzubinden. (5. August 2009)
	Default Link Widget: Eigenen Titel für das Link-Widget einstellen Dieses Widget ermöglicht einen eigenen Titel für jedes Link-Widget einzustellen. (31. Juli 2009)

11 Jahre Google: In zwei Minuten erklärt

Philip Hetjens — Wed, 28 Oct 2009 12:38:20 +0000

Google gibt es schon 11 Jahre. Dieses Video zeigt in 2:13 alle wichtigen Stationen. Angeblich ist ein Fehler drin, aber das Video finde ich einfach zu schön, um drauf zu achten.

Kindle in 100 Ländern: Revolutioniert Amazon den Mobilfunk?

Philip Hetjens — Wed, 07 Oct 2009 12:48:15 +0000

Amazon hat heute angekündigt, dass der Kindle nun in 100-Ländern (bald) verfügbar ist. Soweit ok. Jetzt kommt der Witz an der Sache. Der Mobilfunk wird komplett über den US-Anbieter AT&T abgewickelt. Und in den 99 Ländern außerhalb der USA wird geroamt.

Und nicht nur Telefonate: nein, nein, Datenroaming. Jetzt kommt der Punkt den ich nicht verstehe. T-Mobile, Vodafone, Orange und KPN sind alle in mehreren europäischen Ländern vertreten und damit wahrscheinlich im Primärzielmarkt von Amazon. Warum können die kein bezahlbares Roaming anbieten? Warum muss ein Ami kommen, der überhaupt nicht auf eigene Infrastruktur in Europa zurückgreifen kann, und mit allen Verträge abschließen muss.

Aus meiner Sicht ist das eine Schande für die großen Telkos in Europa und für die EU. Ich bin seit vielen Jahren Grenzgänger und mich regt das Roaming einfach auf. Mir ist es ganz egal, ob z.B. in meinem Telefon “T-Mobile D” oder “T-Mobile NL” steht. Aus Verbrauchersicht ist es der gleiche Konzern. Ich kann ja verstehen, dass T-Mobile kein günstiges Roaming mit Vodafone machen kann/will, aber konzernintern sollte das doch zu machen sein. Die EU wächst immer weiter zusammen, es gibt viele Grenzgänger. Ein kostenloses Roaming zwischen den Ländergesellschaften einer Marke wäre ein echtes Alleinstellungsmerkmal, und kann mehr als ausschlaggebend sein bei der Betreiberwahl. Aber ganz offensichtlich kann sich der Markt in diesem Bereich nicht selbst regulieren, weil die Gewinne einfach zu groß sind.

Mich würden die Konditionen interessieren, die Amazon für ein in Europa transferiertes MB zahlt.

Verwandter Artikel

Vodafone: Ignorieren fehlgeschlagen
Klasse PR-Coup von Vodafone. Es geht kaum besser. (22. Juli 2009)

Microsoft: Wir liiieeben Windows 7

Philip Hetjens — Tue, 06 Oct 2009 06:25:05 +0000

Ich muss es hier im Blog noch mal festhalten. Das hat echt Potential im Social Web bekannt zu werden.

Google Streetview: Ich bin im Internet

Philip Hetjens — Tue, 18 Aug 2009 06:04:22 +0000

Da bin ich (gerade beim Mittagessen):

Größere Kartenansicht
Bin ich jetzt ein echter Schweizer, wenn Google mich in Zürich fotografiert?