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

KAZUMA87 id:KAZUMA87

UIã«é–¢ã™ã‚‹KAZUMA87ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

${{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}}

Windowsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ã¿ãŸã„ãªä¾¿åˆ©ãªã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç°¡å˜å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSmartWizardã€ã€‚:phpspoté–‹ç™ºæ—¥èªŒ
Windowsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ã¿ãŸã„ãªä¾¿åˆ©ãªã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç°¡å˜å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSmartWizardã€ã€‚ 2010å¹´11æœˆ18æ—¥- Tech Laboratory Windowsã®ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ã¿ãŸã„ãªä¾¿åˆ©ãªã‚¦ã‚£ã‚¶ãƒ¼ãƒ‰ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç°¡å˜å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSmartWizardã€ã€‚ Windowsã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ©ãƒ¼ã¯ã€Œæ¬¡ã¸ã€ã‚’æŠ¼ã—ã¦ã„ãã¨ã©ã‚“ã©ã‚“ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã‚’é€²ã‚ã‚‰ã‚Œã¦ç°¡å˜ã§ã™ãŒã€ãã‚Œã‚’ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ç°¡å˜ã«å®Ÿç¾ã—ã¦ã—ã¾ãˆã¾ã™ã€‚ å„ãƒšãƒ¼ã‚¸ã®ä¸èº«ã¯ã€å˜ç´”ã«<div>ã§ä¸¦ã¹ã‚‹ã ã‘ã¨ã„ã†ãŠæ‰‹è»½ã•ã€‚ãƒ«ãƒ¼ãƒ«ã«å¾“ã£ã¦HTMLã‚’è¨˜è¿°ã—ã€$(element).smartWizard() ã§åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã¯ã“ã¡ã‚‰ ã‚¿ãƒ–ã‚’å·¦ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã—ã¦ã‚‚ãªã‹ãªã‹ã„ã„æ„Ÿã˜ã€‚ ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãŠä¸–è¾žã«ã‚‚ã‚«ãƒƒã‚³ã‚¤ã‚¤ã¨ã¯è¨€ã„é›£ã„ã®ã§ã™ãŒã€CSSãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¯èƒ½ãªã®ã§ã€è‡ªç”±ã«ã‚¹ã‚¿
KAZUMA87 2010/11/18
jQuery

javascript

webãƒ‡ã‚¶ã‚¤ãƒ³

UI

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£
ãƒªãƒ³ã‚¯
Simple AJAX Commenting System
This time, we are making a Simple AJAX Commenting System. It will feature a gravatar integration and demonstrate how to achieve effective communication between jQuery and PHP/MySQL with the help of JSON. Note: This tutorial is quite old and doesn't work in PHP7 and above. We are keeping it online only as a reference. Step 1 - XHTML First, lets take a look at the markup of the comments. This code i
KAZUMA87 2010/07/02
Ajaxã‚’ç”¨ã„ãŸã‚³ãƒ¡ãƒ³ãƒˆæŠ•ç¨¿ã‚·ã‚¹ãƒ†ãƒ

PHP

UI

Ajax

*php
ãƒªãƒ³ã‚¯
è£½å“ã®ç‰¹å¾´ã«ã¤ã„ã¦ã‚«ãƒƒã‚³ã‚ˆãè¡¨ç¤ºã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFeature Listã€:phpspoté–‹ç™ºæ—¥èªŒ
è£½å“ã®ç‰¹å¾´ã«ã¤ã„ã¦ã‚«ãƒƒã‚³ã‚ˆãè¡¨ç¤ºã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFeature Listã€ã€‚ æ¬¡ã®ã‚ˆã†ãªã€è£½å“ã®ç´¹ä»‹ãªã‚“ã‹ã§ã©ã“ã‹ã§è¦‹ãŸã‚ˆã†ãªUIãƒ‘ãƒ¼ãƒ„ã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã¿ãŸã„ã§ã™ã€‚ å®Ÿè£…æ–¹æ³• æœ€åˆã¯ã¡ã‚‡ã£ã¨é›£ã—ã„ã‚ˆã†ãªæ°—ã‚‚ã™ã‚‹ã®ã§ã™ãŒã€å®Ÿã¯ã‹ãªã‚Šç°¡å˜ã§æ¬¡ã®ã‚ˆã†ã«<div>ä»¥ä¸‹ã«2ã¤ã®ulã‚’ç½®ã„ã¦ãŠãã¾ã™ <div id="feature_list"> <ul id="tabs"> <li> <a href="javascript:;"> <img src="services.png" /> <h3>Services</h3> <span>Lorem ipsum dolor sit amet consect</span> </a> </li> <li> <a href="javascript:;"> <img src="programming.png" /> <h3>Programming<
KAZUMA87 2009/12/14
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

