Text

· · zu lesen

So, ich hatte jetzt genug Zeit die zwei Plugins für den Firefox zu testen…

Tails Plugin

Tails Firefox Extension von Calvin Yu war mein erstes Plugin. Es unterstützt eine Menge Formate, wie z.B. hCard, hCalendar, hReview, hAtom, xFolk, hResume und geo ist aber von der Handhabung eher bedürftig. Tails zeigt zwar alle Formate schön an, nimmt aber eine ganze menge Platz ein, da es als Layer über der Webseite liegt…

Operator von Michael Kaply ist eine Firefox Toolbar und somit wesentlich übersichtlicher. Das schöne an dieser Toolbar ist, dass man die gefundenen Formate gleich exportieren (z.B. hCard als vCard) oder die gefundenen Tags bei z.B. Technorati oder Flickr suchen kann. Leider unterstützt das Plugin nur hCard, hCalendar, GEO, hReviews und Tags.

Eine detaillierte Beschreibung und Screenshots findet ihr bei Pixelsebi

Fazit: Beide Plugins haben ihre Vor- und Nachteile… Tails ist zu wuchtig, zeigt aber mehr Formate an wie Operator, Operator bietet dagegen die Möglichkeiten zu suchen und zu exportieren.

Meiner Meinung nach ist es am Sinnvollsten beide Plugins zu verwenden bis eines der Beiden einen wesentlichen Vorteil bietet… Trotzdem viel Spaß beim ausprobieren.

Text

· · zu lesen

So, das leidige Thema „Bachelor Thesis“ hat sich auch erledigt, ich habe endlich ein Thema. 🙂 Und ich werde Furtwangen noch ein Semester länger erhalten bleiben, das wird besonders meine Kommilitonen aus dem Ausland freuen/ärgern.

Text

· · zu lesen

Da mir die neuen XFN Icons von Wolfgang Bartelme und Chris Messina recht gut gefallen, hab ich sie mal in mein CSS eingebaut. Das schwierige daran war, kombinationen von XFN Beziehungen mit CSS abzubilden. Ein Beispiel:

<a href="https://notiz.blog" rel="friend met colleague">...</a>Code-Sprache: HTML, XML (xml)

Deshalb hab ich für mich die Hierarchie festgelegt:

  • me
  • professional: co-worker, colleague
  • friendship (at most one): friend, acquaintance, contact
  • romantic: muse crush date sweetheart

Das heißt im Klartext: Wenn ich einen rel-tag wie z.B. rel="friend met colleague" wird nur friend und met berücksichtigt weil das für mich höherwertig is. Wenn ihr ne andere Reihenfolge wollt, könnt ihr das ganze einfach in der CSS Datei umstellen (das Wichtigste unten).

Ich habe das ganze mit den in CSS 2.1 definierten Selectors realisiert und mit Firefox 2.0 und IE7 getestet.

Beispiel CSS Code:

a:hover[rel~="me"] {
  background: url(images/xfn-me.png) no-repeat right; padding-right: 25px;
}

a:hover[rel~="co-worker"], a:hover[rel~="colleague"] {
  background: url(images/xfn-colleague.png) no-repeat right; padding-right: 25px;
}

a:hover[rel~="co-worker"][rel~="met"], a:hover[rel~="colleague"][rel~="met"] {
  background: url(images/xfn-colleague.png) no-repeat right; padding-right: 25px;
}Code-Sprache: CSS (css)

Komplette CSS Datei runterladen

Beispiele: ME, FRIEND COLLEAGUE, COLLEAGUE, COLLEAGUE MET, FRIEND MUSE, FRIEND MUSE MET.

Würde mich sehr über Kommentare und Anregungen freuen…

Text

· · zu lesen

Wer braucht schon das blöde www vor der URL, sieht doch ohne viel schöner aus…
Das ganze hat aber auch noch einen wirtschaftlichen Aspekt (SEO). Um einen guten Pagerank bei Google zu erreichen sollte man nur unter einer URL gelistet (Canonical URL Problem) sein (z.B. https://notiz.blog und http://www.notiz.blog).

Google empfielt einen 301 Redirect einzurichten, hierzu 2 Vorschläge:

HTACCESS 

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www\.domain\.com$ [NC]
RewriteRule ^(.*)$ http://domain.com/$1 [R=301,L]Code-Sprache: JavaScript (javascript)

Mehr Infos auf no-www.org

PHP 

<?php
Header( "HTTP/1.1 301 Moved Permanently" );
Header( "Location: http://www.domain.de" );
?>Code-Sprache: HTML, XML (xml)

Wer WordPress benutzt und zu faul das ganze selber zu machen, der sollte das no-www Plugin von Matt einsetzen.