リッチインターネットアプリケーションの実装時に検討したい30のUI
Post on:2009年1月30日
日本でも近日発売の「Designing Web Interfaces」から、リッチインターネットアプリケーションを作成するための30のユーザーインターフェイスを紹介します。
サンプルは、一部jQueryベースのものに変更しています。
01. Auto Suggest
![サンプルのキャプチャ](/wp-content/uploads/2009013003-01.png)
02. Carousel
![サンプルのキャプチャ](/wp-content/uploads/2009013003-02.png)
03. Charts & Graphs
![サンプルのキャプチャ](/wp-content/uploads/2009013003-03.png)
Creating accessible charts using canvas and jQuery
04. Collapsible Panels
![サンプルのキャプチャ](/wp-content/uploads/2009013003-04.png)
05. Combobox
![サンプルのキャプチャ](/wp-content/uploads/2009013003-05.png)
06. Date Picker
![サンプルのキャプチャ](/wp-content/uploads/2009013003-06.png)
07. Dialogs
![サンプルのキャプチャ](/wp-content/uploads/2009013003-07.png)
08. Docking
![サンプルのキャプチャ](/wp-content/uploads/2009013003-08.png)
09. Drag & Drop Manager
![サンプルのキャプチャ](/wp-content/uploads/2009013003-09.png)
10. Dynamic Filter
![サンプルのキャプチャ](/wp-content/uploads/2009013003-10.png)
11. Feedback/ Status
![サンプルのキャプチャ](/wp-content/uploads/2009013003-11.png)
12. Fisheye/ Spotlight
![サンプルのキャプチャ](/wp-content/uploads/2009013003-12.png)
13. Gauges
![サンプルのキャプチャ](/wp-content/uploads/2009013003-13.png)
14. Help Tip/ Quick Tip
![サンプルのキャプチャ](/wp-content/uploads/2009013003-14.png)
15. Hot Keys
![サンプルのキャプチャ](/wp-content/uploads/2009013003-15.png)
16. Hover Action
![サンプルのキャプチャ](/wp-content/uploads/2009013003-16.png)
17. Hover Detail
![サンプルのキャプチャ](/wp-content/uploads/2009013003-17.png)
18. Inline Edit
![サンプルのキャプチャ](/wp-content/uploads/2009013003-18.png)
Another In-Place Editor, jQuery Plugin
19. Progress Indicator/ Loading
![サンプルのキャプチャ](/wp-content/uploads/2009013003-19.png)
20. Rating
![サンプルのキャプチャ](/wp-content/uploads/2009013003-20.png)
21. Record Locator/ Paginator
![サンプルのキャプチャ](/wp-content/uploads/2009013003-21.png)
22. Slider
![サンプルのキャプチャ](/wp-content/uploads/2009013003-22.png)
23. Scoped Search
![サンプルのキャプチャ](/wp-content/uploads/2009013003-23.png)
Create Vimeo-like top navigation
24. Sparklines
![サンプルのキャプチャ](/wp-content/uploads/2009013003-24.png)
25. Table/ Data Grid
![サンプルのキャプチャ](/wp-content/uploads/2009013003-25.png)
26. Toolbar
![サンプルのキャプチャ](/wp-content/uploads/2009013003-26.png)
27. Vertical Browser
![サンプルのキャプチャ](/wp-content/uploads/2009013003-27.png)
28. View Toggle
![サンプルのキャプチャ](/wp-content/uploads/2009013003-28.png)
29. WYSIWYG Editor/ Rich Text Editor
![サンプルのキャプチャ](/wp-content/uploads/2009013003-29.png)
30. Zoom
![サンプルのキャプチャ](/wp-content/uploads/2009013003-30.png)
書籍
現在、予約受付中とのことです。
sponsors