[B! UI][javascript] nantanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

nantan id:nantan

UIã¨javascriptã«é–¢ã™ã‚‹nantanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

å¿«é©ãªUXã‚’å®Ÿç¾ã™ã‚‹Optimistic Updates(æ¥½è¦³çš„æ›´æ–°)ã¨ã¯ä½•ã‹
å…ˆæ—¥ã€ã¨ã‚ã‚‹JavaScripté–¢é€£ã®è¨˜äº‹ã‚’èªã‚“ã§ã„ãŸã¨ã“ã‚ã€"Optimistic Updates" ã¨ã„ã†æŠ€è¡“ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ æ—¥æœ¬èªžã«ç›´ã™ã¨ "æ¥½è¦³çš„æ›´æ–°" ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ ã¯ã˜ã‚ã¦èžã„ãŸè¨€è‘‰ã§ã€æ—¥æœ¬èªžã®è¨˜äº‹ã‚‚è¦‹å½“ãŸã‚‰ãªã‹ã£ãŸãŸã‚è¨˜äº‹ã«ã—ã¦ã¿ã¾ã™ã€‚ Optimistic Updatesã¨ã¯ Optimistic Updatesã¨ã„ã†ã®ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚„SPA(Single Page Application)ãªã©ã§ä½¿ã‚ã‚Œã‚‹æŠ€è¡“ã§ã€éžåŒæœŸã®é€šä¿¡å‡¦ç†ãŒæˆåŠŸã™ã‚‹ã¨ã„ã†å‰æ(æ¥½è¦³)ã®ã‚‚ã¨ã«ã€é€šä¿¡ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’å¾…ãŸãšã«æ¬¡ã®å‡¦ç†ã‚’è¡Œã†ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ æœ€ã‚‚å¤šã„Optimistic Updatesã®ä½¿ã„æ–¹ã¯ã€UIã¸ã®åæ˜ ã‚’ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®çµæžœã‚’å¾…ãŸãšã«è¡Œã†ã¨ã„ã†ã‚‚ã®ã§ã—ã‚‡ã†ã€‚ Optimistic Updatesã®ä¾‹ ä¾‹ãˆã°ã€ã‚ˆãã‚ã‚‹ã€Œã„ã„ãã€ãƒœã‚¿ãƒ³ã®ã‚ˆã†ãªã‚‚ã®ã«Optimisti
nantan 2016/10/07
Ajax

SinglePageApplication

JavaScript

UX

UI
ãƒªãƒ³ã‚¯
[JS]ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„ï¼ã‚µã‚¤ã‚ºãƒ»ã‚«ãƒ©ãƒ¼ãƒ»å½¢ã‚’å¤‰ãˆã‚‰ã‚Œã‚‹ç´™ã‚’ãƒ¡ã‚¿ãƒ•ã‚¡ã«ã—ãŸãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Quttons
GoogleãŒæå”±ã™ã‚‹ã€ŒMaterial Designã€ã¯ã€Webãƒšãƒ¼ã‚¸ã‚„ã‚¢ãƒ—ãƒªãªã©ã•ã¾ã–ã¾ãªãƒ¡ãƒ‡ã‚£ã‚¢ã«æŽ¡ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¾ã—ãŸã€‚ãã®Material Designã®ä¸ã®ä¸€ã¤ã€ã‚µã‚¤ã‚ºã‚„ã‚«ãƒ©ãƒ¼ã‚„å½¢ã‚’å¤‰ãˆã‚‹ã“ã¨ãŒã§ãã‚‹ãƒ‡ã‚¸ã‚¿ãƒ«ã®ç´™ï¼ˆã‚¯ã‚¡ãƒ³ã‚¿ãƒ ãƒšãƒ¼ãƒ‘ãƒ¼ï¼‰ã‚’ãƒ¡ã‚¿ãƒ•ã‚¡ã«ã—ãŸãƒœã‚¿ãƒ³ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ Quttonsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã¨ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€jQueryã¨Velocityã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel = "stylesheet" href = "Path/To/Quttons.css" /> </head> <body> ... ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ... <script src = "Path/To/jQuery" type = "text/javascript"></scr
nantan 2015/06/16
javascript

