WordPress & Webwork - perun.net

Nach dem gestrigen Feature Freeze gibt es nun von Andrew Ozz einen Überblick darüber was sich bei WordPress 3.3 alles im Bereich Javascript getan hat.

Auf vielen Websites gibt es am Ende von lange Seiten einen Link, der wenn man ihn anklickt einen auf den Anfang der Seite "springen" lässt. Am einfachsten realisiert man einen solchen Link, wenn man als Ziel lediglich das Rautenzeichen als Ziel angibt:

<a href="#">Nach oben springen</a>

Man kann aber auch auf schon existierende IDs verweisen:

<div id="kopfbereich">...</div>
...
<a href="#kopfbereich">Nach oben springen</a>

Hierbei dient das Universalattribut id sowohl als Ansatzpunkt für die CSS-Regeln als auch für Seiten-interne Verweise: #kopfbereich ist damit Sprunganker und Selektor. (weiterlesen…)

Ich habe im August während des Redesigns meiner Herr der Ringe Website hier über die Suche nach dem passenden Lightbox-Plugin für WordPress geschrieben. In diesem Artikel habe ich auch geschrieben, welche Voraussetzungen das Plugin erfüllen muss bzw. worauf ich Wert lege.

Ich dachte damals ich hätte mit WP-Slimbox2 eine gute Lösung gefunden, aber in den Kommentaren fand ich einen guten Tip von dath. Er empfahl mir damals Shadowbox JS für WordPress (Website des Autors).

Shadowbox JS im Einsatz

Für mich bietet dieses Plugin die beste Mischung aus Funktionalität, Anpassbarkeit und Performance. man muss aber darauf achte, dass das Plugin bei der Aktivierung aus zwei Teilen besteht. Aus dem eigentlichen Plugin Shadowbox JS und dem Zusatz Shadowbox JS – Use Title from Image.

Man muss beide Teile aktivieren. Der Zusatz kopiert den title-Attribut des Bildes auch in den Link hinein. Dies wird von Shadowbox benötigt, weil er den Inhalt des title-Attributs des Verweises als Bild-Beschriftung bei der Anzeige des großen Bildes nutzt.

WP-Slimbox2 im Einsatz

Prinzipiell stehe ich diesen ganzen Lightbox-Scripten ein bisschen reserviert gegenüber. In sehr vielen Fällen wird der vergleichsweise geringe Nutzen wegen der Performance-Einbuße, durch die zusätzlichen Javascripte, CSS und Grafiken, in meinen Augen nicht wirklich gerechtfertigt.

Anders schaut es bei Websites aus, die sehr viele Grafiken haben oder eine besondere Ausrichtung darauf haben und wo es sinnvoll ist, die Grafiken die über den Artikel bzw. Seite verteilt sind miteinander zu "verknüpfen": also bringt hier eine Galerie-Funktion für den Leser einen großen Nutzen. (weiterlesen…)

• Simple Javascript Accordions – Laut dem Hersteller das kleinste "Akkordeon-Javascript" (ca. 1,2 KByte), einfach zu integrieren, benötigt keine Frameworks und mit hoher Browserkompatibilität.
• Google Docs Templates – Massenweise Vorlagen für Googles Text & Tabellen, leider sind noch viele Vorlagen an den USA-Markt gerichtet.
• The Pencil Project – Ein OpenSource-Programm für Erstellung von Diagrammen und GUI-Prototypen. Ich weiß jetzt leider nicht genau, wo ich diesen Link aufgeschnappt habe.
• Qualidator – Zitat: Der Qualidator überprüft die ersten 5 Seiten einer Website mit ca. 60-70 automatischen Tests auf die Kernpunkte der Bereiche Usability (Benutzungsfreundlichkeit), Accessibility (Zugänglichkeit), SEO (Suchmaschinenoptimierung) und Quality (technische Qualität).
• Opera Dragonfly – Auf der offiziellen Website gibt es eine ausführliche Anleitung zu Dragonfly, dem Gegenspieler von Firebug.
• Webmasterpro-Webanalyse – Das Team von Webmasterpro hat eine ausführliche Analyse von 100.000 deutschsprachigen Quellen veröffentlicht.
• Firebug Lite für Internet Explorer, Opera und Safari – Damit die Nutzer von anderen browser nicht traurig sind, gibt es jetzt Firebug Lite (100% Kalorienfrei). Via Golem.de.

• Obama hat den Online-Guerillakampf perfektioniert – In diesem Artikel wird beschrieben wie Obama es geschafft hat, durch das Einsammeln von geringen Spendenbeiträgen über Web, die "Kriegskasse" gut zu füllen.
• Die 4-GByte-Problematik – In diesem ausführlichen Beitrag wird die Problematik beschrieben wenn man mehr als 4 GByte Arbeitsspeicher einsetzen will. Ein 64-Bit-Betriebssystem könnte hier helfen, allerdings ist die Unterstützung von solchen Betriebssystemen (Programme, Treiber etc.) noch nicht so ausgereifit, wie sie es sein könnte.
• Wir basteln uns einen leisen Rechner – In diesem sehr ausführlichen und hilfreichen Artikel wird beschrieben, wie man sich selbst einen leisen Rechner zusammenbauen kann. Es werden leise Komponenten vorgestellt und es wird hingewiesen worauf man achten soll.
• Removing Width/Height from the Image Uploader – In diesem Beitrag wird beschrieben wie man die automatische Angabe zur Breite und Höhe bei dem Bild-Upload in WordPress entfernen kann.
• Extrem kleine JavaScript-Galerie – Eine schlanke Javascript-Lösung für Bildergalerien.
• ScrollTabView horizontal example – Beispiel eines sog. "tabbed content" (deutsche Übersetzung ist mir nicht geläufig).
• An Informative 404 Page – Hier wird beschrieben wie man sich eine 404er-Fehlerseite erstellen kann, die einige Zusatzinformation mitbringt, z. B. woher der Besucher kam.
• CSS3.info – Ein Weblog zu Cascading Style Sheets v. 3.
• Das schwarze Auge: Drakensang – Das neueste PC-Spiel basierend auf dem deutschen RPG-System verspricht Gutes. Lassen wir uns mal überraschen.