Moobile — основанный на MooTools фреймворк для мобильных устройств


    Давненько ничего на хабре не слышно новостей о JS фреймворке MooTools. Между тем, он продолжает своё развитие. На данный момент последняя версия ядра — 1.4.5.

    Однако сейчас разговор о другом. Ещё 20 апреля в своём твиттере разработчики сообщили, что с использованием ядра библиотеки начата разработка фреймворка для мобильных устройств.
    Upd.1 — разрабатывают его не создатели MooTools, спасибо magmoro заметил неточность.

    Итак moobilejs.com.

    Как утверждают авторы, разработка ещё достаточно сырая, версия 0.1.1*. Тем не менее, демку можно посмотреть тут или вот так: goo.gl/dWreE
    На тестовом iPhone 3g всё более-менее работает. Красивые переходы, алерты и привязка к событиям Tap (tapstart,tapmove,tapend), Touchmove, Pinch, Swipe и другие.
    Единственное НО, демо-страница не захотела обнаруживать, что она запущена на реальном устройстве, и работала в том же режиме, что и на десктопе, т.е. на странице отображался эмулятор (хотя это похоже фича).

    На данный момент поддерживаются только основанные на WebKit браузеры:
    • Safari 5.1.5 и выше.
    • Google Chrome 18 и выше

    В дистрибутив разработчика включены следующие пакеты:
    • MooTools, минифицированная и нет.
    • Moobile, минифицированная и нет.
    • Moobile эмулятор.
    • Stylesheets
    • Документы
    • Скрипты для автоматической сборки
    • YUI Compressor

    Используется MVC подход с контроллерами и вьюхами.
    К примеру, грузим вьюху из контроллера:

    this.view = Moobile.View.at('templates/views/hello-world-view.html');
    

    При описании классов используется преимущества MooTools, вот к примеру часть описания контроллера:

    var HelloWorldViewController = new Class({
    
        Extends: Moobile.ViewController,
    
       ...
    
    });
    

    Везде в HTML данные хранятся в популярных HTML5 атрибутах data-*

    <div data-role="button" data-name="hello-world-button">Hello World</div>
    

    Сильной стороной MooTools всегда была анимация посредством изменения свойств стилей объекта. Соответственно и в moobile доступны хорошие возможности такого типа.
    На данный момент основным используемым подходом являются Transitions, которые используются во многих примерах демки для перехода между страницами.

    Из доступных контроллов на данный момент присутствуют следующие:

    Из диалогов пока только
    Dialog

    Надеюсь у ребят всё получится, и сеть обогатится быстрым, лёгким и мощным движком.

    Upd.2 — изменил название, чтобы с уважаемого torkve не слетала шляпа. Изначальная версия выглядела следующим образом: «Используя MooTools начата разработка фреймворка для мобильных устройств — Moobile».
    AdBlock has stolen the banner, but banners are not teeth — they will be back

    More
    Ads

    Comments 18

      +2
      Выглядит неплохо, даже лучше чем, например, Dojo Mobile или Sencha Touch
        0
        Ну всё зависит от критериев. Возможно к версии 1.0 moobile сильно потяжелеет и разрастётся, но пока да, всё выглядит славно
        0
        А разве можно вот так взять и скопировать интерфейс айфона?
          0
          Вы в каком смысле спрашиваете?
          Если про конкретный дизайн кнопочек/окошек в эмуляторе в плане копирайта, то всё меняется с использованием CSS
          +2
          и причем тут создатели mootools, делает какой-то левый чувак. Просто в блоге mootools написали, что есть такой фреймворк.
            0
            Согласен, поправил заголовок, чтобы исключить двухсмысленность
            0
            Насколько я знаю, Mootools расширяет прототипы встроенных объектов?
              +1
              Да, ну и что?
                +1
                Как чуть ли не каждая статья по убунту постоянно собирает срач по поводу нравится юнити/не нравится юнити/я вообще на винде, так чуть ли не каждая статья по мутулс норовит собрать срач по поводу трогает/не трогает прототипы :)
                  +1
                  Самое главное, что никто не может внятно объяснить, чем их не устраивают расширенные прототипы в мутулзе. Единственый аргумент о том, что при кривом способе обхода массива они приносят неожиданное поведение не корректен, т.к. при кривом способе обхода массива это неожиданное поведение и так может быть.
                    +2
                    Согласен. Тем более протипы и были созданы для того чтоб их расширять. Если их изменение это табу, тогда смысл языка теряется для меня :)
                0
                Prototype тоже.
                +1
                Google Nexus one. Демка идёт неплохо, правда совсем немного подтормаживает.
                  0
                  Заголовок намекает нам на Чехова: «Проезжая мимо станции, у меня слетела шляпа».
                    0
                    Изменил заголовок, надеюсь так корректнее. Меня действительно изредка упрекают в излишней тяжеловесности фраз и формулировок.
                      0
                      Он был не тяжеловесный, он был несогласованный)
                    0
                    Кстати есть уже Mootools-mobile
                      0
                      Согласен, есть. Он кстати как раз от одного из разработчиков ядра MooTools: Christoph Pojer — MooTools Core Team Member.
                      Кроме гитхаба страница этой разработки есть на самом сайте MooTools — http://mootools.net/forge/p/mobile

                    Only users with full accounts can post comments. Log in, please.