WordPress & Webwork - perun.net

Mit Jetpack bekommt man die Möglichkeit die Funktionen von WordPress.com auch dem selbstgehosteten Weblog (WordPress.org) zu spendieren. Momentan wären dies acht Funktionen:

Zusätzliche Funktionen mit Jetpack

Außer der Funktion Sharedaddy ist jetzt nichts dabei, was in meinen Augen bzw. für mich die Installation von Jetpack rechtfertigen würde. Siehe zu diesem Thema auch den Artikel auf WordPress.com und auf t3n. (weiterlesen…)

Es gibt mehrere Methoden um Inhalte zu verbergen. Um gewisse Inhalte zu verbergen gibt es mindestens zwei sinnvolle Gründe. Zum einen wäre dies um die Zugänglichkeit einer Website für die Screenreader zu verbessern und der zweite Grund ist die Suchmaschinenoptimierung (SEO).

Nein! Im Fall von SEO rede ich jetzt nicht von den Methoden, die Google auf den Plan rufen, wie zum Beispiel versteckte Links etc. Ich rede hier davon, dass ein Logo welches als Hintergrundbild abgelegt ist, oder wie hier ein Teil der kompletten Kopfgrafik, weder für den Screenreader noch für eine Suchmaschine eine Aussage hat. Daher ist es sinnvoll für die "normalen" Besucher das Logo einzublenden, die anderen bekommen dann zum Beispiel den Titel der Seite als Text präsentiert. (weiterlesen…)

Zur Abwechslung gibt es mal wieder ein CSS-Artikel in diesem Weblog. Seit CSS1 existiert die Pseudoklasse :first-child und seit CSS3 :last-child. Mit :first-child spricht man das erste und mit :last-child das letzte Kindelement eines Elternelements an. Verstanden? Nein, hier ein Beispiel:

<div id="sidebar">
    <h3>Erste Überschrift</h3>
    <p>...</p>

    <h3>Überschrift</h3>
    <p>...</p>

    <h3>Letzte Überschrift</h3>
    <p>...</p>
</div>

Das obere Code-Beispiel stellt eine recht übliche Seitenleiste aka Sidebar dar. Jetzt könnte es sein, dass man der ersten Überschrift den oberen, äußeren Abstand (margin-top) wegnehmen möchte, damit es auf der gleichen Höhe wie der Inhalt anfängt. Anstatt jetzt der ersten Überschrift ein zusätzliches Klassenattribut zu vergeben, könnte man einfach folgendes in der CSS-Datei notieren: (weiterlesen…)

Die deutsche Sprache ist dafür bekannt dass sie einige lange Wörter hat. Hier nur zwei Beispiele:

• Unionsfraktionsvizevorsitzender
• Donaudampfschiffahrtsgesellschaftskapitän

Es gibt noch längere Beispiele, aber wir wollen hier nicht schon am Anfang das Pulver verschießen. Hat man viel Fläche zur Verfügung, dann machen solche Wörter kein Problem, aber in eingerückten Kommentarbereichen oder Infoboxen kann das schon problematisch werden. Ist das Wort breiter als die Box, dann wird die Breite der Box im Normalfall ignoriert und das Wort ragt raus: (weiterlesen…)

Wen man in Mozilla Firefox auf einen Verweis klickt, dann bekommt man eine visuelle Rückmeldung in Form eines roten, gepunkteten Rahmens:

Angeklickter Link in Firefox

Der Internet Explorer 8 dagegen tischt einen dezenten weißen Rahmen auf. Die aktuellen Versionen von Google Chrome und Opera zeigen keine Veränderung diesbezüglich an, genau wie der Internet Explorer 6 und 7. (weiterlesen…)

Für manche neu, für andere olle Kamelle: aber die Deklaration border-collapse: collapse; deaktiviert die abgerundeten Ecken, die man durch CSS3 erreichen will. Dabei werden sowohl die "offizielle" Eigenschaft (border-radius) als auch die browserspezifischen Eigenschaften (zum Beispiel -moz-border-radius) übergangen.

Siehe auch CSS Backgrounds and Borders Module Level 3 von W3C.

Der Hintergrund der ganzen Sache ist, dass ich letztens vor hatte auch den Tabellen im Artikel Tastaturkürzel für schnelleres Schreiben im WordPress-Editor abgerundete Ecken zu spendieren, so wie ich es schon hier im Artikel CSS3 und abgerundete Ecken beschrieben habe. (weiterlesen…)

Vorhin auf Twitter einen Link mit dem Namen Why Users Fill Out Forms Faster With Top Aligned Labels endeckt. Dort wird beschrieben warum die Nutzer ein Formular, wo sich die Überschriften über den jeweiligen Formular-Feldern befinden, schneller erfassen und dadurch auch schneller ausfüllen können.

Im Artikel selber befindet sich auch eine Grafik, die das verdeutlicht. Aber ohne die Erlaubnis des Autor, möchte ich sie hier nicht einsetzen.