externer Link

Links, mit der die eigene Seite verlassen werden, sollten aus Barrierefreiheitsaspekten wie auch aus Benutzerfreundlichkeitsgründen entsprechend gekennzeichnet werden. Die beste Lösung dafür ist via CSS solche Links zu kennzeichnen. Hierfür gibt es in CSS3 die Möglichkeit über Attribut-Selektoren solche Links gesondert zu markieren.
(weiterlesen …)

Domainkarte

Dank dem Artikel von Perun bin ich auf die nette Aktion von United-Domains aufmerksam geworden.

United-Domains verschenkt eine Domain-Weltkarte an alle Blogger die bis zum 31. März 2009 einen einen Artikel über diese Aktion schreiben und einen Link auf www.united-domains.de oder www.domain-karte.de setzen. Solche eine Möglichkeit möchte ich mir natürlich nicht entgehen lassen.

An alle Blogger:
Sobald ihr einen Artikel geschrieben habt, schickt einfach einen Link zu dem Artikel und eure Postanschrift an aktion@united-domains.de. Viel Spaß!

Den Benutzer über durchgeführte Aktion eine Rückmeldung geben, ist besonders wichtig für eine gute Bedienbarkeit der Webpräsenz. Um diese Informationen zu transportieren bieten sich kleine Statusboxen an.  Um diese Statusboxen optisch und inhaltlich hervorzuheben, bietet sich die Verwendung der Signalfarben rot, gelb und grün an.  Für neutrale Statusmeldungen kann blau verwendet werden.
(weiterlesen …)

Sobald Select-Boxen eine große Anzahl an Optionen haben geht die Übersicht und die Bedienbarkeit verloren. Ebenfalls kann es vorkommen, dass die möglichen Optionen von Select-Boxen von vorher ausgewählten Select-Boxen abhängig sind. Somit wäre es schön, wenn an der ersten Select-Box z.B. eine Hauptkategorie ausgewählt wird und die zweite Select-Box für Unterkategorien dynamisch auf Grund der vorher ausgewählten Hauptkategorie gefüllt wird.
(weiterlesen …)

Die kleinen Helferlein mit dem komprimierten Wissen sind in vielen Bereichen eine hervorragende Unterstützung für die tägliche Arbeit. Die folgenden Cheatsheets sollten auf dem Schreibtisch eines jeden Blogger nicht fehlen.

WordPress Cheatsheet – Frontend

Frank hat ein Cheatsheeht für WordPress erstellt auf dem alle wichtigsten Tags für die Verwendung in Themes zu finden sind. Wer häufig Änderungen an Themes durchführt und neue Themes erstellt, sollte auf jeden Fall einemal einen Blick auf das Cheatsheet werfen. Das Cheatsheet ist in 13 Bereiche unterteilt und man findet dort u.a. Information zu Autoren Tags, Kommentar Tags, Beitrags Tags, Link Tags aber auch zu den Funktionen bloginfo() und get_settings().

Wordpress Cheatsheet

WordPress Frontend Cheatsheet

(weiterlesen …)

Eine Übersicht über 22 beeindruckende E-Commerce Iconsets.

Stickers Iconset – 52 Icons

Das Iconset wird in den Formaten PNG, ICO und ICNS zum Download zur Verfügung gestellt. Das Paket beinhaltet 52 Icons in verschiedenen Größen: 16×16, 24×24, 32×32, 48×48, 64×64, 128×128. (weiterlesen …)

Die 23 besten JQuery-Plugins um Bilder oder Bildergalerien auf einer Webseite darzustellen.

jquery.popeye

Eine Inline-Bildergalerie, die mit einer kleine Navigation zum Durchblättern der Grafiken ausgestattet ist. Außerdem bietet das Plugin die Möglichkeit einen kleinen Text zu jedem Bild anzuzeigen.

JQuery Popeye

Demo

Homepage

(weiterlesen …)

Unser liebstes Kind als Webentwickler, der Internet Explorer 6, ist inzwischen ein Urgestein in der Browserlandschaft. Seit gut 8 Jahren hält er sich tapfer in den Statistiken der verwendeten Browser. In den Anfängen noch als fortschrittlicher Browser gefeiert, wurde er mit dem Aufkommen von Opera, Firefox und ihren Geschwistern sowie dem Bewusstsein für Webstandards zunehmender zum Graus eines jeden Webentwickler. Zahlreiche Hacks für den IE6 müssen da schon angewendet werden, um das Ergebnis zumindest einigermaßen akzeptabel wirken zulassen.

(weiterlesen …)

Mit den beiden Open Source Tools Piwik Connector und Desktop Web Analytics – For Piwik können die auf dem Webserver liegenden Statistiken auf den Desktop geholt werden. Die Daten werden übersichtlich dargestellt und automatisch über die Piwik – API mit der Installation auf dem Webserver synchronisiert.  Beides sind Adobe Air Anwendungen, somit ist eine Installation von Adobe Air notwendig.

(weiterlesen …)

Für das Auswählen aller Checkboxen, sobald eine bestimmte Checkbox geklickt wurde, habe ich für euch hier einmal ein kleines JQuery-Snippet. Ein häufiger Anwendungsfall einer solchen Funktion ist z.B. eine Tabelle in der ich bestimmte oder eben alle Tabellenzeilen per Checkbox auswählen lassen möchte. Klicke ich auf die Checkbox, die symbolisch für “Alle Tabellenzeilen markieren” steht, werden alle Tabellenzeilen mit dem untenstehenden JQuery-Code markiert. (weiterlesen …)