jquery

ui

ãƒœã‚¿ãƒ³

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
jQuery UIã®Datepickerã®å¹´æœˆè¡¨ç¤º(ã‚¿ã‚¤ãƒˆãƒ«éƒ¨åˆ†)ã‚’ã¡ã‚ƒã‚“ã¨å‡ºã™ - ã‚ã‚Šã®æ—¥è¨˜
id:acotieã•ã‚“ã®ã‚µã‚¤ãƒˆã‚’å‚è€ƒã«Datepickerã‚’æ—¥æœ¬èªžå¯¾å¿œã•ã›ã¦ã¿ãŸã€‚ jQuery UI datepickerã®ãƒ¡ãƒ¢ - iDeaList::Writing ã†ãŽã‚ƒãƒ¼ã€‚ãŠã—ã„ã€‚ ã€Œ20097æœˆã€ã£ã¦å¾®å¦™ãªè¦‹ãŸç›®ã€‚ã€Œ2009å¹´7æœˆã€ã˜ã‚ƒãªã„ã®ã€‚ui/i18n/ui.datepicker-ja.jsã«æ—¥æœ¬èªžè¡¨ç¤ºã™ã‚‹ãŸã‚ã®è¨˜è¿°ãŒã‚ã‚‹ã‘ã©ã€ã€Œå¹´ã€ã«é–¢ã™ã‚‹éƒ¨åˆ†ãŒãªã„ã€‚ã©ã†ã‚„ã‚‰è‹±èªžåœã®äºº(ï¼Ÿ)ã¯å¹´ã¨ã‹ã¤ã‘ãªã„ã®ã‹ãªã€‚ ã§ã€ç„¡ç†ã‚„ã‚Šå¹´ã‚’ã¤ã‘ã¦ã¿ã‚‹ã€‚ ui/i18n/ui.datepicker-ja.jsã®ä»¥ä¸‹ã®éƒ¨åˆ†ã‚’ monthNames: ['1æœˆ','2æœˆ','3æœˆ','4æœˆ','5æœˆ','6æœˆ', '7æœˆ','8æœˆ','9æœˆ','10æœˆ','11æœˆ','12æœˆ'], â†“ã“ã®ã‚ˆã†ã«å¤‰æ›´ monthNames: ['å¹´1æœˆ','å¹´2æœˆ','å¹´3æœˆ','å¹´4æœˆ','å¹´5æœˆ','å¹´6æœˆ',
nantan 2011/04/27
jQuery

javascript

ui

datepicker
ãƒªãƒ³ã‚¯
jQuery UI datepickerã®ãƒ¡ãƒ¢ - iDeaList::Writing
ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚’ã‚¯ãƒªãƒƒã‚¯ã§datepickerãŒè¡¨ç¤ºã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«(Datepicker | jQuery UI)ã‚’è¦‹ç¿’ã£ã¦ jQuery UI 1.7.1ã®datepickerã‚’å¾®å¦™ã«æ—¥æœ¬èªžåŒ–ã—ã¦ä½¿ã£ã¦ã¿ãŸ jQuery UI ThemeRoller ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’é¸æŠžã™ã‚‹ jQuery UI ThemeRoller - Flick ver.ï¼ž Galleryã®ã‚¿ãƒ–ã‹ã‚‰é¸æŠžã—ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ /jquery-ui-1.7.1.custom/development-bundleå†…ã‚’è¦‹ã¦ã¿ã‚‹ demoã¨ã‹demoã¨ã‹demoã¨ã‹ /ui/i18n/ui.datepicker-ja.jsã®èªã¿è¾¼ã¿ <script type="text/javascript" src="/js/ui/i18n/ui.datepicker-ja.js"></script> regionalã«jaã‚’æŒ‡å®š $.datep
nantan 2011/04/27
javascript

ã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼

jQuery

ui

datepicker
ãƒªãƒ³ã‚¯
jQuery UI - Home
jQuery UI provides abstractions for low-level interaction and animation, advanced effects and high-level, themeable widgets, built on top of the jQuery JavaScript Library, that you can use to build highly interactive web applications. Rich effects and UI widgets jQuery UI features low-level effect and interaction API's as well as full-featured and highly configurable ready-to-use widgets. Suppor
nantan 2011/03/29
jQuery

javascript

ui
ãƒªãƒ³ã‚¯
ã€ŒiPhoneã€é¢¨UIã‚’å®Ÿç¾ã™ã‚‹Javascriptã€ŒiUI.jsã€
twitter facebook hatena google pocket iPhoneãŒç±³å›½ã§ç™ºå£²ã•ã‚Œã€appleç‹¬ç‰¹ã®UIã®è‰¯ã•ãŒå¥½è©•ã«ãªã£ã¦ã„ã¾ã™ã€‚ ä»Šå›žã¯JoeHewitt.comã®iUIã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã€iPhoneçš„ãªUIã‚’å®Ÿç¾ã™ã‚‹javascriptã€ŒiUI.jsã€ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• å®Ÿè£…ã¯ãã†é›£ã—ãã‚ã‚Šã¾ã›ã‚“ã€‚ iUIã‹ã‚‰ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸãƒ•ã‚¡ã‚¤ãƒ«ç¾¤ã‚’ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã—ã€CSSã¨jsã‚’headå†…ã«æŒ¿å…¥ã—ã¾ã™ã€‚ æ¬¡ã«HTMLã§ã™ã€‚ <div class="toolbar"> <h1 id="pageTitle"></h1> <a id="backButton" class="button" href="#"></a> </div> ã¨æ›¸ãè¾¼ã¿ãƒ˜ãƒƒãƒ€ãƒ¼éƒ¨åˆ†ã‚’ä½œæˆã—ã¾ã™ã€‚ å¾Œã¯ãƒšãƒ¼ã‚¸æ¯Žã«ui id="ãƒšãƒ¼ã‚¸å"ã§æ‹¬ã‚Šã€liã®ãƒªãƒ³ã‚¯å…ˆã«ãã®idã‚’æŒ‡å®šã™ã‚Œã°å®Œæˆã§ã™
nantan 2010/06/21
iPhone

javascript

ui

iui
ãƒªãƒ³ã‚¯
[JS]ç”»åƒã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªå‹•ãã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -slidingboxes
ãƒœãƒƒã‚¯ã‚¹çŠ¶ã«é…ç½®ã—ãŸç”»åƒã®ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªå‹•ãã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’Build Internet!ã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Sliding Boxes and Captions with jQuery ç”»åƒã¨ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’å›²ã‚€divã«ã€Œ.boxgridã€ã‚’æŒ‡å®šã€ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã•ã›ã‚‹ãƒ‘ãƒãƒ«ã«ã¯ã€Œ.coverã€ã‚’æŒ‡å®šã—ã¦ä½¿ç”¨ã—ã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ãƒ‘ãƒãƒ«ã«ã¯divã‚’ä½¿ç”¨ã—ã¦ã„ã‚‹ãŸã‚ã€ãƒ†ã‚ã‚¹ãƒˆã‚„ãƒªãƒ³ã‚¯ãªã©ã‚’è‡ªç”±ã«é…ç½®ã§ãã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰ã®å‹•ä½œãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€6ç¨®é¡žã‚ã‚Šã¾ã™ã€‚
nantan 2009/04/02
ajax

ã“ã‚Œã¯ã™ã”ã„

ç”»åƒ

ç´ æ

Design

image

javascript

jQuery

ui

web
ãƒªãƒ³ã‚¯
Script.aculo.usã§å®Ÿç¾ã§ãã‚‹ã€ã•ã¾ã–ã¾ãªè¦–è¦šåŠ¹æžœ
ã¯ã˜ã‚ã« å…ˆã«ã€ŒScript.aculo.usã§ã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ãªWebãƒšãƒ¼ã‚¸ã‚’ï¼ã€ã§ã€Ajaxã‚’åˆ©ç”¨ã—ãŸå„ç¨®ã®GUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«ã¤ã„ã¦èª¬æ˜Žã‚’ã—ã¾ã—ãŸã€‚ä»Šå›žã¯ã€Script.aculo.usã®ã‚‚ã†1ã¤ã®æŸ±ã§ã‚ã‚‹ã€Œè¦–è¦šåŠ¹æžœã€ã«ã¤ã„ã¦èª¬æ˜Žã—ã¾ã—ã‚‡ã†ã€‚ è¦–è¦šåŠ¹æžœã¯ã€ç‰¹å®šã®è¦ç´ ã«å¯¾ã—ã€ã•ã¾ã–ã¾ãªè¡¨ç¤ºã®å¤‰åŒ–ã‚’ä¸Žãˆã‚‹ã‚‚ã®ã§ã™ã€‚ä¾‹ãˆã°ã€æ¶ˆã—ãŸã‚Šè¡¨ç¤ºã—ãŸã‚Šã€å‹•ã‹ã—ãŸã‚Šã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚’å¤‰ãˆãŸã‚Šâ€¦â€¦ã€‚Script.aculo.usã®è¦–è¦šåŠ¹æžœã¯ã€ãã‚Œã‚‰ã®çµŒéŽæ™‚é–“ã‚„é–‹å§‹ãƒ»çµ‚äº†æ™‚ã®çŠ¶æ…‹ãªã©ã‚’ç´°ã‹ã«è¨å®šã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å®Ÿéš›ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ãã¤ã‹è©¦ã—ã¦ã¿ã‚Œã°ã€ã€Œã‚ã‚Œï¼Ÿ ã“ã®åŠ¹æžœã€ã©ã“ã‹ã®ã‚µã‚¤ãƒˆã§è¦‹ãŸã“ã¨ã‚ã‚‹ãžï¼Ÿã€ã¨æ€ã†ã‚‚ã®ãŒã„ãã¤ã‚‚è¦‹ã¤ã‹ã‚‹ã“ã¨ã§ã—ã‚‡ã†ã€‚Script.aculo.usã®è¦–è¦šåŠ¹æžœã¯ã€éžå¸¸ã«ç°¡å˜ã«å°Žå…¥ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚å®Ÿéš›ã«ã‚µãƒ³ãƒ—ãƒ«ã‚’å‹•ã‹ã—ãªãŒã‚‰ã€è‡ªåˆ†ã®ç›®ã§ç¢ºã‹ã‚ã¦ã¿ã¦ãã ã•ã„ã€‚ å¯¾è±¡èªè€… JavaScr
nantan 2009/03/18
javascript

ã‚ã¨ã§èªã‚€

ui

web

script.aculo.us

CodeZine
ãƒªãƒ³ã‚¯
JSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãªã‚‰ã‚³ãƒ¬ã‹ã‚‚ã¨ã„ã†ãã‚‰ã„å¤šæ©Ÿèƒ½ãªã€ŒGXã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒª:phpspoté–‹ç™ºæ—¥èªŒ
GX - Full-Featured Javascript Animations Framework JSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ãªã‚‰ã‚³ãƒ¬ã‹ã‚‚ã¨ã„ã†ãã‚‰ã„å¤šæ©Ÿèƒ½ãªã€ŒGXã€ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ jQueryã¨çµ„ã¿åˆã‚ã›ã¦ä½¿ã†ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ jQueryã‚„script.aculo.usã«ã‚‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ã¯å‚™ã‚ã£ã¦ã„ã‚‹ã‘ã©ã€ã“ã“ã¾ã§ã§ã¯ãªã„ã¨ã„ã†ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ç‰¹åŒ–ã—ãŸã‚¢ãƒ‰ã‚ªãƒ³ã§ã™ã€‚ å‹¿è«–ã€jQueryå˜ä½“ã§ã‚‚ã€çµ„ã¿åˆã‚ã›ã¦å®Ÿç¾ã§ãã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹åˆ†ç°¡å˜ã«å‡ºæ¥ã¾ã™ã€‚ ä»¥ä¸‹ã§ãã®å‡„ã•ãŒåˆ†ã‹ã‚‹ã¯ãš $('#el1').gx({'width': 200, 'height': 200, 'border-width': 8}, 2000, 'Linear', function(el) { el.html('Completed!'); });
nantan 2009/03/16
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

javascript

web

ui

jQuery

tips
ãƒªãƒ³ã‚¯
https://blog.8-p.info/2009/03/textfield-js
nantan 2009/03/09
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

javascript

ui

tips

web

é–‹ç™º

programming

development
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
nantan 2009/03/01
ãƒ„ãƒ¼ãƒ«

jQuery

javascript

ui

webã‚µãƒ¼ãƒ“ã‚¹

air
ãƒªãƒ³ã‚¯
[JS]ã‚½ãƒ¼ãƒˆã ã‘ã§ãªãã€æ¤œç´¢ã‚‚å¯èƒ½ãªå¤šæ©Ÿèƒ½ãªãƒ‡ãƒ¼ã‚¿ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ã‚»ãƒ«ã®ãƒã‚¤ãƒ©ã‚¤ãƒˆè¡¨ç¤ºã€ãƒ‡ãƒ¼ã‚¿ã®ã‚½ãƒ¼ãƒˆã€ç‰¹å®šæ–‡å—åˆ—ã®æ¤œç´¢ãªã©ã«å¯¾å¿œã—ãŸãƒ‡ãƒ¼ã‚¿ãƒ†ãƒ¼ãƒ–ãƒ«ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
nantan 2009/03/01
web

javascript

jQuery

ui

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
[JS]é«˜æ©Ÿèƒ½ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -UI.Layout
UI.Layoutã¯ã€å¯å¤‰ã‚¿ã‚¤ãƒ—ã®ãƒ‘ãƒãƒ«ã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸè‡ªç”±ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’å®Ÿè£…ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚ UI.Layout â€“ The Ultimate Page Layout Manager demo(UI Accordion) ä¸Šè¨˜ã®ãƒ‡ãƒ¢ã§ã¯ã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³åž‹ã®ãƒ‘ãƒãƒ«ã‚’ã¯ã˜ã‚ã€ã‚µã‚¤ã‚ºå¤‰æ›´ã‚„é–‹é–‰ã§ãã‚‹ãƒ‘ãƒãƒ«ãŒå®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‡ãƒ¢ã¯ä»–ã«ã‚‚å¤šæ•°ã‚ã‚Šã¾ã™ã€‚ ãƒ‡ãƒ¢ï¼šãƒŸãƒ‹ãƒžãƒ ãƒ‡ãƒ¢ï¼šã‚·ãƒ³ãƒ—ãƒ« ãƒ‡ãƒ¢ï¼šãƒã‚¹ãƒˆ ãƒ‡ãƒ¢ï¼šè¤‡é›‘ãªãƒã‚¹ãƒˆ ãƒ‡ãƒ¢ï¼šã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ãƒ‡ãƒ¢ï¼šãƒ‰ãƒãƒƒãƒ—ãƒ‘ãƒãƒ« ãƒ‡ãƒ¢ï¼šãƒ•ãƒ¬ãƒ¼ãƒ UI.Layoutã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€å®Ÿè£…ã«ã¯jquery.jsã€ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãªã©ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¯jQuery UIãŒå¿…è¦ã§ã™ã€‚ ä¸‹è¨˜ã®ãƒšãƒ¼ã‚¸ã‹ã‚‰å…¨ã¦ã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã¾ã™ã€‚ UI.Layout Plug-in & Related Downloads
nantan 2008/12/23
javascript

ui
ãƒªãƒ³ã‚¯
1