Peter Kröner, Webdesigner & Frontendentwickler - Weblog und Portfolio von Peter Kröner, einem Webdesigner und Frontendentwickler aus Westerkappeln bei Osnabrück.

Nachdem wir in den letzten Teilen der Serie die Basics hinter uns gebracht haben, geht es heute um die eigentlichen Bausteine des Mootools-Frameworks: Objekte. Mootools ist objektorientiert und wir schauen uns in diesem Teil der Serie an, wie man diese verwendet. Außerdem exerzieren wir damit ein Tutorial durch, an dessen Ende wir ein Script mit Ajax- und Drag&Drop-Funktionen geschrieben haben werden – in nur 11 Zeilen Mootools-Code.

Die gesamte Artikelserie:

1. Mootools im Überblick
2. Dollars und Events
3. Ein Tutorial mit Objekten
4. Klassen erstellen und erweitern
5. Programmieren im Mootools-Stil

Kompletten Artikel lesen

Im zweiten Teil der Mootools-Artikelserie heißt es nun: ran an den Code! Mit der Einführung zu den Dollar- und Eventfunktionen geht es vor allem erst mal darum, zu zeigen, dass sich einfache Aufgaben mit Mootools auf einfache Art und Weise lösen lassen. Um die schwergewichtigen Aufgaben, die eigentlich die Paradedisziplin von Mootools sind, wird es erst in späteren Teilen gehen.

Die gesamte Artikelserie:

1. Mootools im Überblick
2. Dollars und Events
3. Ein Tutorial mit Objekten
4. Klassen erstellen und erweitern
5. Programmieren im Mootools-Stil

Kompletten Artikel lesen

Manchmal glaube ich, wenn ich so durch den Feedreader blättere, dass jQuery kurz davor steht, ein Synonym für Javascript-Framework zu werden. Das ist ein bisschen schade – alle Welt scheint nur jQuery zu benutzen, dabei gibt es doch viele andere, tolle Javascript-Frameworks, die ähnliches leisten. Eins davon ist Mootools, für das ich ja schon etwas länger unorganisiert Propaganda verbreite. Diese Artikelserie soll eine etwas umfangreichere Abhandlung über Mootools werden, die auch für Otto Normaljavascriptuser zugänglich sein soll.

In diesem ersten Teil soll es darum gehen, erst mal Sinn und Zweck eines Javascript-Frameworks zu erklären und einen kurzen Überblick über die Geschichte und Vorzüge von Mootools zu geben.

Die gesamte Artikelserie:

1. Mootools im Überblick
2. Dollars und Events
3. Ein Tutorial mit Objekten
4. Klassen erstellen und erweitern
5. Programmieren im Mootools-Stil

Kompletten Artikel lesen

Ein Design wie das meines Blogs sind praktisch kaum mit flexibler Breite umtzusetzen. Die diversen Schatteneffekte würden es nötig machen, an allen Kanten und Ecken von Boxen mehrere Einzelgrafiken einzusetzen – das geht, ist aber mühsam, unwartbar und schadet der Performance. Eine Lösung hierfür kündigt sich mit der CSS3-Eigenschaft box-shadow an. Die Vorstellung dieses feinen Stücks CSS-Technik ist ein neuer Teil für die Serie schönes neues CSS, deren andere Teile ich an dieser Stelle auch nochmal empfehlen möchte:

• Textschatten mit CSS
• Alternative Farbangaben
• Über font-size-adjust
• Der General Sibling Combinator
• Die Appearance-Eigenschaft
• CSS-Transforms
• Die Rückkehr der Tabellen
• Box-sizing

Kompletten Artikel lesen