Beiträge mit dem Schlagwort ‘MooTools’
AJAX und Javascript
Und zwar eine Menge davon. Ganze 70 Scripts gibt’s beim Smashing Magazine zu bewundern. Darunter alte bekannte Scripte, die sich fast in jeder Scriptübersicht wieder finden (Beispiel Fancy Upload, was ich Euch auch hier schon mal präsentiert habe), aber auch einige nennenswerte Neuerscheinungen, z. B. einige sehr schicke DatePicker oder das gut gelungen Upload-Form der ExtJS.
Im Netz gibt es bereits Tonnen von solchen Übersichten. Allerdings fällt momentan auf, dass sich im Endeffekt drei bzw. vier Bibliotheken um die “Krone” streiten. Zum einen sind da JQuery und Mootools, aber auch Prototype und YUI. Wer sich in diesem Zusammenhang beispielsweise mit Joomla beschäftigt, dem fällt auf, dass sich der Kern von Joomla mit MooTools beschäftigt, sich aber einige Erweiterungen an anderen Bibliotheken vergnügen.
Passt der Designer oder eben derjenige, der sich aus den umfangreichen Erweiterungsmöglichkeiten von Joomla die benötigten Module zusammenklickt, an dieser Stelle nicht wirklich auf, kann es durchaus passieren, dass sich verschiedene Scripte in die Wege kommen. Da hier oft nicht die minified Versions in den Erweiterungen verwendet werden, sondern die oft noch großen Entwicklungspakete (wobei ich gar nicht weiß, ob es von Prototype eine minified Version gibt), wird die Seite schnell richtig groß. Im DSL-Zeitalter ist das Laden der Seite nicht mehr das Problem, die Geschwindigkeit mit der allerdings die JS-Engine der Browser den JavaScript-Code verarbeiten aber schon.
Insofern achte ich vermehrt darauf, dass verwendete Erweiterungen (und da war Joomla nur ein Beispiel, das Gleiche gilt für Wordpress, Drupal und viele andere CMS oder Blog-Systeme für die viele Erweiterungen angeboten werden) immer gut zusammenpassen. Manchmal ergeben sich so durchaus aus Sparpotenziale im Code, die man nutzen kann und sollte.
Quelle: 70 New, Useful AJAX And JavaScript Techniques
Quelle: Mootools-Sammlung hier im astBlog
MooTools Script Sammlung
In letzter Zeit haben sich einige Javascript Bibliotheken als ständig präsente Frameworks unter den Webentwicklern etabliert. Selbst große, bekannte Projekte wie Joomla oder Wordpress setzen keine selbstgeschriebenen JS-Frameworks ein, sondern greifen in den Basisfunktionen auf fertige, frei verfügbare Frameworks zurück.
Die bekanntesten Vertreter dieser Gattung dürfen Prototype, JQuery, YUI und MooTools sein. Bei Allen wird eine gewisse Grundfunktionalität zur Verfügung gestellt, die es dann gilt durch eigene Erweiterungen in einem Projekt mit Leben zu füllen.
Im Netz gibt es immer mehr Quellen, die auf Basis dieser Frameworks Scripte für bestimmte Einsatzgebiete zur Verfügung stellen und so den Entwicklern einiges an Arbeit abnehmen, wobei oft nur noch kleinere Anpassungen notwendig sind um die Scripte in eigene Projekte oder Anwendungen zu integrieren.
Nachfolgend mal eine Auswahl meiner Scriptsammlung, die unter dem Mootools Framework funktionieren.
MooFlow
MooFlow ist ein Gallery-Script, das ähnlich Apples iTunes funktioniert. Verschiedene Bilder können geladen werden, die Reflexionen werden automatisch erstellt. Zudem ist eine Zoomfunktion im Lightbox-Stil verfügbar.
Link: http://www.outcut.de/mooflow/overview/
Lizenz: MIT-Style Licence
Phatfusion Image Menu
Das Image Menu von Phatfusion stellt eine Menükomponente im Sliding-Stil zur Verfügung. Das Menü kann schön im Header platziert werden und stellt so einen Blickfang auf einer Website dar.
Link: http://www.phatfusion.net/imagemenu/
Lizenz: MIT Licence
JQuery Script Sammlung
Ähnlich wie die Verwendung von Mootools in Joomla, verwendet beispielsweise Wordpress die Bibliothek JQuery. JQuery vereinfacht analog Mootools die Anwendung von JavaScript, was sich insbesondere auf die so beliebten Web 2.0 Effekte auswirkt (Info: wer sich für die genauen Unterschiede von Mootools und JQuery interessiert, der findet hier weitere Hintergründe).
Passend eingesetzt ergeben sich nicht nur auf modernen Seiten sehr nützliche und praktische Anwendungen, die dem Nutzer die Anwendung einer Seite (oder Webanwendung) erleichtert, die Bedienung vereinfacht oder die Usability erhöht.
Nachfolgend findet Ihr eine kleine Auswahl an JQuery Scripte und Tutorials, die sich gut an viele Designs anpassen lassen.
Sliding Panel
Das Script ist eigentlich für ein Login-Panel gedacht, das vom oberen Bildschirmrand ein- und ausfadet. Es kann leicht jede andere Art von Content aufnehmen und so ein netter Effekt auf der Seite werden.
Link: http://web-kreation.com/index.php/tutorials/nice-clean-sliding-login-panel-built-with-jquery/
Mega Drop Down Menu
Ist ein sehr schön gemachtes Plugin für ein Drop Down Menü, das ohne Probleme bei entsprechender Gestaltung auch eine größere Anzahl an Links aufnehmen kann.
Link: http://www.sohtanaka.com/web-design/mega-drop-downs-w-css-jquery/