Список методов пользовательского интерфейса в браузере?

Question

Я хотел бы знать, что можно сделать в пользовательском интерфейсе браузера (используя браузер + CSS + JavaScript, не используя Flash или Silverlight). Например, я думаю, что это возможно:

• Перетащите
• Расположить элементы списка по горизонтали и заставить их вести себя как элементы меню
• Сделать объекты на странице видимыми или невидимыми, в зависимости от того, где находится мышь

Я признаю, что это широкий вопрос, но это то, что я ищу: обзор доступных методов пользовательского интерфейса (желательно, по крайней мере, с небольшой подсказкой или гиперссылкой относительно того, как реализовать каждый из них).

Вам известен такой список или словарь?

Меня особенно интересуют любые методы взаимодействия и пользовательского ввода (т. Е. Не просто макет страницы и навигация, когда конечный пользователь потребляет только информацию).

---

Редактировать: люди ответили, что я должен посмотреть, какие функциональные возможности реализованы в различных «наборах инструментов JavaScript UI». FWIW, вот мой краткий обзор / резюме после рассмотрения некоторых предложений.

• http://demos.mootools.net/ - реализует небольшое (не широкое) множество функций пользовательского интерфейса
• http://ajaxian.com/by/topic/ui - не организованная или связная ссылка, скорее блог, в котором рассматриваются различные вещи.
• http://jqueryui.com/demos/ - краткое, организованное введение в дюжину взаимодействий и / или виджетов
• http://plugins.jquery.com/ - библиотека из нескольких тысяч «плагинов» в 20 категориях ... более обширная и не так сразу понятная и не так последовательно документированная, как демонстрации jqueryui
• http://www.dojotoolkit.org/ - требуется немного навигации ... самое простое введение во все функции может быть http://dojocampus.org/explorer/
• http://script.aculo.us/ - не очень большой
• http://extjs.com/ - довольно много мощных функций, с хорошим набором демонстраций на http://extjs.com/deploy/dev/examples/samples.html
• http://mochikit.com/ - это еще одна небольшая библиотека
• http://developer.yahoo.com/yui/ - включает в себя около 20 классов виджетов, подробную документацию (каждое описание класса содержит ссылку на демонстрации) и специальное упоминание о наличии «Диспетчера компоновки» и «Сброс CSS».
• http://www.midorijs.com/ - довольно маленький и простой, без демонстраций

Подводя итог, я думаю, что лучшие ответы (т. Е. Самые легкие для просмотра коллекции большинства функций):

• http://extjs.com/deploy/dev/examples/samples.html
• http://dojocampus.org/explorer/
• http://developer.yahoo.com/yui/examples/

Answer 1

A очень отлично много вещей может быть сделано в JS.

Answer 2

Попробуйте любую из этих библиотек JavaScript:

• http://www.dojotoolkit.org/
• http://mootools.net/
• http://jquery.com/
• http://script.aculo.us/
• http://extjs.com/
• http://mochikit.com/
• http://developer.yahoo.com/yui/
• http://www.midorijs.com/

Если вы принимаете HTML Canvas в качестве действительного HTML (Microsoft не делает), вы можете сделать еще больше (требуется поддержка Canvas в вашем браузере):

• https://developer.mozilla.org/en/Canvas_tutorial
• http://www.blobsallad.se/
• http://www.benjoffe.com/code/demos/canvascape/ - шутер от третьего лица

Answer 3

посмотрите документацию на такие вещи, как mootools и jquery UI , есть множество примеров сумасшедших вещей, которые вы можете сделать там.

Также ознакомьтесь с разделом ajaxians UI

Answer 4

Я думаю, что в принципе вы могли бы сделать практически все, о чем вы могли подумать, включая изменение страницы, как она выглядит в ответ на действия пользователя. Я имею в виду, что js может создавать удивительные визуальные эффекты, в том числе довольно сложные анимацию и векторы, и извлекать данные из любого места, которое позволяет использовать ajax, поэтому вы можете отображать все, что хотите, как хотите.

Вопрос в том, сколько ресурсов они занимают на стороне клиента. Хотя практически все возможно, не все обязательно будет практичным, и я сомневаюсь, что есть надежный способ решить, какие вещи будут слишком ресурсоемкими, чтобы их реально реализовать на стороне клиента.

Answer 5

проверить jquery UI http://jqueryui.com/, а также плагины http://plugins.jquery.com/ это всего лишь простой пример того, чего вы можете достичь с помощью Java Script

Answer 6

Проверить JQuery и JQueryUI