[B! WEBãƒ‡ã‚¶ã‚¤ãƒ³][jQuery] katryoã®ãƒ

katryo id:katryo

WEBãƒ‡ã‚¶ã‚¤ãƒ³ã¨jQueryã«é–¢ã™ã‚‹katryoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ 50
å°‘ã—å¤ã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ä»Šå¹´è¦‹ã‹ã‘ãŸã‚‚ã®ã‚’ä¸å¿ƒã«ãƒ•ã‚©ãƒ¼ãƒ å‘¨ã‚Šã§ã„ã¤ã‹ä½¿ã†æ©Ÿä¼šãŒã‚ã‚Šãã†ã ã¨æ€ã£ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ã¾ã¨ã‚ã§ã™ã€‚ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„å„ãƒ•ã‚©ãƒ¼ãƒ ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³å¤‰æ›´ã¨ã„ã£ãŸã‚ªãƒ¼ã‚½ãƒ‰ãƒƒã‚¯ã‚¹ãªã‚‚ã®ã‹ã‚‰ã€ä¸Šæ‰‹ãä½¿ãˆã°ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®å‘ä¸Šã«ç¹‹ãŒã‚Šãã†ãªã‚‚ã®ã€ä»–ã§ã¯ã‚ã¾ã‚Šè¦‹ãªã„ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªå‹•ãã‚’å®Ÿè£…ã§ãã‚‹ã‚‚ã®ã¾ã§æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ãŒã‚ã‚Šã¾ã™ã€‚ ä¸ã«ã¯CSS3ã‚’ä½µç”¨ã—ãŸã‚Šãã®ã¾ã¾ã§ã¯æ—¥æœ¬èªžã«å¯¾å¿œã—ã¦ã„ãªã„ã¨ã„ã†ã‚‚ã®ã‚‚å¹¾ã¤ã‹ã‚ã‚‹ã®ã§ã€ä½¿ã†éš›ã«ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã‚„ãƒ‡ãƒã‚¤ã‚¹ç’°å¢ƒã«ã‚ˆã£ã¦ã„ã‚ã„ã‚ç¢ºèªã™ã‚‹å¿…è¦ã¯ã‚ã‚‹ã‚“ã§ã™ãŒã€ã„ãšã‚Œã‚‚ä¾¿åˆ©ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã°ã‹ã‚Šã§ã™ã€‚ exValidation ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ä½œè€…ãŒæ—¥æœ¬ã®æ–¹ãªã®ã§ã€ã²ã‚‰ãŒãªã‚„ã‚«ã‚¿ã‚«ãƒŠã¨ã„ã£ãŸæ—¥æœ¬èªžã®ãƒã‚§ãƒƒã‚¯ã‚‚ã§ãã‚‹ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ Validetta ã‚·ãƒ³ãƒ—ãƒ«ã§è»½é‡ãªãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ jQuery Valideasy è¦‹ãŸç›®ãŒã‚·ãƒ³ãƒ—ãƒ«
katryo 2013/12/31
çŸ¥ã‚‰ã‚“é–“ã«ã„ã‚ã„ã‚å¢—ãˆã¦ãŸ

jQuery

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

