Вивчаємо MooTools крок за кроком

Серія статей з блоґу «В курсе Web’a» на російській мові для тих, кого цікавить вивчення MooTools крок за кроком. Автор: Бекбулатов Александр.

Читати далі »

7 MooTools плагінів, про які варто знати

David Walsh Blog

«7 MooTools Plugins You Should Use on Every Website» (стаття англійською мовою) — публікація з блогу Девіда Уолша, в якій він коротко розказує про 7 ненав’язливих MooTools плагінів, які варто використовувати на кожному сайті. В збірку попали: AutoGrow, FancyForm, Milkbox, Quickboxes, SmoothScroll, Tips, ZebraTables.

Читати далі »

MooTools для початківців (уроки)

Цикл статей на сайті Временно.нет присвячений фреймворку MooTools (російською мовою).

MooTools для початківців (уроки)

Цитата автора циклу: „MooTools вважається більш «програмерським» фреймворком (відповідно, jQuery дизайнерським). Однак і той, і інший мають ряд переваг і дуже зручні в роботі. От тільки про jQuery ми говорили з самого початку, а MooTools до цього не торкалися. Треба виправити це непорозуміння ;-) “.
Читати далі »

ImageCaption: чіпляємо надписи до малюнків

ImageCaption: чіпляємо надписи до малюнків

ImageCaption — плагін для MooTools 1.2+, який покликаний полегшити додавання надписів до малюнків на веб-сторінках. Плагін легко налаштовується, а зображення оформляються за допомогою CSS-стилів. Щоб побачити ImageCaption в дії, натисніть на ілюстрацію до цієї статті.

Перші кроки до використання ImageCaption

  1. Завантажте ядро бібліотеки MooTools.
  2. Завантажте плагін ImageCaption (ZIP-файл).
  3. Розмістіть ядро бібліотеки MooTools всередині вашої робочої папки.
  4. Розархівуйте ImageCaption.js (цей файл знаходиться всередині ImageCaption.zip) і покладіть всередині вашої робочої папки.

Читати далі »

Reflection.js для MooTools

Reflection.js для MooTools — це модифікований варіант скрипту Reflection.js (дзеркальне відображення), переписаний на основі JavaScript-фреймворку MooTools. Він дозволяє миттєво додати ефект відображення для зображень в сучасних браузерах, маючи доволі невеликий розмір — 2 Кб.

Reflection.js для MooTools

Читати далі »

mooRainbow — інструмент для вибору кольору

Іноді потрібно надати користувачеві можливість на сайті наочно вибрати колір.  Звичайно той не зобов’язаний пам’ятати коди кольорів, тому варто використовувати різноманітні Color Picker’и. Про одне з таких рішень, що реалізоване на MooTools, і піде мова нижче.

mooRainbow — інструмент для вибору кольору на MooTools

mooRainbow — потужний JavaScript інструмент для вибору кольору, що дозволяє Вам візуально вибрати і використовувати кольори як в настільних програмах.

Читати далі »

MooFlow — фотогалерея на MooTools

MooFlow — ефектна фотогалерея, яка має наступні можливості: автопоказ, автоматичне масштабування при зміні розмірів вікна, функцію повноекранного перегляду, прокрутку колесом миші та стрілками на клавіатурі, дзеркальне відображення за допомогою JavaScript, завантаження зображення за допомогою JSON, тощо.

MooFlow — фотогалерея на MooTools

Читати далі »

Pamoorama: показуємо панорамні зображення

Pamoorama — це простий скрипт, який дозволяє показувати великі панорамні зображення. Він досить малий за розміром (5 Кб), правда, до цього слід додати розмір фреймворку MooTools, на якому працює Pamoorama. Для роботи скрипту не потрібно CSS-файлу, лише зовсім трохи HTML.

Pamoorama

Читати далі »

MooScroll — красивий скрол-бар для сайту

MooScroll — клас, який дозволяє настроювати вигляд скрол-бару, використовуючи div-елемент, що прокручується. Виглядати це може так, як на малюнку нижче.

MooScroll — красивий скрол-бар

Читати далі »

10 останніх повідомлень з Твіттера

В даній статті я покажу вам, як легко за допомогою MooTools можна вивести n записів з вашого (і не лише вашого) твіта. Зразу уточню. Ідея та реалізація не моя, я підглянув її в статті Unobtrusive Twitter and Delicious feeds using MooTools (Alex Gibson).

Читати далі »