javascript

jQuery

UI

webãƒ‡ã‚¶ã‚¤ãƒ³

webdesign

js

library
ãƒªãƒ³ã‚¯
JavaScriptãªã—ã§CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
JavaScriptãªã—ã§CSSã®ã¿ã§å®Ÿç¾ã™ã‚‹ã‚¯ãƒ¼ãƒ«ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ã€æ˜Žã‚‰ã‹ã«JavaScript ä½¿ã£ã¦ã‚‹ã‚“ã˜ã‚ƒãªã„ã‹ï¼Ÿã¨æ€ã†ã®ã§ã™ãŒã€CSSã®ã¿ã§element:hoverã‚’ä½¿ã£ã¦å®Ÿç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚è§£èª¬ã•ã‚Œã¦ã„ã‚‹ã®ã§ã“ã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚ã‚ˆã•ãã†ã€‚ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Incredible Drop Down Menu Solution With CSS Only | AEXT.NET é–¢é€£ã‚¨ãƒ³ãƒˆãƒª jQueryã§å¹…ã®å¤§ããªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ã‚»ã‚¯ã‚·ãƒ¼ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼å®Ÿè£…ã‚µãƒ³ãƒ—ãƒ«
KAZUMA87 2009/12/08
css

ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³

UI

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

ãƒ¡ãƒ‹ãƒ¥ãƒ¼
ãƒªãƒ³ã‚¯
select ãƒœãƒƒã‚¯ã‚¹ã‚’è¶…ä¾¿åˆ©ã«ã—ã¦ãã‚Œãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã«ä½¿ãˆã‚‹ã€ŒjQselectableã€:phpspoté–‹ç™ºæ—¥èªŒ
select ãƒœãƒƒã‚¯ã‚¹ã‚’è¶…ä¾¿åˆ©ã«ã—ã¦ãã‚Œãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å‘ä¸Šã«ä½¿ãˆã‚‹ã€ŒjQselectableã€ãŒGoogle Codeã«å…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ jQã¨ã„ã†ã ã‘ã‚ã£ã¦å½“ç„¶ãªãŒã‚‰jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å½¢å¼ã§ã™ã€‚ é©ç”¨å‰ã®æ™®é€šã®Select ãƒœãƒƒã‚¯ã‚¹ãŒä¾¿åˆ©ã«å¤‰åŒ–ã—ã¾ã™ éƒ½é“åºœçœŒã®ç¸¦ã«é•·ã‹ã£ãŸã‚‚ã®ãŒæ¨ªæ–¹å‘ã«è¶…åˆ†ã‹ã‚Šã‚„ã™ãè¡¨ç¤º æ—¥ä»˜ã‚‚æ¬¡ã®ã‚ˆã†ã«è¶…åˆ†ã‹ã‚Šã‚„ã™ã„ã‚»ãƒ¬ã‚¯ãƒˆã«ã€‚ç¸¦ã«é•·ã„ã®ã¨ã¯ã‚‚ã†ã‚ªã‚µãƒ©ãƒã§ããã†ã§ã™ã€‚ æ›´ã«ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã«ã‚ˆã£ã¦ã‚¯ãƒªãƒƒã‚¯ã—ãŸå¾Œã®å‹•ä½œã‚‚å®šç¾©ã§ãã‚‹ã£ã½ã„ã§ã™ã€‚ ã¯ã˜ã‚ã‹ã‚‰æ—¥æœ¬å¯¾è±¡ã¨ã„ã†ç‚¹ã§ã‚‚ä½¿ã„ã‚„ã™ã„ã§ã™ãã€‚ å®Ÿè£…ã‚‚ã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§è¶…ä½¿ã„ã‚„ã™ã„ã§ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«åˆæœŸåŒ–ã™ã‚‹ã ã‘ã®ã‚ˆã†ã§ã™ã€‚ $(".simpleBox").jQselectable({ set: "fadeIn", setDuration: "fast", opacity: .9 }); ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆ
KAZUMA87 2009/11/19
jQuery

