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

Trackback

Comments

Theresa Neil

on 2009年1月31日

Great set of JQuery examples!

Thanks

coliss

on 2009年1月31日

Hi, Theresa Neil.
Thank you for visited my site!

cornel

on 2009年2月2日

English version too, please.

coliss

on 2009年2月2日

Hi, cornel.
English page is 30 Essential Controls.

top of page

©2014 coliss