Просте меню з анімацією на MooTools

Сьогодні ми з вами навчимося робити меню з простою анімацією. Дану реалізацію я підглянув в статті Create a Simple Animated Navigation Menu using MooTools. Її автор використовує це меню в себе на блозі, в чому ви легко можете переконатися (дивіться зверху справа). Або ж клікайте на демонстраційний приклад для перегляду чи тут для завантаження. Щоб додати анімацію він використовує основи HTML, CSS і зовсім трохи MooTools.

Просте меню з анімацією на MooTools

Читати далі »

Товари для MooTools фанатів

Як вам, мабуть, відомо кожен поважаючий себе продукт, що досягнув певного рівня популярності,  має прихильників, які б залюбки носили майки, кепки, тощо з його логотипом. Є попит – буде і пропозиція. Мають свої стильні речі і розробники MooTools.

Вчора ввечері на офіційному блозі з’явився новий запис. Через попит команда фреймворку розмістила нові красиві та модні товари з емблемою MooTools. Їх можна придбати в Сполучених Штатах та Європі.

Читати далі »

Файловий менеджер на MooTools

Chris Pojer, один із розробників MooTools, нещодавно (29го квітня) випустив свій open-source плагін FileManager (Файловий менеджер) для веб’у. Він дозволяє переглядати, завантажувати і змінювати файли та папки за допомогою браузера.

Знімок екрана під час використання цього плагіна:

Файловий менеджер на MooTools

Читати далі »

MooWheel — візуалізація зв’язків

MooWheel надає веб-майстрам зручний інструмент для візуалізації даних за допомогою JavaScript і об’єкта <canvas> (детальніше про об’єкт я писав на цьому блозі в статті MooCanvas або малюємо через JavaScript). На практиці MooWheel може бути використаний для відображення зв’язків між різними об’єктами (людьми, спільнотами, речами, тощо). Розповсюджується під MIT ліцензією. Результат виглядатиме якось так:

MooWheel — візуалізація зв'язків

Читати далі »

Fluid 960 Grid System — набір інтерактивних шаблонів

Сьогодні ми поговоримо з вами про шаблони Fluid 960 Grid System, які дають можливість веб-майстрам мінімізувати загальний час, затрачений на розробку сайту. Динамічна частина цих шаблонів написана на бібліотеці MooTools, а каркас реалізовано на CSS-фреймворку 960 Grid System. Ну, але давайте по порядку.

Читати далі »

Перетягування будь-чого на HTML-сторінці

Часто перед веб-майстром постає завдання реалізувати перетягування (drag) елементів в межах сторінки.

З використанням фреймворку MooTools це завдання стає простим і впоратися з ним можна лише в декілька рядків JavaScript-коду.

Вже готову реалізацію перетягування елементів можна знайти в короткій, але дуже корисній статті «Ultra small code to drag everything in HTML pages».

Перетягування за допомогою MooTools

Читати далі »

Meteora JavaScript віджети

Meteora — це набір кросбраузерних JavaScript віджетів, що дозволяє Web-майстрам створювати сучасні інтерактивні мережеві додатки (applications). Гарно демонструє можливості Meteora флеш-ролик:

Meteora — це програмне забезпечення з відкритими вихідними кодами, створене Astrata Software на основі фреймворку MooTools (версія 1.11) і випущене під MIT ліцензією. Розробники проекту стверджують, що будь-який скрипт, який працює на MooTools, працюватиме і з Meteora. На даний час з офіційного ресурсу проекту можна завантажити Meteora версії 0.6.

Читати далі »

Rabid Ratings v1.2

RabidRatings є простою та легкою для людського сприйняття системою, яка дозволяє користувачам вашого веб-сайту оцінити фактично будь-що. Автор проекту — Michelle Steigerwalt.

Rabid Ratings v1.2

Встановлення — легке — лише скажіть PHP скрипту, як з’єднатися з вашою базою даних і вставте PHP теґ там, де ви хочете мати оцінювання, а решту система зробить за вас.

А найкраще в цьому всьому те, що даний скрипт — безкоштовний.  RabidRatings випущено під LGPL 2.1 ліцензією. Встановіть цю систему і нехай ваш шеф не лише думає, але й знає, що ви безцінний робітник ;)

Читати далі »

MooTools і Flash

Сьогодні ми поговоримо з вами про клас Swiff, який дозволяє комбінувати Flash та JavaScript там, де  не можна обійтися виключно функціоналом MooTools.

Читати далі »

MooCanvas або малюємо через JavaScript

MooTools Canvas (або коротко MooCanvas) — клас, розроблений Olmo Maldonado на основі MooTools версії 1.12, для додавання підтримки канви (полотна) в Internet Explorer’і. Завдячуючи використанню MooTools, клас вийшов модульним та має відносно невеликий розмір. Дане програмне забезпечення поширюється під MIT License.

MooCanvas або малюємо через JavaScript

Читати далі »