Sidebar
ein-/ausblenden

User Interface mit MooTools

Plugin für WordPress SEO

Anzeige

In Zeiten des Web 2.0 sind User Interface für bestimmte Anwendungen nur schwer zu ersetzen. Dank JavaScript Framework und Plugin-Funktionalität stehen eine ganze Reihe recht einfacher Möglichkeiten zum Realisieren eines derartigen Interface bereit.

Nun gibt es für die Library MooTools eine schöne und mächtige Erweiterung - Mocha, von Greg Houston.

Screenshot Mocha

In der Demo kann man die Möglichkeiten bestaunen und im zugehörigen Download ist der Code übersichtlich dargestellt, so dass man es gut nachvollziehen kann.

Mocha bietet die Fenster, inklusive Kontrolle dieser, Schatten und Rundungen. Die Fenster bieten die klassischen Möglichkeiten, wie man sie von Desktopanwendungen kennt, zum Beispiel Schließen, Maximieren und Größe verändern. Fenster können dynamisch erzeugt werden, was auch in der Demo mit Hilfe eines Formulars demonstriert wird. Getestet wurde die Anwendung erfolgreich in FF 2, IE 6 & 7, Safari 2 und Opera 9.

WebAppers

Artikel #552, 21. November 2007 · CSS, xHTML, JS, Webküche · 2 Kommentare · Kommentar schreiben
Tags: , ,
Kommentar-Feed zum Artikel · TrackBack URL · Kurzlink

«
»

2 Kommentare zu „User Interface mit MooTools“

  1. 1
    Kommentar von tboley
    21. November 2007 um 17:04

    Ich überlege gerade schon, für welches Kundenprojekt sich das verwenden lässt :-)

  2. 2
    Kommentar von Nils
    21. November 2007 um 18:52

    Hm, sieht schonmal nicht schlecht aus. Aber ich finde es immer blöd, wenn man mehrere Frameworks mischt. Also ich stehe auf jQuery. Und das jQuery UI gefällt mir auch ganz gut. Aber manchmal macht es ein paar macken.

Kommentar schreiben

Kommentarregeln: Bleib cool, kritisch ist in Ordnung, aber wenn du unhöflich bist, dann lösche ich deinen Kommentar. Bitte benutze deinen persönlichen Namen oder Initialen und nicht den Namen eines Unternehmens, dies würde als Spam gewertet und wird gelöscht. Der Zusammenhang zwischen Namen und URL sollte nicht offensichtlich auf Spam hindeuten! ♥ Ansonsten, vielen Dank für den Kommentar und viel Spaß mit meinem Blog.

E-Mail-Benachrichtigung bei weiteren Kommentaren.
Auch möglich: Abo ohne Kommentar.

Kommentar-Hilfe

händischer Spam:
Beachte die Kommentarregeln, jede Form von versuchtem Spam wird gelöscht. Warum und wieso steht in einem meiner Beiträge.

Bezug auf Textstellen:
Du kannst direkt bezug auf Textstellen im Beitrag nehmen. Dazu muss lediglich der Bereich im Artikel markiert werden; daraufhin erscheint ein Button, der den markierten Text in das Kommentarfeld übernimmt und als Zitat auszeichnet. Die Funktion ist nur bei aktivem JavaScript nutzbar.

xHTML:
Du kannst folgende Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <blockquote cite=""> <code> <pre> <em> <strong> <strike> <ul> <ul> <li>

Achte darauf, wenn du Code im Kommentar hinterlegen willst, dann muss der Code maskiert sein. Dann wird er nicht interpretiert. Der Code muss mit Hilfe von HTML-Entities dargestellt werden, d.h. dass man z.B. < als &lt; und > als &gt; einfügt.

E-Mail-Benachrichtigung bei neuen Kommentaren ?
Wenn der Haken in der Checkbox gesetzt ist, dann wirst du über neue Kommentare vie E-Mail informiert. Der Versand erfolgt nur, wenn du die URL in der Bestätigungs-E-Mail genutzt hast oder schon Abonnent hier im Blog bist.

Kommentar erscheint nicht:
Alle Kommentare werden manuell geprüft, freigegeben und nach Möglichkeit beantwortet. Bitte um etwas Geduld und Nachsicht.

Identifikationsbilder (Avatare):
Auf Gravatar.com kann man sich mit seiner E-Mail-Adresse registrieren und ein Bild hochladen, dann erscheint dieses Gravatar hier und in vielen weiteren Blogs.

Spamschutz:
Das Kommentarformular ist mit einem Spamschutz ausgerüstet. Solltest du diesen Artikel ohne JavaScript besuchen und kommentieren wollen, so muss du die Frage beantworten und das jeweilige Wort in das Textfeld eingeben.