Mootools

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

html structur mootool login

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.

Slider Mootools tutorial

 

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.

Dynamic Grid CSS Framework

Jetzt kostenlos Mitglied werden!

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  oder Facebook veröffentlichen und vieles mehr ...

Mitglied?