リッチインターネットアプリケーションの実装時に検討したい30のUI

日本でも近日発売の「Designing Web Interfaces」から、リッチインターネットアプリケーションを作成するための30のユーザーインターフェイスを紹介します。

30 Essential Controls

サンプルは、一部jQueryベースのものに変更しています。

01. Auto Suggest

Google

02. Carousel

jCarousel

03. Charts & Graphs

Creating accessible charts using canvas and jQuery

04. Collapsible Panels

jQuery plugin: Accordion

05. Combobox

jquery-asmselect

06. Date Picker

Date Picker - jQuery plugin

07. Dialogs

ThickBox

08. Docking

09. Drag & Drop Manager

$.event.special.drop

10. Dynamic Filter

Animated Sortable Data Table

11. Feedback/ Status

12. Fisheye/ Spotlight

Apslab Fish-eye Lense

13. Gauges

JQuery Progress Bar

14. Help Tip/ Quick Tip

BeautyTips

15. Hot Keys

js-hotkeys

16. Hover Action

hoverIntent jQuery Plug-in

17. Hover Detail

BeautyTips

18. Inline Edit

Another In-Place Editor, jQuery Plugin

19. Progress Indicator/ Loading

jQuery Progression

20. Rating

jQuery Star Rating Plugin

21. Record Locator/ Paginator

Virtual Pagination

22. Slider

a Nice Slider With jQuery UI

23. Scoped Search

Create Vimeo-like top navigation

24. Sparklines

jQuery: Sparklines Plug-in

25. Table/ Data Grid

Tablesorter

26. Toolbar

27. Vertical Browser

jquery-column-navigation

28. View Toggle

29. WYSIWYG Editor/ Rich Text Editor

jWYSIWYG

30. Zoom

jQZoom Evolution

書籍

現在、予約受付中とのことです。