MooTools
Nella varietà di opzioni per la scelta di una libreria Javascript per il proprio sito, MooTools sembra proprio avere un forte ruolo… ed è italiano!!
Ecco una serie di link utili, soprattutto a me per tenere a mente cosa può fare! Se c’è qualche link rotto, segnalatelo con un commento, grazie!
MOOTOOLS JS LIBRARY
- Website: http://www.mootools.net
- Demosite: http://demos.mootools.net
- Documentazione: http://docs.mootools.net
- MooFX: http://moofx.mad4milk.net
- Mootools cheat sheet: http://snook.ca/archives/javascript/mootools_r83_cheatsheet
Ready to start?
- Getting started: http://dev.mootools.net/wiki/gettingStarted
- Piccola guida “quickstart”: http://www.broken-links.com/2007/05/01/a-mootools-quickstart-guide
- Le basi di MooTools: http://blog.mootools.net/2007/10/31/mootools-foundations-natives-and-elements
- Gettin’ start: http://dev.mootools.net/wiki/gettingStarted
Mootools samples
TAB
- Sliding tab: http://creativepony.com/demos/sliding-tabs
- con effetti (personalizzabile): http://www.silverscripting.com/mootabs
- Barra a comparsa: http://www.artviper.net/test/ajaxslide/index.html
- Effetti e skin: http://www.nyokiglitter.com/tutorials/tabs.html
MooRainbow, color picker: http://moorainbow.woolly-sheep.net
Inline editing:
- esempio1: http://dev.justinmaier.com/inlineEdit2
- esempio 2: http://www.artviper.eu/mootoolsinline
Finestre modali - box:
- Lightbox: http://www.phatfusion.net/lightbox
- Mediabox (lightbox / finestre modali PER MULTIMEDIA): http://iaian7.com/webcode/Mediabox
- MultiBox: http://www.phatfusion.net/multibox
- SlimBox, finestra modale “classica”: http://www.digitalia.be/software/slimbox#demo
- SmoothBox: http://gueschla.com/labs/smoothbox
- SLIDEbox: http://www.artviper.net/test/ajaxslide/index.html
- SqueezeBox (utile per semplici finestre modali, Ajax e multimedia: http://digitarald.de/playground/squeeze.html
SlideShow di immagini:
Chart creati dinamicamente da JavaScript: http://www.copix.org/index.php/wiki/Mootools/Charts/en
Image Cropper, veramente d’effetto: http://www.artviper.net/crop.php
Calendario / date picker:
- semplice: http://www.styledisplay.com/mootoolsdatepicker
- “vista-like”: http://dev.base86.com/scripts/vista-like_ajax_calendar.html
- altro esempio: http://www.electricprism.com/aeron/calendar
Time picker:
- selettore visuale: http://www.nogray.com/time_picker.php
- selettore ora: http://j.a.l.free.fr/mootools/timespinner
MacOS Launcher-like: http://www.anieto2k.com/heysilver/index_en.html
FishEye (menu in stile mac): http://zendold.lojcomm.com.br/ifisheye
Menu:
- Slider con immagini: http://www.phatfusion.net/imagemenu/index.htm
- Navigation bar: http://www.chromasynthetic.com/blog/archive/57
- Accordion con immagini: http://www.ryanscherf.net/demos/accordion
- UL-LI con animazione: http://www.robinwinslow.me.uk/scratch/fademenu/FadeMenu.html
- Slider menu: http://www.terninrete.it
- Menu contestuale (tasto dx): http://www.m29i.com/splash/mootext.htm
- ContextMenoo: http://utils.softr.net/contextMenoo
- Menu contestuale !!!esagerato!!!: http://glutock.free.fr/mootools/UI/menu.html
- Fade in trasparenza: http://www.redwoods.co.nz/index.php
- Flash-like menu: http://d1.chromasynthetic.com/mootools/emenu
- Mac-OS like menu: http://b22222.com/swish
News Ticker: http://tekartist.org/labs/mootools/moostick/
Panoramic Images
- Panorama viewer in JS: http://www.silverscripting.com/pamoorama/index.php
Upload
- con progress bar e coda di elementi da uploadare, anche selezione di più file contemporaneamente, eccezionale! http://digitarald.de/playground/uplooad.html
- altro esempio: http://the-stickman.com/files/mootools/multiupload
- solo progress bar, cambia colore! http://verens.com/archives/2007/08/26/progress-bar-for-mootools
Mocha: una gui web interamente in mootools: http://greghoustondesign.com/demos/mocha
Tabelle
- DrasticGrid: ordinabile, editabile, associata a db… http://www.drasticdata.nl/DDExamples.php
- DrasticGrid: combinazione con tagcloud e gmap: http://www.drasticdata.nl/DrasticTools/ExampleMapCloudGrid1.php
- add/remove fields, utile per gestire un DB: http://vladimir.akilles.cl/scripts/mooItems
- ordinabile, dati caricati e paginati in Ajax…: http://joomlicious.com/mootable
- ordinabile, filtri, azioni al click…: http://www.phatfusion.net/sortabletable
Riflessi su immagini: http://www.digitalia.be/software/reflectionjs-for-mootools
Hashtable: http://blog.mootools.net/2007/10/8/what-s-new-in-1-2-the-hash
Drag&Drop:
- esempio con opacità: http://www.chrisesler.com/mootools/mootools-dragwindow.html
Guestbook: http://www.chromasynthetic.com/scripts/demo/jibberbook
MooFlow: slideshow in stile apple. Di fianco si vede l’accordion classico mootools: http://www.outcut.de/MooFlow
Google maps:
- finestra modale con Gmap http://dev.visualdrugs.net/mootools/gmapsoverlay
- finestra modale + coordinate e ajax: http://labs.istrasoft.be/google-maps-lightbox
- coordinate da DB e MooTools: http://www.drasticdata.nl/DDDrasticMap.php
TagClouds: http://www.drasticdata.nl/DDExamples.php
Gallerie (serie) di immagini:
- Avioport (chi l’ha fatta??) http://avioport.tinext.net
- E2: http://www.e2interactive.com/e2_photo_gallery
- SmoothGallery: http://smoothgallery.jondesign.net/what
- Interazione con Flikr, ma si potrebbe personalizzare per qualunque sorgente immagini: http://www.moopix.org
- Altra ben fatta, caricamento progressivo, semplice: http://codeboje.de/imago
- Molto bella, con slider e multi-album: http://www.aaronbirchphotography.com
- Semplice, mono-click, con effetti: http://digitarald.de/playground/remooz.html
Carousel:
- Revolver-like: http://www.monkey.nildram.co.uk/mootools/MooRevolver
- Altro esempio: http://zendold.lojcomm.com.br/icarousel
Form:
- Form Validator: http://zendold.lojcomm.com.br/fvalidator
- Validation: http://moo.floor.ch/docs/files/formcheck-js.html
- Autocompletion (1): http://devthought.com/wp-content/articles/autocompletelist/test.html
- Autocomplation (2): http://digitarald.de/playground/auto2.html
- Mask (campi con maschera di imput): http://zendold.lojcomm.com.br/imask
- Form con effetti di caricamento + Ajax: http://joomlicious.com/Moo.Form
- Gestione select multichoiche, con drag & drop: http://www.saturnasoftware.com/index.php/home/M2MSelector
Scrollbar
- Scrollbar di un div: http://www.solutoire.com/experiments/scrollbar/index.html
Fontsize con slider: http://dev.justinmaier.com/fontSize
Raccolte di esempi:
