Braekling.de

CSS3: transform (Lineare Transformationen)

Eine hochinteressante, neue Eigenschaft in CSS3 ist transform. Sie ermöglicht lineare Transformationen beliebiger Seitenelemente, d.h. wir können sie verschieben, rotieren, skalieren und scheren. Auf den ersten Blick wirkt das Konzept recht kompliziert und mag so manchen abschrecken, der von Vektoren und Matrizen Ausschlag bekommt. In Wirklichkeit ist es aber gar nicht so kompliziert, zumal es gesonderte Funktionen gibt, die sich intuitiv nutzen lassen, und die die Matrix vor den Augen des Designers verbergen. Auch diese neue Eigenschaft wird von allen modernen Browsern, abgesehen vom IE, bereits unterstützt. Weiterlesen »

CSS3: border-radius (abgerundete Ecken)

Neben den neuen Schatteneffekten liefert CSS3 mit der Eigenschaft border-radius eine weitere Gestaltungsmöglichkeit, die zuvor nur mit Trickserei und Grafiken umzusetzen war. Endlich lassen sich so mit den Bordmitteln des Browsers abgerundete Ecken erzeugen, was z.B. in geschickter Kombination mit Schatten für anspruchsvolle, plastische Layouts verwendet werden kann. Auch border-radius wird mittlerweile von allen modernen Browsern, abgesehen vom IE, unterstützt. Weiterlesen »

WP-Piwik 0.8.0 ohne Google Chart API

Obwohl ich mich natürlich über das viele Lob zu meinem WordPress-Plugin WP-Piwik freue, ist mir natürlich klar, dass daran noch viele Funktionen fehlen. Beispielsweise möchte ich weitere Details in den Statistiken einblenden, wie den tatsächlichen Herkunftslink verweisender Seiten oder die konkrete Zielseite einer Suchabfrage. Außerdem soll die Datumsauswahl flexibler werden, andere Zeiträume sollen auswählbar sein und vieles mehr. Zudem wollen die Artikelstatistiken noch mehr auf WordPress zugeschnitten werden und nicht zuletzt bietet Piwik jetzt auch Tracking-Alternativen, die berücksichtigt werden sollten. Einen der für mich wichtigsten Punkte auf der ToDo-Liste habe ich jetzt aber endlich schonmal abhaken können. Weiterlesen »

CSS3: color (Farben) mit Farbtabellen

Mit CSS3 bekommen Webdesigner neue Möglichkeiten, um Farben zu definieren. Dadurch gibt es natürlich nicht schlagartig mehr Farben, aber sie können je nach Einsatzgebiet einfacher verwendet werden. Hinzu kommt Alphatransparenz, die ansprechende Transparenzeffekte ohne den Einsatz von Grafiken ermöglicht. Dieser Beitrag erklärt die neuen Farbnotationen und liefert einige Beispiele und Farbtabellen. Weiterlesen »

CSS3: box-shadow (Schatten)

Dank CSS3 erhalten Webdesigner endlich die Möglichkeit, ansehliche Schatteneffekte ohne Grafiken zu verwirklichen. Somit können Webseiten optisch geschickt aufgewertet werden, ohne den Quelltext unnötig kompliziert zu gestalten und ohne zusätzlichen Datenballast zu erzeugen. Die dazu notwendige Eigenschaft box-shadow wird mittlerweile abgesehen vom IE8 von allen modernen Browsern unterstützt. Weiterlesen »

Bucher (2005): Ist das Internet “ready” für seine Nutzer?

Bei dem folgenden Beitrag handelt es sich um eine Zusammenfassung von:
Hans-Jürgen Bucher. Ist das Internet “ready” für seine Nutzer? Online-Angebote zwischen Gebrauchstauglichkeit und Kommunikationsqualität. In: Jäckel, Michael; Haase, Frank (Hrsg.): In medias res: Herausforderung Informationsgesellschaft*, S. 81–116, 2005. (ISBN 3-935686-97-8)

Usability (Nutzerfreundlichkeit) ist per Norm ISO 9241-11 als Zweck-Mittel-Relation definiert. Es wird demnach gemessen, wie effektiv, effizient und (aus Anwendersicht) zufriedenstellend ein Werkzeug zur Erledigung der ihm bestimmten Aufgabe beiträgt. Diese Definition soll für die Beurteilung von Online-Angeboten um weitere Dimensionen ergänzt werden: Dimension des Gegenstandes (internetspezifische Kriterien), Handlungsdimension (Interaktivität von Internet-Angeboten), soziale Dimension (Online-Nutzung auch sozialer Kontakt mit nicht-anwesenden Partnern) und die kulturelle Dimension (interkulturelle Nutzung des globalen Internet). Weiterlesen »

Mal kurz rundgeschaut… #24

• PHP face detection class – gut erkannt mit Emanuele Feronato.
• 10 Useful WordPress Security Tweaks – sicher mit dem Smashing Mag.
• Facebook Anwendungen mit PHP – Am Anfang steht FBML – sozial entwickeln bei Dr. Web.
• Web Designer’s Checklist – CSS3 einsetzen mit findmyIP.com.
• 9 Magic Methods for PHP – Zauberei bei Carsonified.

The Real Life Social Network

Paul Adams, Senior User Experience Researcher bei Google, hat bei slideshare eine Präsentation unter dem Titel The Real Life Social Network v2 veröffentlicht. Darin beschäftigt er sich insbesondere mit dem Verhältnis zwischen Social Networks wie z.B. Facebook, und dem wirklichen Leben. Er geht u.a. darauf ein, dass man im Real Life normalerweise innerhalb von Gruppen interagiert, die sich zwar überschneiden können, aber weitgehend voneinander getrennt sind, z.B. Arbeit, Verein, verschiedene Freundeskreise und so weiter. In Facebook hingegen kann man seine Kontakte zwar gruppieren, aber man interagiert in der Regel für alle sichtbar. Eine sehr interessante Präsentation, die sich zumindest diejenigen anschauen sollten, die selbst mit Social Networks arbeiten wollen, aber auch für diejenigen, die sie einfach nur nutzen. Weiterlesen »

Monkey Island 2 Special Edition – Komplettlösung

Mittlerweile ist die Special Edition von Monkey Island 2: LeChuck’s Revenge erhältlich. Ihr könnt es u.a. für iPhone, iPad & Co. im AppStore unter Monkey Island 2 Special Edition: LeChuck’s Revenge – LucasArts* bekommen (am 8.7.2010 für 5,99€) oder als PC-Download via Steam für derzeit 9,99€. Wieso ich darüber schreibe? Vor einiger Zeit habe ich einen Artikel mit Komplettlösungen für Monkey Island 1 veröffentlicht, der gerade von vielen Besuchern auf der Suche nach Lösungen für den 2. Teil gefunden wird. Ich will ja nicht so sein und habe hier ein paar passende Links zusammengefasst. Weiterlesen »

HTML/CSS-Balkendiagramm – barrierefrei

Nach meinem gestrigen Artikel Balkendiagramme mit CSS machte mich Thomas darauf aufmerksam, dass die DIV-Sammlung, die hinter dem Diagramm steckt, z.B. für Suchmaschinen oder auch für Screenreader, nicht lesbar sei. Zunächst erwiderte ich, dass dies auch auf Flash- oder JavaScript-Diagramme zutreffen würde, jedoch ergänzte Thomas vollkommen richtig, dass diese aber keinen Kauderwelsch im HTML erzeugen. Also habe ich mich nochmal in Ruhe mit der Sache beschäftigt, um den gestern vorgestellten Code dementsprechend zu optimieren. Weiterlesen »