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

Question

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

• Перетащите
• Упорядочить элементы списка по горизонтали, и заставить их вести себя как пункты меню
• сделать вещи на странице видимой или невидимой, в зависимости от того, где мышь зависания

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

Знаете ли вы, что такое список или словарь?

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

---

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

• http://demos.mootools.net/ - реализует небольшой (не широкий) выбор UI особенность
• 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 классов виджетов, исчерпывающая документация (описание каждого класса включает в себя ссылку на демки) и особого упоминания за то, что «Layout Manager» и " CSS Reset ".
• http://www.midorijs.com/ - довольно маленький и простой, не демос

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

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

Answer 1

Попробуйте любой из этих 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 2

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

Также проверьте ajaxians UI section

Answer 3

Заканчивать JQuery и JQueryUI

Answer 4

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

Answer 5

A verygreatmanythingscanbedone в JS.

Answer 6

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

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