リッチインターネットアプリケーションの実装時に検討したい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

書籍

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

top of page

©2016 coliss