js

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryã§èƒŒæ™¯ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ç„¡é™ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹
ç”»åƒã®æº–å‚™ ã¨ã‚Šã‚ãˆãšã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹ç”»åƒã‚’ç”¨æ„ã—ã¾ã™ã€‚ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã®ã§ç¶™ãŽç›®ã®ãªã„ç”»åƒã‚’ä½œæˆã—ãŸæ–¹ãŒã„ã„ã‹ã‚‚ã§ã™ã€‚ ä½œæˆã—ãŸã‚‰ã€Œbg.pngã€ã¨ã„ã†åå‰ã§ä¿å˜ã—ã¾ã™ã€‚ ä»Šå›žã¯ã“ã‚“ãªç”»åƒã‚’ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã—ã‚‡ã¼ã„ã¨ã‹è¨€ã£ã¦ã¯ã„ã‘ãªã„ï¼ html+cssã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ã«ç”»åƒã‚’é…ç½® html+cssã¯ç‰¹åˆ¥ãªã“ã¨ã¯ãªãæ™®é€šã«ä½œã‚Šã¾ã™ã€‚ ç”»åƒã¯bodyã®ã€Œbackgroundã€ã§é…ç½®ã—ã¦ã¿ã¾ã—ãŸã€‚ html <body> <div id="container"> <h1>jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’ç„¡é™ãƒ«ãƒ¼ãƒ—</h1> <p> ã“ã®ãƒšãƒ¼ã‚¸ã¯jQueryã§ãƒãƒƒã‚¯ã‚°ãƒ©ãƒ³ãƒ‰ç”»åƒã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ«ãƒ¼ãƒ—ã•ã›ã‚‹ã‚µãƒ³ãƒ—ãƒ«ãƒšãƒ¼ã‚¸ã§ã™ã€‚ </p> </div> </body> css body{ background: #A6E9FF url(bg.png) repeat-x; margin
katryo 2013/04/12
jQuery

CSS

HTML

javascript

Webãƒ‡ã‚¶ã‚¤ãƒ³

èƒŒæ™¯ç”»åƒ

èƒŒæ™¯
ãƒªãƒ³ã‚¯
ç¸¦æ›¸ãã‚’å¯èƒ½ã«ã™ã‚‹javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œç«¹å–JSã€
SEOçš„ã«ã‚‚å•é¡Œã®ç„¡ã„ç¸¦æ›¸ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚ŠãŸã„ã€‚ãã‚“ãªæ™‚ã«ä¾¿åˆ©ãªã®ãŒã€ä»Šå›žç´¹ä»‹ã™ã‚‹javascriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œç«¹å–JSã€ã§ã™ã€‚javascriptã§æŒ‡å®šã•ã‚ŒãŸãƒ–ãƒãƒƒã‚¯ã‚’ç¸¦æ›¸ãã«å¤‰æ›ã—ã¦ãã‚Œã¾ã™ã€‚ HTMLã®ã¿ã§ç¸¦æ›¸ãã¨ã„ã†ã®ã¯éžå¸¸ã«é¢å€’ã§ã—ãŸãŒã€ã“ã‚Œãªã‚‰æ°—è»½ã«ç¸¦æ›¸ãã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä½œã‚Œãã†ã§ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ä¸Šè¨˜ã®ã‚ˆã†ã«æ–‡å—ã ã‘ã§ã¯ãªãã€ãƒªã‚¹ãƒˆã‚„ã€å–ã‚Šæ¶ˆã—ç·šã€ãƒ†ãƒ¼ãƒ–ãƒ«ãªã©æ§˜ã€…ãªHTMLã§å‰µã‚‰ã‚ŒãŸåŸºæœ¬è¦ç´ ã‚’ç¸¦æ›¸ãåŒ–ã—ã¦ãã‚Œã¾ã™ã®ã§ã€å¾“æ¥ã®ã‚µã‚¤ãƒˆã®æ§‹é€ ã‚’ä¿ã£ãŸã¾ã¾ç¸¦æ›¸ãã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’åˆ¶ä½œã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ã¾ãŸåˆ‡ã‚Šæ›¿ãˆãƒœã‚¿ãƒ³ã‚„ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§æ¨ªæ›¸ãã¸çž¬æ™‚ã«åˆ‡ã‚Šæ›¿ã‚ã‚‹æ©Ÿèƒ½ã‚‚å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯InternetExplorer5.5+ / Firefox3.5+ / Safari3.2+ / Chrome3.0+ / Opera10.5+ã¨å¹…åºƒã„ãƒ–ãƒ©ã‚¦ã‚¶ã§åˆ©ç”¨å¯èƒ½ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯
katryo 2012/10/25
JQuery

ç¸¦æ›¸ã

ãƒ–ãƒ©ã‚¦ã‚¶

Javascript

js

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
katryo 2012/10/22
ãƒ©ã‚¤ãƒ–ãƒ©ãƒª

js

jQuery

Javascript

comment

web

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #6 ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®åŸºæœ¬ | DevelopersIO
ãã‚“ãªè¨³ã§ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãƒ»ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã¤ã„ã¦å°‘ã—å¦ã‚“ã§ã¿ãŸã®ã§ã€è¶…åˆå¿ƒè€…å‘ã‘ï¼ˆâ€»è‡ªåˆ†å«ã‚€ï¼‰ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’ã„ãã¤ã‹ç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ ã¯ã˜ã‚ã« - ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«ã¤ã„ã¦ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ï¼ˆparallaxï¼‰ã‚’ç›´è¨³ã™ã‚‹ã¨è¦–å·®ã§ã™ã€‚è¦–å·®åŠ¹æžœã¨ã¯ã€è¦–ç•ŒãŒç§»å‹•ã™ã‚‹éš›ã«å„ç‰©ä½“ãŒãã‚Œãžã‚Œç•°ãªã£ãŸã‚¹ãƒ”ãƒ¼ãƒ‰ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã“ã¨ã§ã€å¥¥è¡Œãé–“ã‚’ã¯ã˜ã‚ã¨ã—ãŸè¦–è¦šåŠ¹æžœã‚’æŒ‡ã—ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä¸–ç•Œã§ã¯ãƒ‡ã‚£â—‹ãƒ‹ãƒ¼æ˜ ç”»ã§å¤ãã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ãŸã‚Šã€ãƒ“ãƒ‡ã‚ªã‚²ãƒ¼ãƒ ã«ãŠã„ã¦ã‚‚æ¨ªã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã‚²ãƒ¼ãƒ ãªã©ã§æ˜”ã‹ã‚‰ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ JavaScriptï¼ˆjQueryï¼‰ã§ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ 1 | ã‚¹ã‚¯ãƒãƒ¼ãƒ«å€¤ã‚’å–å¾— ã©ã‚Œã ã‘ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‹ã¨ã„ã†å€¤ã‚’å–å¾—ã—ã¾ã™ã€‚ã“ã‚Œã ã‘ã§ã¯ã¾ã ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚‚ä½•ã‚‚ã‚ã‚Šã¾ã›ã‚“ãŒã€å…¨ã¦ã¯ã“ã“ã‹ã‚‰å§‹ã¾ã‚‹ã®ã§ã™ã€‚ $(function() { $(window).scroll(fu
katryo 2012/10/17
jQuery

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

javascript

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

CSS

jquery

HTML5

css3

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’è¡¨ç¾ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»jarallax - ã‹ã¡ã³ã¨.net
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦è¦–å·®åŠ¹æžœ ã‚’è¡¨ç¾ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ» jarallaxã®ã”ç´¹ä»‹ã€‚jQueryã‚’ å¿…è¦ã¨ã™ã‚‹ã¿ãŸã„ã§ã™ã€‚ã‚ˆã è¦‹ã‹ã‘ã‚‹ã‚„ã¤ã§ã™ãŒã€ãƒ‡ãƒ¢ãŒ è‰¯ã‹ã£ãŸã®ã§å‚™å¿˜éŒ²çš„ã«ã€‚ jQueryä¾å˜ã®ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆå®Ÿè£…ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ã™ã€‚æ™‚é–“ç„¡ã„ã®ã§ç´¹ä»‹ã ã‘ã¨ã•ã›ã¦é ‚ãã¾ã™ã€‚ ã‚ˆãã‚ã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹å®Ÿè£…ã‚¹ã‚¯ãƒªãƒ—ãƒˆã€‚ãƒ‡ãƒ¢ä½œã‚‹æš‡ãŒç„¡ã‹ã£ãŸã®ã§å…¬å¼ã®ã‚’ã”è¦§ä¸‹ã•ã„ã€‚ Sample ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã†ã¾ãä½¿ã‚ã‚Œã¦ã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®å®šç¾©ã‚’cloneAnimationã§ã‚¯ãƒãƒ¼ãƒ³åŒ–å‡ºæ¥ã‚‹æ§˜ã«ã—ãŸãã†ã§ã™ã€‚ var jarallax = new Jarallax(); var animation = jarallax.addAnimation('#foo',[{progress:'0', opacity:'0', top:'100%'}, {progress:'10', opacity:'1', t
katryo 2012/09/21
ã“ã‚Œä½¿ãˆãã†

animation

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

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

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

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

jQuery

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

javascript

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚ æœ€è¿‘ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãã«ã„ã‚ã„ã‚ä»•æŽ›ã‘ã‚’ã™ã‚‹ã®ãŒæµè¡Œãªã‚ˆã†ã§ã™ã€‚ ã“ã“ã§ã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ã‚ã‚‹è¦ç´ ã®ä½ç½®ã¨ã‹æœ€ä¸‹éƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ä½•ã‹è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’ã‚„ã£ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´03æœˆ08æ—¥ æ›´æ–°æ—¥2019å¹´12æœˆ19æ—¥ ã¡ã‚‡ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã—ã¦ã€Œãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’è¡¨ç¤ºã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã¯ä¸‹ã®æ–¹ã«ã“ã‚“ãªæ„Ÿã˜ã§é…ç½®ã—ã¾ã™ã€‚ html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedã«ã™ã‚‹ã¨å›ºå®šé…ç½®ã•ã‚Œã¾ã™ã€‚ css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
katryo 2012/08/06
HTML

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

CSS

Javascript

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

scroll

jQuery
ãƒªãƒ³ã‚¯
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºã«åˆã‚ã›ã¦ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹CSSã‚„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã„ã‚ã„ã‚
ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã‚µã‚¤ã‚ºï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ã‚µã‚¤ã‚ºï¼‰ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒã‚’è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€æœ€è¿‘è¦‹ã¤ã‘ãŸ jQuery ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ã¦ã€ã„ã‚ã„ã‚è©¦ã—ã¦ã¿ãŸã‚Šã—ãŸã®ã§ãƒ¬ãƒ“ãƒ¥ãƒ¼ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ èƒŒæ™¯ã«ç”»åƒã‚’ä½¿ã£ãŸ Webã‚µã‚¤ãƒˆã£ã¦ãŸãã•ã‚“ã‚ã‚Šã¾ã™ã‚ˆãã€‚å¤§ããã¦ã‚ãƒ¬ã‚¤ãªç”»åƒã¯ã€è¦‹ãŸç›®ã«ã‚‚ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒã‚ã£ã¦ã¨ã¦ã‚‚å°è±¡çš„ã§ã™ã€‚ã§ã‚‚ Webã‚µã‚¤ãƒˆã‚’é–²è¦§ã—ã¦ã„ã‚‹äººã®ç’°å¢ƒã¯æ§˜ã€…ã§ã€ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ã®ã‚µã‚¤ã‚ºãŒé•ã£ãŸã‚Šã™ã‚‹ã‚‚ã®ã€‚ãƒ‡ã‚£ã‚¹ãƒ—ãƒ¬ã‚¤ï¼ˆãƒ–ãƒ©ã‚¦ã‚¶ï¼‰ã®ã‚µã‚¤ã‚ºã«ã‚ã‚ã›ã¦ã€ç”»åƒã‚’æ‹¡å¤§è¡¨ç¤ºã™ã‚‹æ–¹æ³•ã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ãã®ä¸ã‹ã‚‰ã„ãã¤ã‹ã‚’ã‚µãƒ³ãƒ—ãƒ«ä»˜ãã§ã”ç´¹ä»‹ã—ã¾ã™ï¼ ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ ç›®æ¬¡ CSSã®ã¿ã§ç”»é¢ã„ã£ã±ã„ã«èƒŒæ™¯ç”»åƒ jQuery ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ fullscreenr ã‚’ä½¿ã£ã¦ã¿ãŸ Full Size Background Image jQuery Plugin ã‚’ä½¿ã£ã¦ã¿ãŸ jQuery max
katryo 2012/08/05
jQuery

CSS

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

ç”»åƒ

plugin

jQuery

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

webåˆ¶ä½œ

css

èƒŒæ™¯
ãƒªãƒ³ã‚¯
jQueryäº‹å§‹ã‚vol.2ãƒ»ç”»åƒã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦å‹•ä½œã™ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½œã£ã¦ã¿ã‚‹
ä»¥å‰ã«æ›¸ã„ãŸjQueryäº‹å§‹ã‚ã€ã¨ã„ã†è¨˜äº‹ã® ç¶šç·¨ã®ã‚ˆã†ãªå†…å®¹ã®è¨˜äº‹ã§ã™ã€‚åŸºæœ¬ã‚’ç†è§£ ã—ãŸã‚‰ä»Šåº¦ã¯ã‚³ãƒ¼ãƒ‰ã‚’çœŸä¼¼ã—ã¦ä½“ã§è¦šãˆã¦ ã¿ã‚‹ã®ã‚‚å‹‰å¼·æ–¹æ³•ã®æœ‰åŠ¹ãªæ‰‹ã®ä¸€ã¤ã ã¨ æ€ã„ã¾ã™ã€‚ã”è‡ªåˆ†ã§æ”¹å¤‰ã—ã¦éŠã¹ã‚‹ç¨‹åº¦ã® ç°¡å˜ãªã‚³ãƒ¼ãƒ‰ãªã®ã§ãœã²ãƒãƒ£ãƒ¬ãƒ³ã‚¸ã—ã¦ã¿ã¦ ãã ã•ã„ã€‚ å†…å®¹ã¯jQueryã‚’è¦šãˆãŸã„ã‘ã©ãªã‹ãªã‹æ™‚é–“ãŒç„¡ã„ã€ã¨ã„ã†Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã•ã‚“å‘ã‘ã§ã™ã€‚å¤šãã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãŒå˜åœ¨ã—ã¾ã™ãŒã€jQueryã®åŸºæœ¬ä¸ã®åŸºæœ¬ã¨å°‘ã—ã®ã‚¢ã‚¤ãƒ‡ã‚¢ã ã‘ã§ã‚‚ååˆ†å‡ºæ¥ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã®ã§ã€ãã“ã¾ã§æ·±ãè¿½æ±‚ã™ã‚‹å¿…è¦ã¯ç„¡ã„æ°—ã‚‚ã—ã¾ã™ã€‚ å°‘ã—ã§ã‚‚ãƒãƒ¼ãƒ‰ãƒ«ãŒä½Žããªã‚Œã°ã¨æ€ã£ã¦ã€ã‚³ãƒ¼ãƒ‰ã‚’çœŸä¼¼ã—ã¦ã€ãã“ã‹ã‚‰ã”è‡ªèº«ã§å¿œç”¨å‡ºæ¥ã‚‹ã‚ˆã†ãªç°¡å˜ãªå†…å®¹ã‚’è¨˜äº‹ã«ã—ã¦ã¿ã¾ã—ãŸã€‚ä»Šå›žã¯ã‚ˆãã‚ã‚‹ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½œã£ã¦ã¿ã¾ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ«ã¾ãšã¯ã‚µãƒ³ãƒ—ãƒ«ã€‚ç”»åƒã«ãƒžã‚¦ã‚¹ã‚’ä¹—ã›ã‚‹ã¨ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‹ã‚Šã¾ã™ã€‚ ç¢ºèªå‡ºæ¥ã¾ã—ãŸã§ã—ã‚‡
katryo 2012/07/22
jQuery

JavaScript

ç”»åƒ

hover

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

jquery
ãƒªãƒ³ã‚¯
æœ€è¿‘æ°—ã«ãªã£ã¦ããŸjQueryã«ã¤ã„ã¦è‰²ã€…èª¿ã¹ã¦ã¿ã¾ã—ãŸ - ã‚‚ã¨ã¾ã‹æ—¥è¨˜
æœ€è¿‘ã€ã€ŒjQueryã€ã¨ã„ã†ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’ã‚ˆãè¦‹ã‹ã‘ã¾ã™ã€‚ ã“ã‚Œã£ã¦ä½•ã ã‚ï¼Ÿã¨æ€ã£ãŸã®ã§èª¿ã¹ã¦ã¿ãŸã‚‰ã€JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã‚ˆã†ã§ã€‚ ã¦ã“ã¨ã§ã€æœ€è¿‘ã¡ã‚‡ã£ã¨æ°—ã«ãªã£ã¦ãŸJQueryã«ã¤ã„ã¦èª¿ã¹ã¦ã¿ã¾ã—ãŸã€‚ jQueryã®æ¦‚è¦ ã¾ãšã¯é›£ã—ã„ã“ã¨ã¯æŠœãã«ã—ã¦ã€ä»¥ä¸‹ã‚’èªã‚“ã§ã¿ã‚‹ã¨åˆ†ã‹ã‚Šã‚„ã™ã„ã§ã™ã€‚ ã¯ã˜ã‚ã¦ã®jQuery jQueryä»•æ§˜é–¢é€£ ä¸€å¿œã§ã™ãŒã€ä»•æ§˜ã«ã¤ã„ã¦ã€‚ jQuery æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ å¿…è¦ã«å¿œã˜ã¦ã¿ã‚Œã°ã„ã„ã‹ãªï¼Ÿã¨æ€ã£ã¦ã‚‹ã®ã§ã€ã¾ã ç´°ã‹ãã¯è¦‹ã¦ã¾ã›ã‚“ã€‚ åˆå¿ƒè€…å‘ã‘ã®åŸºç¤ŽçŸ¥è˜ã€åŸºç¤Žè¬›åº§ æœ€åˆã¯åˆå¿ƒè€…å‘ã‘ã®è¨˜äº‹ã‚’èªã‚“ã§ã¿ã‚‹ã¨è‰¯ã•ãã†ã§ã™ã€‚ ASCII.jpï¼š40åˆ†ã§è¦šãˆã‚‹ï¼jQueryé€Ÿç¿’è¬›åº§ä¸€æ™©ã§è¦šãˆã‚‹jQueryã®é€†å¼•ãåŸºç¤Žã‚µãƒ³ãƒ—ãƒ«7ã¤jQueryäº‹å§‹ã‚ãƒ»ã‚³ãƒ”ãƒšã«é ¼ã‚‰ãšã€åŸºç¤ŽçŸ¥è˜ã‚’ç†è§£ã—ã¦å®Ÿéš›ã«å‹•ã‹ã—ã¦ã¿ã‚‹jQuery é–‹ç™ºè€…å‘ã‘ãƒ¡ãƒ¢ ã‚µãƒ³ãƒ—ãƒ«ã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ èª¿ã¹ã¦ã¦
katryo 2012/06/27
ã ã„ãŸã„ã‚ã‹ã£ãŸ

jQuery

jQuery

ã¾ã¨ã‚

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

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

JavaScript

web
ãƒªãƒ³ã‚¯
http://joelb.me/scrollpath/
katryo 2012/06/23
ç„¡é™ãƒ«ãƒ¼ãƒ—ã“ã‚

plugin

JavaScript

scroll

jQuery

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

jQuery

JQuery
ãƒªãƒ³ã‚¯
scrollorama
How To Use Disclaimer: This is an experimental, just-for-fun sort of project and hasnâ€™t been thoroughly tested. Design and build your site, dividing your content into blocks. â˜… â˜… â˜… Embed scrollorama.js after jQuery and initialize the plugin, passing the blocks class selector as a parameter. $(document).ready(function() { var scrollorama = $.scrollorama({ blocks:'.scrollblock' }); }); â˜… â˜… â˜… Target
katryo 2012/06/23
ã“ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã™ã”ãæ¥½ã—ã„ã€‚ã‚ã¨ç°¡å˜ã«ä½¿ãˆãã†ã€‚å¤¢ãŒåºƒãŒã‚Šã‚“ã

jQuery

jquery

ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹

plugin

jQuery

js

design

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

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³33+1é¸ -2011å¹´9æœˆ | ã‚³ãƒªã‚¹
ç´¹ä»‹æ¸ˆã¿ã‹ã‚‰æœªç´¹ä»‹ã®ã‚‚ã®ã¾ã§ã€jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³34é¸ã§ã™ã€‚ Loupe ç”»åƒã®ä¸€éƒ¨ã‚’æ‹¡å¤§ã—ã¾ã™ã€å¤šå½©ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ãŒä¾¿åˆ©ã€‚ Slicebox ç”»åƒã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ã«3Dã‚¹ãƒ©ã‚¤ã‚¹ã™ã‚‹ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€‚ E
katryo 2011/10/04
ã‚„ã‚Œã‚„ã‚Œã€‚åƒ•ã¯ãƒ–ã‚¯ãƒžã—ãŸ

jQuery

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

webåˆ¶ä½œ

javascript

jquery

jQuery

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

js

plugin
ãƒªãƒ³ã‚¯
1