[B! jquery] ymnã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ymn id:ymn

jqueryã«é–¢ã™ã‚‹ymnã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (45)

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

jQueryã¨CSS3ã§ä½œã‚‹ãƒšãƒ¼ã‚¸ã®ä¸Šã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ãƒœã‚¿ãƒ³
wordpressã¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒãŸãã•ã‚“ã‚ã£ã¦ä¾¿åˆ©ã§ã™ã€‚ã—ã‹ã—ã€å€‹äººçš„ã«ã¯å®‰æ˜“ã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã®ã§ã¯ãªãã€è‡ªä½œã§ãã‚‹ã‚‚ã®ã¯è‡ªä½œã§ãã‚‹ã‚ˆã†å¿ƒãŒã‘ã¦ã„ã¾ã™ã€‚ ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯å‰ã‹ã‚‰ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹æ–¹æ³•ã§ã™ãŒã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§å®Ÿè£…ã—ã¦ã„ã‚‹äººã‚‚å¤šã„ã‚ˆã†ãªã®ã§ç´¹ä»‹ã—ã¾ã™ã€‚è‡ªåˆ†ã§ä½œã£ãŸæ–¹ãŒè‡ªç”±ã§ã™ã—ã€ç„¡é§„ã«å¤§ããªãƒ•ã‚¡ã‚¤ãƒ«ã«ãªã‚‰ãªã„ã®ã§ã„ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ãƒœã‚¿ãƒ³ãŒç¾ã‚Œã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’3ç¨®é¡žä½œã£ã¦ã¿ã¾ã—ãŸã€‚å®šç•ªã®ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦ç¾ã‚Œã‚‹ã‚‚ã®ã¨ã€CSS3ã‚’ä½¿ã£ãŸã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ãã ã•ã„ã€‚ HTMLã¯å…¨ã¦åŒã˜ã§ã™ã€‚ <a href="#" id="page-top1">ä¸Šã«æˆ»ã‚‹</a> éžå¸¸ã«ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚ ã§ã¯ã€CSSã¨iQueryã‚’1ã¤ãšã¤è§£èª¬ã—ã¾ã™ã€‚ 1. ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ ã¾ãšã¯ã¨ã¦ã‚‚æœ‰åãªã‚„ã¤ã§ã™ã€‚ã‚ã‚‹ç¨‹åº¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã—ã¦ç¾ã‚Œã¾ã™ã€‚CSSã¯æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ã‚µãƒ³ãƒ—ãƒ«ã¯
ymn 2014/09/04
jquery