javascript

js

ãƒ•ã‚©ãƒ¼ãƒ

UI

ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³
ãƒªãƒ³ã‚¯
jQueryã§å¹…ã®å¤§ããªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«:phpspoté–‹ç™ºæ—¥èªŒ
jQueryã§å¹…ã®å¤§ããªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ä½œæˆãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã€‚ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã¨ã„ã†ã¨ã€å˜ä¸€ã®åˆ—ã‚’æƒ³åƒã—ã¾ã™ãŒã€å®Ÿéš›ã«ã¯ã€æ¨ªã«åºƒãŒã£ãŸã»ã†ãŒè¦‹ã‚„ã™ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ æ¬¡ã®ã‚ˆã†ãªå¹…ã®åºƒã„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ä¾‹ã«ãªã£ã¦ã¾ã™ã€‚ åŒã˜ã‚ˆã†ãªãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã®ä¾‹ã‚‚è‰²ã€…å…¬é–‹ã•ã‚Œã¦ã„ã¦ãƒªãƒ‡ã‚¶ã‚¤ãƒ³ã®éš›ã®å‚è€ƒã«ã§ãã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãã€‚ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Mega Drop Down Menu w/ CSS & jQuery | Dropdown Menu | drop down menus | CSS Menu Tutorial | Drop Down Menu Tutorial
KAZUMA87 2009/11/09
jQuery

ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

ui

ãƒ¡ãƒ‹ãƒ¥ãƒ¼

*javascript

js

library
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§æ•°å€¤ã®è¨å®šãŒå‡ºæ¥ã‚‹ä¾¿åˆ©ï¼µï¼©ã‚’å®Ÿè£…ã§ãã‚‹ã€Œjquery-drag-spinboxã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§æ•°å€¤ã®è¨å®šãŒå‡ºæ¥ã‚‹ä¾¿åˆ©ï¼µï¼©ã‚’å®Ÿè£…ã§ãã‚‹ã€Œjquery-drag-spinboxã€ 2009å¹´10æœˆ30æ—¥- ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§æ•°å€¤ã®è¨å®šãŒå‡ºæ¥ã‚‹ä¾¿åˆ©ï¼µï¼©ã‚’å®Ÿè£…ã§ãã‚‹ã€Œjquery-drag-spinboxã€ã€‚ æ™®é€šã€æ•°å€¤å…¥åŠ›ã¨ã„ã†ã¨ã€ãƒœãƒƒã‚¯ã‚¹ã«ç›´æŽ¥å…¥åŠ›ã—ãŸã‚Šã€ãƒœã‚¿ãƒ³ã‚’é€£æ‰“ã—ãŸã‚Šã—ã¦ä¸Šä¸‹ã•ã›ã¾ã™ãŒã€ã“ã®SpinBoxã‚’ä½¿ãˆã°ã€ç”»åƒä¸Šã§ã‚¯ãƒªãƒƒã‚¯â†’ä¸Š or ä¸‹ã«ãƒ‰ãƒ©ãƒƒã‚°ã™ã‚‹ã“ã¨ã§ç°¡å˜ã«æ•°å€¤ã®èª¿æ•´ãŒå‡ºæ¥ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ åå‰ã®é€šã‚Šã€jQueryãƒ™ãƒ¼ã‚¹ã§ä½œæˆã•ã‚Œã¦ã„ã¾ã™ã®ã§æ¯”è¼ƒçš„ç°¡å˜ã«ä½¿ã†ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã‚’å‚ç…§ã—ã¦ãã ã•ã„ã€‚ HowToSetupJapanese - jquery-drag-spinbox - Project Hosting on Google Code
KAZUMA87 2009/11/07
jQuery

ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—

javascript

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

ãƒ•ã‚©ãƒ¼ãƒ

ãƒœã‚¿ãƒ³

UI

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

library
ãƒªãƒ³ã‚¯
1