Artikel mit ‘Mootools’ getagged

Goldschmiede Krack mit neuer Website

Dienstag, 23. Februar 2010

Goldschmiede Krack

Die Goldschmiede Krack in Deidesheim präsentiert Ihren edlen Schmuck mit einer neuen Website. Der Schmuck wird auf der Startseite per Slideshow dargestellt. Die Slideshow ist per Mouse-Over über die Thumbnails navigierbar und wurde mit dem Mootools Plugin noobSlide realisiert. Die Schmuck-Detailansicht erfolgt durch das Mootool Plugin Slimbox. Die Website wurde aufgrund der schnellen Realisierbarkeit und der einfachen Bedienung mit dem CMS Modx umgesetzt.

Slide Login Panel mit Mootools

Donnerstag, 19. März 2009

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

Login Panel mit Mootools

Umsetzung von Image Sliders per JavaScript-Framework

Mittwoch, 18. Februar 2009

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.

slider with mootool

Fluid 960 Grid System

Freitag, 30. Januar 2009

Stehpen Bau hat für die schnelle Entwicklung eines interaktiven Web-Protoypes ein Fluid System erschaffen.  Dabei baute eine er 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.

fluid-960-grid