css

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã§ä½¿ãˆãŸï¼jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¾ã¨ã‚ï¼‹èµ·æ¥ã—ã¾ã—ãŸ
ä½œæˆï¼š2014/09/1 æ›´æ–°ï¼š2014/11/01 Webåˆ¶ä½œ > å ±å‘ŠãŒé…ã‚Œã¾ã—ãŸãŒã€5æœˆã«é€€ç¤¾ã—6æœˆã«èµ·æ¥ï¼ˆæ ªå¼ä¼šç¤¾ã‚³ãƒ ãƒ†ï¼‰ã—ã¾ã—ãŸã€‚ä»Šã¾ã§ãƒ–ãƒã‚°ã«ãƒ¡ãƒ¢ã—ã¦ãŠã„ãŸã“ã¨ãŒã€èµ·æ¥ã‚„ç´å“ã«å½¹ç«‹ã£ãŸéƒ¨åˆ†ã‚‚ã‚ã‚Šã€ãƒ–ãƒã‚°ã‚’ç¶™ç¶šã—ã¦ã‚ˆã‹ã£ãŸã¨æ€ã„ã¾ã™ã€‚ãƒ–ãƒã‚°ã‚’è¦‹ã¦ãã ã•ã£ã¦ã„ã‚‹çš†æ§˜ã€ã”ç´¹ä»‹ã•ã›ã¦ã„ãŸã ã„ãŸã‚µã‚¤ãƒˆé‹å–¶è€…æ§˜ã€å¿œæ´ã—ã¦ä¸‹ã•ã£ã¦ã„ã‚‹çš†æ§˜ã«ã¯å¿ƒã‚ˆã‚ŠãŠç¤¼ç”³ã—ä¸Šã’ã¾ã™ã€‚çµŒå–¶ã‚„åˆ¶ä½œã®éƒ¨åˆ†ã§ã¯ã¾ã ã¾ã æœªç†Ÿã§ã™ãŒã€ä»Šå¾Œã¨ã‚‚ã”æŒ‡å°Žã”éžæ’»ã®ã»ã©ã€ã‚ˆã‚ã—ããŠé¡˜ã„ã—ã¾ã™ã€‚ ä»Šå›žã¯ã€ŒWebåˆ¶ä½œã§ä½¿ã„ãŸã„ã€jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆãªã©ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚WordPressãƒ†ãƒ¼ãƒžã‚’ä½œã‚‹ã¨ãã«ä½¿ã†ã‚‚ã®ã€æ¤œç´¢ã§ãƒ’ãƒƒãƒˆã—ã«ãã„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚å¤šæ•°ã”ç´¹ä»‹ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ å‹•ç”» ï¼‘ï¼Žå‹•ç”»ã‚’ãƒ–ãƒ©ã‚¦ã‚¶ã®èƒŒæ™¯å…¨ä½“ã«å†ç”Ÿã•ã›ã‚‹ ï¼’ï¼Žå‹•ç”»ã‚’ç¶ºéº—ã«è¡¨ç¤ºã•ã›ã‚‹ WPç®¡ç†ç”»é¢
ymn 2014/09/01
jQuery

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
jquery 1.xã¨2.x ã®é•ã„ã€ã•ã‚‰ã«å‹•ä½œã‚’é«˜é€Ÿã«ã™ã‚‹ãŸã‚ã®è¨å®š | ã¾ã¨ã‚ãƒ¼ãŸãƒ¼
photoBy: http://www.jose-aguilar.com/blog/wp-content/uploaâ€¦ã¾ãšã¯ jquery 1.x ã¨ 2.x ã®é•ã„ 1.x ç³»ã¯ IE8 ä»¥å‰ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ãŒé…ã„ã€é‡ã„ 2.x ç³»ã¯ IE8 ä»¥å‰ã®ã‚µãƒãƒ¼ãƒˆã¯æ¨ã¦ã¦ã€ã„ã‚‹ãŒè»½ã„ã€æ—©ã„ ã‚¢ã‚¤ãƒ«ãƒˆãƒ³ãƒ»ã‚»ãƒŠã˜ã‚ƒã‚ã‚‹ã¾ã„ã—ãã‚“ãªã«æ—©ãã—ã¦ã©ã†ã™ã‚“ã®ï¼ŸWebãƒšãƒ¼ã‚¸ãŒãŸã£ãŸ1ç§’é«˜é€ŸåŒ–ã™ã‚‹ã ã‘ã§ECã‚µã‚¤ãƒˆãªã‚“ã‹ã€å£²ä¸ŠãŒ10ï¼…å‘ä¸Šã—ãŸäº‹ä¾‹ã‚‚ã‚ã‚Šã¾ã™ã€‚ ä½¿ã„åˆ†ã‘ã‚‹å¯¾å¿œã—ã¦ã„ãªã„IE8ä»¥ä¸‹ã«ã¯å¤ã„jqueryã‚’èªã¿è¾¼ã¾ã›ã¾ã™   <script src="jquery-2.0.0.js"></script> <script s
ymn 2014/07/17
jquery

