[B! jquery][ãƒ—ãƒ©ã‚°ã‚¤ãƒ³] katryoã®ãƒ

katryo id:katryo

jqueryã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã«é–¢ã™ã‚‹katryoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

${{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ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«å¿œã˜ã¦ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’è¡¨ç¾ã§ãã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»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

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
XOXCO | jQuery Tags Input
Do you use tags to organize content on your site? This plugin will turn your boring tag list into a magical input that turns each tag into a style-able object with its own delete link. Tags Input handles all the data, your form just sees a comma-delimited list of tags!
katryo 2012/08/31
ã“ã‚Œä½¿ãˆãã†

jQuery

plugin

CSS

jQuery

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

development

webè£½ä½œ

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ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œscrolldeckã€ | Webæ´»ãƒ¡ãƒ¢å¸³
ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã‚‹ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œscrolldeckã€ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ã€ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆã€ãã®ä»–è‰²ã€…ãªè¦ç´ ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹Webãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æœ€è¿‘è‰¯ãè¦‹ã‹ã‘ã¾ã™ã€‚ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹(è¦–å·®åŠ¹æžœ)ã‚„ç´°ã‹ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã™ã‚‹ã‚‚ã®ã¾ã§ã€æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ãŒã€ æœ¬æ—¥ç´¹ä»‹ã™ã‚‹ã€Œscrolldeckã€ã‚’ä½¿ç”¨ã™ã‚‹ã¨ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãŒã©ã‚“ãªã‚‚ã®ã‹åˆ†ã‹ã‚‰ãªã„æ–¹ã®ãŸã‚ã«å…ˆã«ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãƒ‡ãƒ¢ãƒªãƒ³ã‚¯ã‚’è²¼ã£ã¦ãŠãã¾ã™ã€‚ ãƒ‡ãƒ¢1 ãƒ‡ãƒ¢2 ãƒ‡ãƒ¢3 ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§ç”»åƒãŒãšã‚Œã¦è¡Œãæ„Ÿã˜ãŒãŸã¾ã‚‰ãªã„ã§ã™ãã€‚ ä½¿ã„æ–¹ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’åˆæœŸåŒ–ã—ã¾ã™ã€‚ $(document).ready(function() { var deck = new $.scrolldeck(); }); ã‚ªãƒ—ã‚·ãƒ§ãƒ³è¨å®šã‚’ã™ã‚‹å ´åˆ $(document).ready(func
katryo 2012/06/23
ã‚ˆã•ãã†

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

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

plugin

jQuery

javascript

animation

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

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
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ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
#294 Playing with PJAX - RailsCasts
pjaxã¯Chris Wanstrathã«ã‚ˆã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã€HTTPãƒªã‚¯ã‚¨ã‚¹ãƒˆã§ãƒšãƒ¼ã‚¸å…¨ä½“ã‚’å–å¾—ã™ã‚‹ã®ã§ã¯ãªãã€AJAXãƒªã‚¯ã‚¨ã‚¹ãƒˆã«ã‚ˆã£ã¦ãƒšãƒ¼ã‚¸ã®ä¸€éƒ¨ã‚’ç°¡å˜ã«æ›´æ–°ã§ãã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã§ã©ã®ã‚ˆã†ã«å‹•ä½œã™ã‚‹ã‹ã‚’è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ã€ã“ã®ãƒšãƒ¼ã‚¸ã«ã‚ã‚‹ã„ãšã‚Œã‹ã®ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ãƒšãƒ¼ã‚¸å…¨ä½“ãŒãƒªãƒãƒ¼ãƒ‰ã•ã‚Œã¾ã™ã€‚ã“ã‚Œã¯ãƒšãƒ¼ã‚¸ä¸Šã®æ™‚åˆ»è¡¨ç¤ºãŒå¤‰ã‚ã‚‹ã“ã¨ã§ã‚ã‹ã‚Šã¾ã™ã€‚ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦pjaxã‚’æœ‰åŠ¹åŒ–ã™ã‚‹ã¨ã€ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã‚‚ãƒšãƒ¼ã‚¸å…¨ä½“ãŒãƒªãƒãƒ¼ãƒ‰ã•ã‚Œã‚‹ã“ã¨ã¯ãªãæ™‚åˆ»ã‚‚æ›´æ–°ã•ã‚Œã¾ã›ã‚“ãŒã€ãƒšãƒ¼ã‚¸ã®ãƒ¡ã‚¤ãƒ³ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã¯å¤‰åŒ–ã—ã¾ã™ã€‚ pjaxã¯pushStateã‚’ä½¿ç”¨ã™ã‚‹ã®ã§ãƒ¦ãƒ¼ã‚¶ã¯AJAXãƒªã‚¯ã‚¨ã‚¹ãƒˆãŒãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã§ç”Ÿæˆã•ã‚Œã¦ã„ã‚‹ã“ã¨ã«æ°—ã¥ãã¾ã›ã‚“ã€‚pjaxãŒãƒšãƒ¼ã‚¸ã‚’æ›´æ–°ã™ã‚‹ã”ã¨ã«ã‚¢ãƒ‰ãƒ¬ã‚¹ãƒãƒ¼ã®URLãŒæ›´æ–°ã•ã‚Œã€ãƒšãƒ¼ã‚¸ã®ã‚¿ã‚¤ãƒˆãƒ«ãŒå¤‰ã‚ã‚Šã€å‰ã®ãƒšãƒ¼ã‚¸ãŒãƒ–ãƒ©ã‚¦ã‚¶
katryo 2012/06/11
ã‚„ã£ã¦ã¿ã‚‹ã‹ãƒ¼

Ajax

rails

jQuery

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

railscasts

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

jQuery

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

webåˆ¶ä½œ

javascript

jquery

jQuery

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

js

plugin
ãƒªãƒ³ã‚¯
1