Гаджет из фотошопа

Гаджет из фотошопа

Для одного рабочего проекта нужно было создать «по быстрому» прототип системы. Основная логика интерфейса была,  все что видеть пользователь – это гаджет. К сожалению интерфейс не был одобрен руководством, а прототип остался, по этому, если кто-то использует его в своем проекте, я не буду против. Обращаю ваше внимания, так как это прототип делали «по быстрому» – то дизайн и логика поведения была взята с одной очень уважаемой мною программы.

И так что он умеет:

  1. Двигаться по странице (move)
  2. Изменять размеры (resize)
  3. Имеет возможность настроить максимальную ширину панели (max width)
  4. Имеет два состояния: нормальное (normal) и компактное (compact)
  5. Имеет возможность сортировать гаджеты внутри панельки (sort)
  6. Просмотр в компактном режиме

Нормальный режим

gadget-normal

Компактный режим

gadget-compact

Смотрим:  рабочий пример гаджета

Технология:  jQuery + UI, CSS, HTML – все просто. Если кому-то нужно будет доработать гаджет или адаптировать к своим требованием, пишите – договоримся.

Комментарии (4) »

  1. И в чем польза от этого гаджета? :)

    • Например, если вы веб-разработчик, это может помочь в разработки интерфейса для вашего приложения. Вся js-логика прописана, осталось поменять дизайн и все.

  2. ADav

    Я конечно извиняюсь, но как можно скачать этот гаджет?

    • Все просто заходите в пример и «сохранить все». Судя по вопросу вы не очень хорошо знакомы с веб технологиями. я бы порекомендовал вам найти на фриласе человека который помог вам настроить этот гаджет для вашего проекта.

Оставить комментарий