js
ãƒªãƒ³ã‚¯
jquery ã‚’ä½¿ã‚ãªã„fix height | devLog
ã‚¹ãƒžãƒ›ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãªã©ã€ã€Œè»½é‡åŒ–ï¼è»½é‡åŒ–ï¼ã€ã¨å«ã°ã‚Œã‚‹ä¸ã§No jQueryãŒæ±‚ã‚ã‚‰ã‚Œã‚‹äº‹ãŒã‚ã‚‹ã€‚ ãã‚“ãªã¨ãã«ã¯è¦ç´ ã®é«˜ã•ã‚’ãã‚ãˆã‚‹ä½ã¯ã€jquery ã‚’ä½¿ã‚ãšã«ã‚„ã£ã¦ã—ã¾ã„ãŸã„ã€‚ ï¼‘ï¼Žjavascriptã§ã€getElementsByClassNameãŒå¿…è¦ã€‚ function myGetElementsByClassName (_class , _tag , _id) { var targetId , elementList , classList , i , j , nodes = []; targetId = document.getElementById(_id); elementList = targetId.getElementsByTagName(_tag); for (i=0; i < elementList.length ; i++ ) { classList = e
ymn 2014/07/03
ã‚’ä½¿ã‚ãš

jquery
ãƒªãƒ³ã‚¯
ã“ã‚Œçµæ§‹ä½¿ãˆãŸï¼ã‚µãƒ¼ãƒ“ã‚¹ã‚µã‚¤ãƒˆã‚„WordPressãƒ†ãƒ¼ãƒžã§ä½¿ã‚ã‚Œã¦ã„ã‚‹å°æŠ€ã¾ã¨ã‚
ä½œæˆï¼š2014/05/19 æ›´æ–°ï¼š2014/11/01 WordPress > ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã‚µã‚¤ãƒˆã‚„æœ€è¿‘ã®WordPressãƒ†ãƒ¼ãƒžã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚„å°æŠ€ã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚ä»Šå›žã¾ãŸjQueryãŒå¤šããªã£ã¦ã—ã¾ã„ã¾ã—ãŸãŒã€ã‚µã‚¤ãƒˆåˆ¶ä½œæ™‚ã«ä¸€æ‰‹é–“åŠ ãˆãŸããªã‚‹å°æŠ€é›†ã§ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢é€Ÿå ±ã¯ Twitter ã®@commteã§é…ä¿¡ã—ã¦ã„ã¾ã™ã€‚ ã‚‚ãã˜ ã‚µã‚¤ãƒˆèªã¿è¾¼ã¿æ™‚ ï¼‘ï¼Žç”»åƒèªã¿è¾¼ã¿æ™‚ã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’è¡¨ç¤ºï¼jQuery ï¼’ï¼Žèªã¿è¾¼ã¿æ™‚ã«æ–‡å—ã‚’å‹•ã‹ã™ï¼jQuery ãƒ˜ãƒƒãƒ€ãƒ¼ ï¼“ï¼Žæ–‡å—ã®æ‹¡å¤§ãƒ»ç¸®å°ï¼jQuery ï¼”ï¼Žå…¥åŠ›è£œåŠ©ï¼jQuery ï¼•ï¼Žä¼¸ç¸®ã™ã‚‹ã‚µãƒ¼ãƒãƒœãƒƒã‚¯ã‚¹ï¼jQuery ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ ï¼–ï¼Žä¸å¿ƒã«æ°´å¹³ç·šã‚’å…¥ã‚Œã‚‹ï¼CSS ï¼—ï¼Žå‡ç‰ã«ä¸¦ã¹ã‚‹ï¼æ®µçµ„ã¿ï¼CSS ï¼˜ï¼Žã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç¾ã‚ŒãŸæ™‚ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ï¼jQuery ï¼™ï¼Žãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã§ç”»åƒã‚’æ‹¡å¤§ã—ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’å‡ºã™ï¼jQuery ï¼‘ï¼ï¼Žãƒž
ymn 2014/05/19
wordpress

jquery

CSS
ãƒªãƒ³ã‚¯
[JS]æ—¥æœ¬èªžã®ã©ã‚“ãªWebãƒ•ã‚©ãƒ³ãƒˆã§ã‚‚ç¾Žã—ãã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -jQuery.Kerning.js
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã§æ—¥æœ¬èªžã®Webãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ç”¨ã™ã‚‹æ™‚ã«ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’é©ç”¨ã—ã¦ã€èªã¿ã‚„ã™ãã¦ç¾Žã—ãè¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ å…¨è§’ã®æ‹¬å¼§ã‚„å¥èªç‚¹ãªã©ã®ç´„ç‰©ã¯ã€æ—¥æœ¬èªžã®ã©ã‚“ãªãƒ•ã‚©ãƒ³ãƒˆã§ã‚‚ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã¿ã§ç¾Žã—ãã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã§ãã¾ã™ã€‚ â€»æ–‡å—é–“ã®ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ã¯ã€ãƒ•ã‚©ãƒ³ãƒˆã”ã¨ã«è¨å®šãŒå¿…è¦ã§ã™ã€‚ jQuery.Kerning.js jQuery.Kerning.js -GitHub jQuery.Kerning.jsã®ãƒ‡ãƒ¢ jQuery.Kerning.jsã®ä½¿ã„æ–¹ jQuery.Kerning.jsã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯ä¸Šï¼šã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ç„¡ã—ã€ä¸‹ï¼šã‚«ãƒ¼ãƒ‹ãƒ³ã‚°æœ‰ã‚Šã®çŠ¶æ…‹ã§ã€æ˜Žæœã¨ã‚´ã‚·ãƒƒã‚¯ã®2æ›¸ä½“ãŒãƒã‚§ãƒƒã‚¯ã§ãã¾ã™ã€‚ é©ç”¨ã•ã‚Œã¦ã„ã‚‹æ–¹ãŒã€èªã¿ã‚„ã™ã„ã§ã™ãã€‚ ã‚´ã‚·ãƒƒã‚¯ä½“ã®ãƒ‡ãƒ¢ã€ä¸Šï¼šã‚«ãƒ¼ãƒ‹ãƒ³ã‚°ç„¡ã—ã€ä¸‹ï¼šã‚«ãƒ¼ãƒ‹ãƒ³ã‚°æœ‰ã‚Š jQuery.Kerning.jsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« jquery.j
ymn 2014/03/07
ãƒ–ãƒ©ã‚¦ã‚¶ã”ã¨ã§é•ã†è¦‹ãˆæ–¹ã¯ã™ã‚‹ã®ã ã‚ã†ã‹ã€‚

jquery

ãƒ•ã‚©ãƒ³ãƒˆ

ã‚«ãƒ¼ãƒ‹ãƒ³ã‚°
ãƒªãƒ³ã‚¯
[JS]ã‚¹ã‚¯ãƒªãƒ—ãƒˆåˆå¿ƒè€…ã§ã‚‚ç°¡å˜ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–å¯¾å¿œã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ¨ªã‹ã‚‰è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Slidebars
æœ€è¿‘ã‚ˆãè¦‹ã‹ã‘ã‚‹ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸€ã¤ã€ŒOff Canvasã€ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®æ¨ªã‹ã‚‰ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚¹ãƒ©ã‚¤ãƒ‰è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ï¼šå¹…780pxã§è¡¨ç¤º Slidebarsã®ä½¿ã„æ–¹ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«ã€jquery.jsã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’</body>ã®ä¸Šã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="slidebars.min.css"> <head> <body> ... <script src="http://ajax.google apis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <script src="slidebars.min.js"></script> </body> St
ymn 2014/01/31
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

jquery

ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã£ã¦ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç¾ã‚ŒãŸã¨ãã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¦ã¿ã‚‹
æœ€è¿‘æ›´æ–°ãƒšãƒ¼ã‚¹ãŒé…ããªã£ã¦ã„ã¾ã™ã€‚æœ€è¿‘ä»•äº‹ã®é–¢ä¿‚ã§ã‚µã‚¤ãƒˆã‚’ä½œã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€ãã“ã§ä½¿ã£ãŸæ–¹æ³•ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç¾ã‚ŒãŸã¨ãã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒé–‹å§‹ã—ã¾ã™ã€‚jQueryã‚’ä½¿ã£ã¦ã„ã¾ã™ã€‚ è¨€è‘‰ã§ã¯ã‚¤ãƒ¡ãƒ¼ã‚¸ã—ã«ãã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ç™¾èžã¯ä¸€è¦‹ã«ã—ã‹ãšã€ã¨ã„ã†ã“ã¨ã§ã‚µãƒ³ãƒ—ãƒ«ã‚’ã”è¦§ãã ã•ã„ã€‚ç”»åƒãŒç”»é¢å†…ã«è¡¨ç¤ºã•ã‚Œã‚‹ã¨å³ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚ã‚ã‚Šãã†ã§ã™ãŒã€å®‰æ˜“ã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã†ã®ã§ã¯ãªãè‡ªåˆ†ã§ä½œã£ãŸæ–¹ãŒå‹‰å¼·ã«ãªã‚Šã¾ã™ã€‚ã¾ãŸã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯è‰²ã‚“ãªæ©Ÿèƒ½ãŒã‚ã‚‹ãŸã‚ã«ç„¡é§„ã«å®¹é‡ãŒå¤§ãããªã£ã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªå ´åˆã¯ã€å¿…è¦ãªæ©Ÿèƒ½ã ã‘è‡ªåˆ†ã§æ›¸ãæ–¹ãŒèªã¿è¾¼ã¿é€Ÿåº¦çš„ã«ã‚‚åŠ¹æžœçš„ãªã®ã‹ãªã¨æ€ã„ã¾ã™ã€‚ jQueryå…¨ä½“ã¯ã“ã‚“ãªæ„Ÿã˜ã«ãªã‚Šã¾ã™ã€‚ $(function(){ $('.effect').css("opacity",".3"); $(window).scroll(
ymn 2013/12/18
jquery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
[JS]ãƒ˜ãƒƒãƒ€ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«åˆã‚ã›ã¦è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã™ã‚‹1ãƒ©ãƒ³ã‚¯ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Headroom.js
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒ™ãƒ¼ã‚¹ã®ãƒšãƒ¼ã‚¸ã‚’å®Ÿè£…ã™ã‚‹æ™‚ã«ã´ã£ãŸã‚Šï¼ã€€ãƒ˜ãƒƒãƒ€ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ“ä½œã«åˆã‚ã›ã¦è¡¨ç¤ºãƒ»éžè¡¨ç¤ºã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ãƒ€ã‚¦ãƒ³ãƒ»ã‚¢ãƒƒãƒ—ã§classã‚’ä»˜ä¸Žã™ã‚‹ã®ã§ã€ãƒ˜ãƒƒãƒ€ã«é™ã‚‰ãšä»–ã«ã‚‚ã„ã‚ã„ã‚ã¨ä½¿ãˆãã†ã§ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å˜ä½“ã§å‹•ä½œã—ã¾ã™ãŒã€jQuery/Zeptoã‚„AngularJSã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¨ã—ã¦ã‚‚å‹•ä½œã—ã¾ã™ã€‚ Headroom.js ä¸‹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ãƒ˜ãƒƒãƒ€ãŒä¸Šéƒ¨ã«å¸ã„è¾¼ã¾ã‚Œã¾ã™ã€‚ ä¸€æ—¦æ¶ˆãˆãŸãƒ˜ãƒƒãƒ€ã¯ã€ä¸Šã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã©ã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã‹ã‚‰ã§ã‚‚è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ ã“ã®ã€Œã©ã®ãƒã‚¸ã‚·ãƒ§ãƒ³ã‹ã‚‰ã§ã‚‚ã€ã¨ã„ã†ã®ãŒã“ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ä¾¿åˆ©ãªã¨ã“ã‚ã§ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã«ã¯ã•ã¾ã–ã¾ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§æ¥½ã—ã‚ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ä¼¼ã¦ã„ã¾ã™ãŒã€ã“ã¡ã‚‰ã¯ã€ŒPlayroomã€ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ˜ãƒƒãƒ€ã®éžè¡¨ç¤ºãƒ»è¡¨ç¤ºã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãŒç´°ã‹ãè¨å®šã§ãã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
ymn 2013/12/11
HTML

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

jquery
ãƒªãƒ³ã‚¯
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸã€Œjquery.heightLine.jsã€
ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸã€Œjquery.heightLine.jsã€ å¤šãã®æ–¹ã«æ–¹ã«æ„›ç”¨ã„ãŸã ã„ã¦ã„ã‚‹è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒheightLine.jsã€ã®æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¨ã—ã¦ã€Œjquery.heightLine.jsã€ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ heightLine.jsã¨ã®é•ã„ã¨ã—ã¦ã¯ã€ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³åŒ–ã—ãŸã®ã§jQueryãŒå¿…è¦ã§ã™ é«˜ã•ã‚’æƒãˆãŸã„è¦ç´ ã‚’classã§ã¯ãªãjQueryã®ã‚»ãƒ¬ã‚¯ã‚¿ã§æŒ‡å®šã—ã¾ã™ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã€ç‰¹å®šã®ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦å¹…ã®å ´åˆã®ã¿é«˜ã•ã‚’æƒãˆã¾ã™ destroyã¨refreshãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¿½åŠ ã€é«˜ã•æƒãˆã®ç„¡åŠ¹åŒ–ã‚„å†æƒãˆãŒç°¡å˜ã«ã§ãã¾ã™ ãªã©ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ / ã‚µãƒ³ãƒ—ãƒ« / GitHub åˆ©ç”¨æ–¹æ³• ã¾ãšã¯ã€jQueryã¨jquery.heightLine.jsã‚’ãƒšãƒ¼ã‚¸å†…ã§èªã¿è¾¼ã¿ã¾ã™ã€‚ <script sr
ymn 2013/10/21
é«˜ã•ã‚’ãã‚ãˆã‚‹

JavaScript

jquery

plugin
ãƒªãƒ³ã‚¯
[M]WordPressÃ—jQueryï¼šé•·ã„è¨˜äº‹ä¸€è¦§ã‚’ã€Œjquery-ui.jsã€ã‚’ä½¿ã£ãŸã€Œã‚¿ãƒ–è¡¨ç¤ºã€ã§ã‚¹ãƒƒã‚ãƒªå¿«é©ï¼ | miMemo(ãƒŸãƒ¡ãƒ¢)
[M]WordPressÃ—jQueryï¼šé•·ã„è¨˜äº‹ä¸€è¦§ã‚’ã€Œjquery-ui.jsã€ã‚’ä½¿ã£ãŸã€Œã‚¿ãƒ–è¡¨ç¤ºã€ã§ã‚¹ãƒƒã‚ãƒªå¿«é©ï¼ ã“ã‚“ã«ã¡ã¯ï¼ã¿ã†(@miu0512)ã§ã™ã€‚ã‚¹ãƒžãƒ›ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã¨ã€ãã‚Œã ã‘ã§ã‚¹ãƒˆãƒ¬ã‚¹ã‚’æ„Ÿã˜ã¦ã—ã¾ã†ã‚‚ã®ã§ã™ãŒã€ä»Šå›žã€ä¸€æ°—ã«èªã¿è¾¼ã‚“ã§ã‚¿ãƒ–è¡¨ç¤ºã«ã•ã›ã¦ã€Œé‡ãŸã•ã‚’æ„Ÿã˜ã•ã›ãªã„ã‚µã‚¤ãƒˆã€ã‚’æ„è˜ã—ã¦åˆ¶ä½œã—ã¦ã¿ã¾ã—ãŸã€‚ å®Ÿéš›ã«ã‚¹ãƒžãƒ›ãƒ†ãƒ¼ãƒžã§ä½¿ã£ãŸã®ã¯ã“ã®ã€Œæ–°ç€è¨˜äº‹ã€ã€Œäººæ°—è¨˜äº‹ã€éƒ¨åˆ†ï¼ ã‚¿ãƒ–ã‚’ä½¿ã†ã“ã¨ã«ã‚ˆã£ã¦ã€é•·ããªã£ã¦ã—ã¾ã„ãŒã¡ãªè¨˜äº‹ä¸€è¦§ã‚’ã‚¹ãƒƒã‚ãƒªè¡¨ç¤ºã™ã‚‹äº‹ãŒã§ãã€è¦‹ã¦ã„ã‚‹äººã«ã‚ˆã‚Šã‚ã‹ã‚Šã‚„ã™ãã€ŒãŠã™ã™ã‚ãªè¨˜äº‹ã€ã‚’ä¼ãˆã‚‹æ‰‹æ®µã«ãªã‚Šã¾ã™ã€‚ç‰¹ã«ã‚¹ãƒžãƒ›ã®ã‚ˆã†ãªå°ã•ãªç”»é¢ã§ã¯ã€ã€Œè¦‹ã‚„ã™ã•ã€ãŒä¸€ç•ªã®ã‚«ã‚®ã¨ãªã‚Šã¾ã™ã€‚ ä½¿ç”¨ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã¯ã“ã¡ã‚‰ http://code.jquery.com/ui/1.10.3/jquery-ui.js å°Žå…¥ã®ä»•æ–¹ã¯ã‚«ãƒ³ã‚¿ãƒ³ï¼“STEP ST
ymn 2013/10/14
jquery

UI
ãƒªãƒ³ã‚¯
vnjs.net
vnjs.net 2023 è‘—ä½œæ¨©. ä¸è¨±è¤‡è£½ ãƒ—ãƒ©ã‚¤ãƒã‚·ãƒ¼ãƒãƒªã‚·ãƒ¼
ymn 2013/10/14
ä»–ã«ã‚‚ä¼¼ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚‹ã‘ã‚Œã©ã€ã“ã‚Œã‚‚ã„ã„ãªã

jquery

èª¿æ•´

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ
ãƒªãƒ³ã‚¯
MdN Designï½œç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
jQuery ã¨ CSS ã‚’ä½¿ã£ãŸä½ç½®å›ºå®šåž‹ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã€ŒFixed Fade Out Menuã€ã€‚ãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚å›ºå®šåŒ–ã•ã‚Œã¦ãŠã‚Šã€æ“ä½œã—ã¦ã„ãªã„ã¨ãã¯åŠé€æ˜ŽåŒ–ã™ã‚‹ãŸã‚ã»ã‹ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é‚ªé”ã«ãªã‚‰ãªã„ã€‚ ã¾ãšã€ã€ŒFixed Fade Out Menuã€ã®é…å¸ƒã‚µã‚¤ãƒˆã‹ã‚‰ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å–å¾—ã—ã‚ˆã†ã€‚æ–¹æ³•ã¯ã€demoãƒšãƒ¼ã‚¸ï¼ˆhttp://tympanus.net/codrops/2009/12/11/fixed-fade-out-menu-a-css-and-jquery-tutorial/ï¼‰ã‹ã‚‰ã€è©²å½“ã™ã‚‹éƒ¨åˆ†ã€Œ3. The JavaScriptã€ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒ¼ã—ã¦å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«åŒ–ã™ã‚Œã°ã‚ˆã„ã€1-1ã€‘ã€1-2ã€‘ã€‚ ã€1-1ã€‘ã€ŒFixed Fade Out Menuã€ã®é…å¸ƒã‚µã‚¤ãƒˆãƒšãƒ¼ã‚¸ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã‚‹ã¨å‡ºã¦ãã‚‹ã€Œ3.Theã€€JavaScriptï¼ˆèµ¤ç·šæž ï¼‰ã€ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’ã‚³ãƒ”ãƒ¼ã—
ymn 2013/10/07
jquery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

css

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ä¸Šéƒ¨ã«å›ºå®šã•ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ | JSource
ymn 2013/10/07
jquery

css
ãƒªãƒ³ã‚¯
Twenty Thirteen ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å›ºå®š
ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’å›ºå®šã«ã—ã¦ã¿ã¾ã—ãŸã€‚ä¸‹æ–¹ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚æœ€ä¸Šéƒ¨ã«å›ºå®šã•ã‚Œã‚‹ã‚„ã¤ã§ã™ã€‚ ã‚¹ã‚¯ãƒªãƒ—ãƒˆ ä»¥ä¸‹ã®jsãƒ•ã‚¡ã‚¤ãƒ«ã‚’ç”¨æ„ã—ã¦ä¸‹ã•ã„ã€‚ navè¦ç´ ã®idã¯ã€ã‚½ãƒ¼ã‚¹ã‚‚ã—ãã¯header.phpã®<nav id="~">ã‚’ã¿ã¦ç¢ºèªã—ã¦ä¸‹ã•ã„ã€‚ // navbarfixedtop.js <script type="text/javascript"> $(function () { var nav = $('#navbar'); // navè¦ç´ ã®idã‚’è¨å®š var objDistance = nav.offset().top; $(window).scroll(function() { var myDistance = $(window).scrollTop(); if (myDistance > objDistance){ nav.addClass('navbar-fixed-top
ymn 2013/10/07
wordpress

ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚º

jquery
ãƒªãƒ³ã‚¯
tableå‘¨ã‚Šã§ä¾¿åˆ©ãªã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ - NxWorld
å¿˜ã‚Œã¦ã—ã¾ã£ãŸã¨ãã‚„ä½¿ãŠã†ã¨æ€ã†ã¨ãã«ã™ãè¦‹ã‚Œã‚‹ã‚ˆã†ã€tableå‘¨ã‚Šã§ä½¿ãˆã‚‹ã¡ã‚‡ã£ã¨ã—ãŸã‚¹ãƒ‹ãƒšãƒƒãƒˆã‚„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å‚™å¿˜éŒ²ã§ã™ã€‚ ã‚¼ãƒ–ãƒ©ãƒ†ãƒ¼ãƒ–ãƒ«ï¼ˆCSSï¼‰ æƒ…å ±é‡ãŒå¤šããªã‚Šãƒ†ãƒ¼ãƒ–ãƒ«ãŒé•·ããªã£ã¦ã—ã¾ã£ãŸã¨ããªã©ã«ã€å°‘ã—ã§ã‚‚è¦‹ã‚„ã™ããªã‚‹ã‚ˆã†è¡Œã‚’äº¤äº’ã«ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ å®Ÿè£…ã«ã¯CSS3ã®:nth-childã‚’ä½¿ã£ã¦ä¸‹è¨˜ã®ã‚ˆã†ã«è¨˜è¿°ã—ã¾ã™ã€‚
ymn 2013/09/13
table

ã‚¹ãƒ‹ãƒšãƒƒãƒˆ

css

jquery
ãƒªãƒ³ã‚¯
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ä¸Šã«å›ºå®šã•ã‚Œã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï½œWebpark
ã‚ˆãè¦‹ã‹ã‘ã‚‹ã‚¿ã‚¤ãƒ—ã®jQueryã‚’ä½¿ã£ãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ä¸Šã«å›ºå®šã•ã‚Œã¦ã„ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚æœ€è¿‘FC2ãƒ–ãƒã‚°ã®ä¸Šéƒ¨ã«ç¾ã‚ŒãŸæ¤œç´¢ãƒãƒ¼ï¼ˆã“ã®ãƒ–ãƒã‚°ã¯éžè¡¨ç¤ºã«ã—ã¦ã¾ã™ï¼‰ã¿ãŸã„ãªæ„Ÿã˜ã§ã™ã€‚ <script type="text/javascript"> $(function() { $(window).scroll(function(){ var scrollTop = $(window).scrollTop(); if(scrollTop != 0) $('#nav').stop().animate({'opacity':'0.5'},400); //ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ else $('#nav').stop().animate({'opacity':'1'},400); //ä¸€ç•ªä¸Šã«ã‚ã‚‹ã¨ã }); $('#nav').hover( function (e) { var scrollTop =
ymn 2013/09/12
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨é€æ˜Žã«ãªã‚‹ã€‚

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

jquery
ãƒªãƒ³ã‚¯
ãƒ†ãƒ¼ãƒ–ãƒ«ã«æ¤œç´¢ã€ã‚½ãƒ¼ãƒˆã€ãƒšãƒ¼ã‚¸åˆ†ã‘æ©Ÿèƒ½ã‚’ã¤ã‘ã¦ä¾¿åˆ©ã«ã—ã¦ãã‚Œã‚‹ã€ŒDableã€:phpspoté–‹ç™ºæ—¥èªŒ
Dable ãƒ†ãƒ¼ãƒ–ãƒ«ã«æ¤œç´¢ã€ã‚½ãƒ¼ãƒˆã€ãƒšãƒ¼ã‚¸åˆ†ã‘æ©Ÿèƒ½ã‚’ã¤ã‘ã¦ä¾¿åˆ©ã«ã—ã¦ãã‚Œã‚‹ã€ŒDableã€ ä¾å˜ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚¼ãƒãªã®ã‚‚ä½¿ã„ã‚„ã™ãã€Bootstrapãªã‚µã‚¤ãƒˆã§ã‚‚ä½¿ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ãŒå…¥ã£ã¦ã¾ã™ã€‚ ä»¥ä¸‹ãŒBootstrapãªã‚µã‚¤ãƒˆã§ã‚‚ä½¿ãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã€‚ æ®‹å¿µãªãŒã‚‰ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã«ã¯éžå¯¾å¿œã€‚ ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’é…å¸ƒã™ã‚‹å ´åˆã¯ã€Bootstrapã§ã‚‚ä½¿ãˆã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã ã¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¾¡å€¤ãŒä¸ŠãŒã‚Šã¾ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª Bootstrapãƒ™ãƒ¼ã‚¹ã®ãƒ•ãƒ©ãƒƒãƒˆUIå®Ÿè£…ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒFurattoã€ Bootstrapã®selectã‚’ã‚«ãƒƒã‚³ã‚ˆãã§ãã‚‹ã€ŒBootstrap-selectã€ Bootstrapã‚’ãƒ™ãƒ¼ã‚¹ã¨ã—ãŸãƒ•ãƒªãƒ¼ã®UIKitã€ŒFlat UIã€ Twitter BootStrap ã«è¿½åŠ ã§ãã‚‹ï¼•ã¤ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ‘ãƒƒã‚¯ã€ŒFuelUXã€ BootStrapã®ãƒ•ã‚©ãƒ¼ãƒ å…¥åŠ›ã‚’ã‚‚ã£ã¨ä¾¿åˆ©ã«ã™ã‚‹ãŸã‚ã®ã€ŒBootstrap
ymn 2013/09/10
UI

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

jquery
ãƒªãƒ³ã‚¯
ã€Ninjaã€‘jQueryã¨CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½œã‚‹ä½•åº¦ã‚‚ã‚¯ãƒªãƒƒã‚¯ã—ãŸããªã‚‹ã€Œãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ã€ãƒœã‚¿ãƒ³ / SQUEEZE - Web Design Studio -
å‰å›žã®è¨˜äº‹ã€ŽWebãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ã—ãŸã„éŠã³å¿ƒã‚ãµã‚Œã‚‹ã€Œãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ã€ãƒœã‚¿ãƒ³9å€‹ã€ã«ãªã‚‰ã£ã¦ã€jQueryã¨CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ã¦éŠã³å¿ƒã‚ãµã‚Œã‚‹ä½•åº¦ã‚‚ã‚¯ãƒªãƒƒã‚¯ã—ãŸããªã‚‹ã€Œãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ã€ãƒœã‚¿ãƒ³ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ Ninjaãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ãƒœã‚¿ãƒ³ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ãƒãƒ¼ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ´»ã‹ã—ãŸãƒšãƒ¼ã‚¸ãƒˆãƒƒãƒ—ãƒœã‚¿ãƒ³ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã‚’ã”è¦§ãã ã•ã„ã€‚ ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ Â» å¿è€…ç™»å ´ã¯CSSã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚³ãƒžé€ã‚Šã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ãŸã‚ã€1æžšã®PNGç”»åƒã«32pxÃ—32pxã®çµµã‚’10å€‹ä¸¦ã¹ã¾ã—ãŸã€‚ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ãŸæ™‚ã«ã€Xè»¸æ–¹å‘ã«-32pxãšã¤èƒŒæ™¯ç”»åƒãŒãšã‚Œã‚‹ã“ã¨ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã„ã‚‹ã‚ˆã†ã«è¦‹ãˆã¾ã™ã€‚ .ninja{ display:block; width:32px; height:32px; background:url(images/ninja.png) no-r
ymn 2013/09/09
GGå¿ãŒãƒ—ãƒ¬ã‚¤ã—ãŸããªã£ã¦ã„ãŸã¨ãã«è¦‹ã¦ã—ã¾ã£ãŸã€‚

jquery

CSS3

ãƒœã‚¿ãƒ³

*jQuery

*tips
ãƒªãƒ³ã‚¯
ä¸Šéƒ¨å›ºå®šãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®ãŠä¾›ã«ã€jQueryã‚’ä½¿ã£ãŸã‚¯ãƒªãƒƒã‚¯ã§é–‹é–‰ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼
ã‚¿ã‚¤ãƒˆãƒ«ã®ã¨ãŠã‚ŠjQueryã‚’ä½¿ã£ãŸã‚¯ãƒªãƒƒã‚¯ã§é–‹é–‰ã™ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚å…ˆæ—¥ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨é–‹ããƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ç´¹ä»‹ã—ã¾ã—ãŸãŒã€ç”¨é€”ã«ã‚ˆã£ã¦ä½¿ã„åˆ†ã‘ã‚‹ã¨ã„ã„ã¨æ€ã„ã¾ã™ã€‚ facebookã«ã‚‚åŒã˜ã‚ˆã†ãªã®ãŒã‚ã‚Šã¾ã™ãã€‚ãã‚Œã§ã¯HTMLã‹ã‚‰è§£èª¬ã—ã¦ã„ãã¾ã™ã€‚ HTML ã¾ãšã¯HTMLã§ã™ã€‚ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®éƒ¨åˆ†ã¯çœç•¥ã—ã¦ã„ã¾ã™ã€‚ <div id="fixed-menu"> <div id="fixed-menu-contents"> <a href="#" id="home"></a> <div class="panel-wrap"> <a href="#" class="panel-btn">ã‚«ãƒ†ã‚´ãƒªãƒ¼</a> <div class="panel"> ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ </div> </div> <div class="panel-wrap"> <a href="#" class="panel-btn
ymn 2013/09/06
jQuery

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

webfont
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