florian caspar

Der Mainzer Künstler und Maler THOMAS RICHARTZ präsentiert ein Teil seiner Werke jetzt online.

(more…)

Die Community-Plattform Utopia hat Ihren Webauftritt relauncht. Utopia ist eine Plattform für strategischen Konsum und nachhaltigen Lebensstil mit angeschlossener Stiftung.

Das Layout der Website wurde komplett überarbeitet. Der Schwerpunkt wurde dabei auf das Navigationskonzept gelegt, welches eine deutliche Verbesserung der intuitiven Benutzerführung beinhaltet.

Themenwelten wurden verstärkt in den Vordergrund gestellt und die Usability von vielen Funktionen optimiert und erweitert.

(more…)

Das Tutorial auf designm.ag zeigt wie man ganz einfach mit CSS und jQuery eine Gallery-Ansicht zu einer detailierten Ansichtsseite umschalten kann. Ich finde diese Anwendung sehr interessant.

Für moderne Websites ist Javascript bereits heute ein muss. Mit dem richtigen Einsatz von Javascript lässt sich die User Experience „UX“ für Websites optimieren und das Look&Feel des Internetauftritts für den User verbessern.

Die Einbindung und Darstellung des Inhalts gilt als einer der wichtigsten und einflussreichsten Faktoren für ein gutes Webdesign. Die Einbindung des Contents in ein stylisches Layout ist die Basis jeder Website und sollte bereits in der Web-Konzeption eine wichtige Rolle spielen.

Smashing Magazine stellt 8 Javascript Techniken und Lösungen vor, mit denen der Content in ein funktionelles Layout gebracht werden kann.

Hierzu gehört der Einsatz von Sliders, Navigation mit Reitern, stylische Layers für Registrierung und Anmeldung, Rollover Elemente wie z.B. Tooltips, Progessive Layouts mit dem Einsatz des Scroll-To Plugin von JQuery, die Anwendung von Grids, Arccordion Menus und Drop-Down Menus.

Dabei werden jeweils Referenzbeispiele aufgezeigt und eine Auswahl von Scripts aufgelistet.

Auch Webdesignerwall hat einige interessante JavaScript Frameworks Effekte kategorisiert und auf die entsprechende Script-Demo-Sites verlinkt.

Der Einsatz von JavaScript wird durch Open Source Frameworks erleichtert, die es einem ermöglichen Funktionen nicht jedes Mal komplett neu programmieren zu müssen.

Anbei die bekanntesten Javascript Frameworks:

jQuery
MooTools
Prototype
Script.aculo.us
YUI

Ein interessantes Tutorial zur Umsetzung eines beweglichen Sliders mit horizontaler Scroll-Funktion stellt woork.blogspot.com zur Verfügung. In diesem Beispiel wird das JavaScript-Framework Mootools verwendet.

In einem weitern Tutorial von cssglobe.com wird ein einfacher Image oder Content Slider mit einem jQuery Plugin umgesetzt.

Für den bereits bekannten Coda Slider gibt es mittlerweile ein  Drupal-Modul welches sehr gut funktioniert.

Schicke s3Slider jQuery Slideshow von JonDesign´s. Hierzu wird nur das jQuery Plugin und das erstellte Script benötigt. Das Script ist linzensiert für Crative Commons Attribution 2.5. Somit kann es für alle Projekte (auch kommerzielle) angewendet werden. Das Plugin wurde an Firefox, Opera, Internet Explorer und Google Chrome getestet.