Interface MochaUI

Szukając ciekawych rozwiązań, które można by użyć przy projektowaniu interfejsu pewnej aplikacji intranetowej, natknąłem się na MochUI. Polecam szczególnie zobaczenie dema pod adresem: http://mochaui.com/demo/.

Bardzo ciekawe rozwiązanie powstałe na framework’u MooTools oraz nowym elemencie jezyka HTML 5 – canvas. Rozwiązanie to sprawuje się całkiem dobrze w nowym FireFox’ie, Operze oraz Safari. Jak zwykle zacofane IE jeszcze nie wspiera tego elementu, dlatego wykorzystano tutaj dodatkowy skrypt excanvas, ale to już dość obszerny temat dlatego poruszę go na innym wątku.

Demo pokazuje chyba wszystkie elementy tego UI. Dodając swoje efekty z MooTools można uzyskać niezłe rezultaty. Dzięki elementowi canvas, znacznie uproszczono tworzenie m.in. zaokrągleń na rogach box’ów oraz cieni pod nimi. Plugin Windows Parametrics pozwala na dostosowanie tych wartości według potrzeb.

Jeśli zajrzymy do kodu HTML zobaczymy, że znajdują się tam jedynie kontenery, których ID maja określone znaczenie dla działania MochaIU, np. dock pełni podobne funkcje jak pasek zadań windows.

Tworzenie nowych okienek jest niezwykle proste. Można przy tym określić wiele parametrów, nawet gradient na etykiecie okna! Zawartość samego okna może być stworzona z jakiegoś kawałka kodu HTML, załadowana AJAX’em z innej lokacji lub nawet wyświetlić iframe.

Ciekawym rozwiązaniem jest też możliwość tworzenia kolumn (chyba max. trzech), a w nich paneli. Można np. wyświetlić listę opcji w lewym panelu, a po kliku ładować zawartość w głównym panelu.

Do obecnej wersji został dołączony również widget clock, dzięki czemu wygląda to prawie jak pulpit w Viście :P

Ostatnią rzeczą, o której warto napisać jest zapisywanie stanu swojego Workspace. Można w ten sposób zapamiętać otwarte okienka (łącznie z ich położeniem), a później je przywrócić. Po małej modyfikacji może się to odbywać automatycznie, a w dokumentacji znalazłem nawet informację, że można to zapisywać w bazie danych.

Obecna wersja MochaUI to 0.9.5 dlatego z niecierpliwością czekam na finalną. Polecam to wszystkim, którzy zajmują się aplikacjami intranetowymi bądź podobnymi.