Ich fange hier mal eine Artikelsammlung rund um Mootools an, da das ja ein durchaus interessanter Aspekt von TYPOlight ist.
Englische Artikel:
- jQuery vs. MooTools: Artikel beleuchtet die unterschiedlichen Ansätze der beiden Frameworks
- Allgemeine MooTools Seite mit MooTools Demos
- MooTools Tutorial Website
- eSteak MooTools Slices
Deutsche Artikel:
- Mootools für die Massen. Teil 1: Mootools im Überblick
- Mootools für die Massen, Teil 2: Dollars und Events
- MooTools 1.2 Einführung "Hello World"
Schöne Anwendungsbeispiele als Anregung was mit MooTools so möglich ist:
Große Liste von Websites die mit MooTools arbeiten (Schwergewichte wie "CNET Networks", "MTV Germany", "Stanford University", ...)
Ganze Effekt-Sammlungen/Aufbauten:
- phatfusion Sammlung
- mocha(ui) - MooTools Web Application User Interface mit mocha Demo
- Meteora Application Sammlung auch mit meteora Demos
- Uvumi Sammlung auch mit diversen Demos
- JxLib - a javascript library for creating graphical user interaces
- moo.rd Erweiterung
Einzelne Effekte:
- JavaScript Table Row Highlighter Class using Mootools
- Slideshow 2
- Color Selection Sphere
- Sortables - super simple
- Rubber Band Selection
- Drawers
- Unlimited Drop Menu
- Reflection.js for MooTools
- Unobtrusive JavaScript date-picker widgit
- BarackSlideShow
- MooFlow Galerie
- Fancy Sliding Menü
- Fancy Sliding Side Bar
- NoobSlide
- Textbox List
- Calendar (von Electricprism)
- Fancy Upload
- MooTools ToolTips
- MooTabs
- MooRainbow
- Fisheye-menu
- ddMenu Demo
- BeSlimed MooTools Game
Quellen für diese Liste: Google, Medianotions Blog, Kulando Blog, astBlog
Noch eine Anmerkung die mir persönlich wichtig ist:
Plant eure MooTools Scripte immer so, dass man auch dann noch auf die Inhalte zugreifen kann wenn aus irgendeinem Grund Javascript nicht aktiv ist (z. B. weil die Sicherheitseinstellungen in einem Firmennetzwerk so hoch sind oder die Leute mit Handy/PDA/etc. unterwegs sind die JS zum Sparen von Übertragung einschränken oder ganz unterbinden). Bei CNet sieht man, was passiert, wenn man daran nicht denkt. Der Effekt für die Teaser mit Bild oben auf der Startseite ist sehr cool. Wenn JS inaktiv ist, kann man die Inhalte aber überhaupt nicht mehr lesen, da alles übereinander klebt!
Bei der Stanford University sieht man hingegen, wie man es richtig macht. Mit aktivem JS kann man oben die Subnavi schön ausfahren. Ohne JS kann man aber die Hauptpunkte der Navi immer noch anklicken und kommt dann auf der Folgeseite regulär zu allen Subinhalten. Mit JS gibt es also einen Usability-Bonus, aber ohne JS kann man die Seite auch sauber nutzen.
Das unterscheidet in meinen Augen einen normalen Programmierer von einem guten Programmierer
Zum Thema passt noch: Ajax-Extensions barrierefreier machen
Lesezeichen