Design
Goldschmiede Krack in neuem Gewand
Die Goldschmiede Krack präsentiert Ihren edlen Schmuck in neuem Gewand. Der neue Webauftritt der Goldschmiede läßt sich einfach pflegen, somit können die neue Arbeiten und Schmuck-Stücke zeitnah online gestellt werden.
Die Website wurde mit dem CMS Modx umgesetzt. Dieses CMS bietet eine einfache und intuitive Bedienung. Mit dem Quick-Editor von Modx können Texte und Bilder ganz einfach online geändert werden. Das hinzufügen von weiteren Navigationspunkten wird ebenfalls zum Kinderspiel.
Der große Bruder startet durch!
Die Anschubsfinanzierung ist durch. Peter Walsh, President Europe von der Agentur Razorfish ist sich mit diesem Investment sicher:
"I am absolutly convinced about the business concept and confident to reach in the medium term a very good return of investment. We inspectetd two days the business cases in Mainz and afterwards we were total impressed at the human creativity potential and their revolutions ideas. Especially in design, artwork films and strategic edge and conceptions. Regarding on the further web development, we are intent of breacking trough innovations and an additional benefits for our consumers."
Um was es genau geht - können wir bereits erahnen. Auf der Homepage wird der Claim "Simplify your UX" kommuniziert.
Pattern Tap - Web Design Collection
Pattern Tap wurde ins Leben gerufen um das schönste Interface Design des Webs zu zeigen. Es sollte eine Möglichkeit geschaffen werden, die es einem erleichtert, einige ausgewählte und besondere Referenz-Beispiele schnell aufindbar zu machen.
Manchmal ist es nicht so einfach auf Anhieb ein Anwedungsbeispiel für eine schöne horizontale Navigation zu finden oder man sucht vielleicht nach einer Idee für eine Subnavigation.
Pattern Tap kategorisierte Referenz-Beispiele, stellte sie online und bietet somit eine Quelle der Insperation zur Ideefindung von Interface Design.
Stylischer Bildwechsel-Effekt mit jQuery
Das JavaScript Framework jQuery beeinhaltet eigentlich ganz gute Animationen und Effekte. Doch bei einem Bildwechsel zwischen 2 Objekten einen Code der absolut makellos ist. Mit dem jQuery Plugin ImageSwitch ist ein eleganter und stylischer Bildwechsel in mehreren Variationen ganz einfach umszusetzen.
Das Plugin unterstützt mehrere Effekt wie z.B. Fade in/out, Flip in/out, Scroll in/out oder Singe Door & Double Door. Zudem ist der Code sehr gut auskommentiert, was es einfach macht das Plugin anzupassen und weiterzuentwickeln.
Mouse-Over Zoomansicht mit jQuery
JQZoom Evolution bringt ein neues Release mit erweiterten Features heraus. Die Zoom-Funktion für Bilder funktioniert mit dem bekanntem jQuery Javascript Framework. jQzoom vergrößert die Stelle eine Bildes über die der Mauszeiger gelegt wird. Die Anwendung ist einfach zu skripten, leicht anpaßbar und läuft auf allen neuen Browsern. Die Software ist lizensiert unter GPL.
Slide Login Panel mit Mootools
Das neue Tutorial von Web-Kreation zeigt ein Anwendungsbeispiel, wie sich mit Mootools ein Login-Formular mit Slide-Funktion (Anzeigen und Verstecken) erzeugen lässt. Das Tutorial ist sehr gut und verständlich erklärt. Ein weiteres Tutorial zeigt auch, wie diese Slide-Login-Funktion direkt in Wordpress integriert und umgesetzt wird.
Demo: Slide Login Panel
Umsetzung von Image Sliders per JavaScript-Framework
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 das sehr gut funktioniert.
Fluid 960 Grid System
Stehpen Bau hat für die schnelle Entwicklung eines interaktiven Web-Protoypes ein Fluid System erschaffen. Dabei baute er eine Bibliothek mit den herkömmlichen verwendeten HTML-Elementen und kombinierte diese mit CSS für entsprechende Typo und Layouts.
Letztendlich kreierte er das Fluid 960 Grid System Template (960 Pixel fixed mit 12-Splaten, 12-Spalten fluid und 16-Spalten fluid) welches auf der Arbeit von Nathan Smith und seinem 960 Grid System basiert. Die Effekte des interaktiven Grids basieren dabei auf der JavaScript Bibliothek von Mootools.
Freie Hintgrundbilder für die Website
Auf der Website von AVA7 Patterns werden Hintergrundbilder für die Website zum freien Download angeboten. Über 150 Design-Patterns werden bisweilen zur Verfügung gestellt. Jeweils vier Hintergrundbilder werden dabei immer als Vorschau angezeigt. Wenn man im Firefox Browser (nicht IE) auf “Preview” klickt, werden die Vorschaubilder gleich im Hintergrund angezeigt.
English
Deutsch
Login?! ...werde Mitglied bei noopsta... warum?
Als registriertes Mitglied kannst du Dir dein eigenes Profil anlegen und werbungsfrei noopsta News lesen und zusammenstellen. Du kannst Deine eigene Blogbeitrage verfassen und diese parallel in Twitter veröffentlichen und vieles mehr ...