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

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

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

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

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

gadget-normal

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

gadget-compact

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

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

Комментариев: 4 на "Гаджет из фотошопа"

  1. Diablo says:

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

    • AjaxBlog says:

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

  2. ADav says:

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

    • AjaxBlog says:

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

*

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>