Bananas Development Blog: share your thoughts

Mif.tree mit Mootools 1.3.2

Das aktuelle Release von Mif.Tree funktioniert nicht mit Mootools 1.3.2 nocompat. Nun habe ich mal damit angefangen die Beispiele mit der aktuellen Version von Mootools zum fliegen zu bringen.

Hier der Code.

Wer mitmachen will kann sich hier beteiligen.

Mootools, und zwar viel davon

Wer gerene mit Mootools arbeitet, so wie ich, der wir in den 2 Beiträgen sicherlich was tolles finden:

10 MooTools Image and Content Sliders
With CSS3 stealing all of the design headlines recently, and with jQuery as popular as it is, it is very easy to forget about any other image and content slider/gallery options you may have. And as such, in this post, we take a look at the best of what MooTools can offer. As you will see, the results are pretty impressive.


50 of the Best Ever MooTools Plugins and Tutorials
I hope no one has forgotten about MooTools as jQuery seems to be taking over the world. Yes, jQuery is by far and away the more popular Javascript Framework, but is it better than MooTools? They both offer the same functionality and they can both be dropped into any website with relative ease. I suppose it just comes down to preference.
Below you will find a selection of 50 of the Best Ever MooTools Plugins and Tutorials.


Dashboard mit MooTools

Ein Dashboard hat bestimmt schon jeder mal gesehen. Eines bei dem man die Elemente bewegen/verschieben kann bestimmt auch.

Wie man das macht und was man dazu braucht wird hier in dem folgenden Tutorial erklärt. Und sogar auf Deutsch ;-)

In diesem Tutorial beschreibe ich, wie Ihr ein Drag & Drop Dashboard mit automatischem Speichern in Cookies mit Javascript und Mootools realisiert.

Dazu benötigt Ihr Grundkenntnisse von Javascript und Mootools sowie ein wenig CSS & HTML Kenntnisse.

Einfaches Javascript Dashboard mit MooTools (Mirror)

via: webmasterpro.de

Lightboxes im Vergleich

Jeder kennst sie, und jeder möchte eine verwenden.
Aber da es ja so viele davon gibt, fällt manchmal die Auswahl schwer.

Hier ist eine Übersicht die Abhilfe schaffen soll:
10 Javascript Lightboxes im Vergleich

via: http://blog.wowa-webdesign.de/

Beispiele für Mootools

Ha, mal endlich wieder was mit mootools gemacht.

Dabei war ich auf der Suche nach Beispielen, denn man muss ja nicht immer das Rad neu erfinden.

48 incredible Mootools Sripts By Jeeremie

Viel Spass mit den Beispielen !

Ordnerbäume mit Javascirpt erstellen

Es gibt keinen besseren Weg eine Strucktur darzustellen als die Darstellung als "Baum".

In dem folgenden Beitrag finden man nun 10 Beispiele wie man so entwas lösen kann.

Javascript Tree view and sitemap are good tools to display the structure of your website. I have collected 10 plugins and tutorials that will save your time hunting for one.

10 Javascript & CSS TreeView and Sitemap Plugins and Tutorials

Banana
out.

Mootools Kalender: Eightysix

Man kennt ja den Mootools calendar aber nun habe ich noch einen gefunden, der mindestens genauso gut ist.



Calender Eightysix documentation and examples

Banana
out.

jQuery vs MooTools

Einfach mal lesen.

Most people getting started with JavaScript these days are faced with the challenging task of picking a library to use, or at least which one to learn first. If you're working for a company chances are they have already chosen a framework for you, in which case the point is somewhat moot. If this is the case and they've chosen MooTools and you're used to jQuery, then this article might still be of some use to you.


jQuery vs MooTools

Banana
out

Javascript Bibliotheken

Jeder kennt script.aculo.us, prototypejs, jquery und mootools.

Aber wer kennt:
- JSTweener
A tween library for JavaScript based on Tweener Class for tweening and other transitions via ActionScript code for Flash.
- ActiveRecord.js
ActiveRecord.js is a cross browser, cross platform, stand-alone object relational mapper. It shares a very similar vocabulary to the Ruby ActiveRecord implementation, but uses JavaScript idioms and best practices.
- Raphaël
JavaScript library that will simplify your work with vector graphics on the web. It uses SVG and VML as a base for creating graphics and currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.

etc.

Nun, sehr wenige warscheinlich. Daher lege ich euch mal folgende Übersicht ans Herz:

List of Really Useful JavaScript Libraries

Enthält alles von
Animation,Audio / Video, Database, Image Processing / Visualization / Drawing
bis
Utilities (Others)

Viel spass damit

banana
out

Bilderkarussell mit MooTools

Nein wir gehen nicht auf den Jahrmark und drehen ne Runde um Karusell.

Wir lassen die Bilder drehen.

Hier sind zwei schöne Beispiele wie man Bilder als slideshow oder auch Bildergallerie darstellen kann.

Dazu braucht man nur ausagekräftige Bilder und MooTools

One of the most common problems a web developer usually face is related to continuously rotate a fragment of content. It can be a presentation of headlines, small fragments of news or a list of thumbnails. The nature of the thing being rotated doesn't matter too much here because all those kind of applications share always the same idea: Rotating. This objective can be achieve in different ways like fading and scrolling. Well here is iCarousel becomes useful. It's a one step forward trying to generalize all those types of widgets providing a rich presentation and making the task easy to be done.

iCarousel

* Carousel.us is a Javascript 3D carousel, using either MooTools framework and Reflection.js by Christophe Beyls, or Prototype.js and Script.aculo.us frameworks with Reflection.js.

Carousel.us

Viel Spass damit.

Ich werde sicherlich das Erste verwenden.

banana
out.

MooTools based FileManager

Olla was sehen da meine Augen denn da ?

MooTools + Filemanager + TinyMCE ?

phewww. was besseres gibt es doch gar nicht oder ?


Demos
FileManager + Simple Image Selection + Localized FileManager
TinyMCE Integration

Download
Download 1.0RC1

banana
out...

The Lightbox Clones Matrix

Comparison of various scripts that display images
and other objects in somehow cool CSS popups


The Lightbox Clones Matrix

banana
out.

Bilder online bearbeiten

Wer schon mal online Bilder bearbeiten hat wird um die Möglichkeit das zuschneidens nicht herumgekommen sein.

Hier sond tolle Beispiele und fertige Scripte die so was ermöglichen:

Best Image Croppers ready to use for web developers

- Yahoo! UI Library ImageCropper
- Kroppr
- Jcrop
- MooCrop


banana
out.

Den Dateiupload besser gestalten

Es gibt viele Möglichkeiten den Upload von Dateien besser zu gestallt und sogar anzuzeigen wie lange man noch braucht.

Hier ein paar Beispiele wie man es machen kann und vielleicht auch direckt einsetzbar.

File uploaders collection for web developers

- Yahoo! UI Library Uploader
- jQuery.MultiFile
- FancyUpload
- Steve Sanderson’s jQuery Ajax uploader
- MooMultiple file upload


Banana
out