W całym Internecie jest wiele ciekawych i godnych polecenia fragmentów kodu, jakie możemy wykorzystać na tworzonych stronach. Sam ich używam i chciałem choć kilka fajnych fragmentów kodu zebrać w jednym miejscu. Co prawda nie możliwe jest zebranie ich wszystkich, ale te kilka zastosowań Mootools przyda się nie tylko mi.
W skrócie czym jest Mootools znajdziemy w kursie:
Przykłady Mootools:
- TimeSpinner : widget wyboru czasu (mootools)
- Colorpicker pozwala na wizualny wybór koloru (mootools)
- Galeria w Mootools
- Bardzo ładny widget systemu do głosowania – oparty o Mootols oraz o PHP5 (mootools)
- Auto uzupełnianie listy w polu tekstowym (mootools)
- Rozmiar czcionki (mootools)
- Tworzenie tabel w oparciu o HTML-a (mootools)
- Siatka tabeli z obsługą edycji w linii (mootools)
- DrasticCloud jest chmurką tagów, która używa bazy MySQL jako źródło danych. Ma możliwość wielu konfiguracji. (mootools)
- DrasticMap jest komponentem opartym na Ajaksie, który wyświetla dane z bazy MySQL na mapie Google. (mootools)
- Lightbox, który obsługuje nie tylko obrazki, animacje flash, pliki video, mp3 oraz elementy języka html. (mootools)
- fValidator to JavaScriptowe narzędzie do prostego sprawdzania czy odpowiednie pola formularza zostały wypełnione. (mootools)
- MooFlow jest galerią opartą na JavaScripcie. (mootools)
- Ładny i użyteczny kalendarz (mootools)
- Time Picker wykorzystujący interfejs drag and drop (mootools)
- Kolejny edytor in-line (mootools)
- Suwak do zaokrąglania rogów okna (mootools)
- Dynamiczna zmiana wysokości elementu (mootools)
- Animowane menu od mootols – przykład menu prosto ze strony głównej frameworka. Trzeba przyznać robi wrażenie i to nie małe na osobach oglądających te menu po raz pierwszy. Dość częstym komentarzem jest: “działa jak by to było we Flashu, ale nie jest…“;
Poradnik implementacji, zastosowania kodu mootools został opisany na blogu, znajdziecie tam też gotowe przykłady (mootools).
- Kolejne menu w (mootools)
- Videobox: Lightbox dla filmów (działa z:Youtube, Metacafe, Google Video, iFilm i z plikami flash użytkownika) (mootools)
- Przesuwany pasek kart, których zawartość się zmienia podczas przechodzenia pomiędzy kartami (mootools)
- Obracana galeria (mootools)
- Demonstracja narzędzia do generowania elementów formularza (mootools)
- Tworzenie listy rzeczy do zrobienia (mootools)
- Edytor postów, wiadomości itd. (mootools)
- Obrazek panoramy (mootools)
- Przeciąganie za pomocą myszki bloku (mootools)
- Nakładka gmaps – po kliknięciu na odnośnik, przenoszeni jesteśmy we wskazane miejsce (mootools)
- Wtyczka do tworzenia panelu bocznego (3 sposoby) (mootools)
- Wyświetla ostatnie dziesięć nagłówków z najnowszych wiadomości (mootools)
- Skrypt do sprawdzania poprawności formularza (mootools)
- sLedit edytor testu, obrazków oraz innych kontrolek (mootools)
- Powiększanie / pomniejszanie pola tekstowego (mootools)
- PBBDatePicker v1.1 – cztery sposoby na wyświetlenie kalendarza (mootools)
- JibberBook – księga gości (mootools)
- Rozdzielacze (mootools)
- Imago – kolejna galeria zdjęć (mootools)
- Pasek postępu (mootools)
- MooPix – pokaz slajdów w oparciu o zdjęcia zamieszczone na Flickrze (mootools)
- Poziome menu (mootools)
- Zaokrąglone rogi prostokąta (mootools)
- ReMooz – galeria podobna do opartej na Lightboxie (mootools)
Ok, niebawem kolejna porcja przydatnych kodów…
Zobacz także:
:
. Czemu? 