[B! tech jQuery plugin] bleu-bleutã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

bleu-bleut id:bleu-bleut

tech jQuery pluginã«é–¢ã™ã‚‹bleu-bleutã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFractionSliderã€:phpspoté–‹ç™ºæ—¥èªŒ
FractionSlider: jQuery parallax Slider Plugin | jacksbox.design ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒFractionSliderã€ æœ€è¿‘ã‚ˆãè¦‹ã‚‹ç¸¦ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹åŠ¹æžœã€ã§ã¯ãªãæ¨ªã«ã‚¹ãƒ©ã‚¤ãƒ‰ã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã£ã½ã„ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ å˜ãªã‚‹ç”»åƒã‚’ãƒšãƒ©ãƒšãƒ©ç´™èŠå±…ã£ã½ãã‚ãã‚‹ã®ã§ã¯ãªãã¦ã€ã‚ˆã‚Šã‚¢ãƒ‹ãƒ¡ã£ã½ã„è¡¨ç¾ãŒå¯èƒ½ã§ã™ã€‚ <div>ã‚’ãƒªã‚¹ãƒˆã«ã—ã¦å®šç¾©ã—ã€ä¸èº«ã‚’è¨˜è¿°ã—ã¦ã„ã‘ã°ä½œã‚Œã‚‹ã‚ˆã†ã§ã™ Flashã§ã‚„ã£ã¦ãŸã‚ˆã†ãªã“ã¨ã‚‚ã€ã©ã‚“ã©ã‚“ç½®ãæ›ã‚ã£ã¦ã„ã¾ã™ã é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ç‰ã€è¤‡æ•°ç”»åƒã®è¦‹ã›æ–¹ã‚’è‰²ã€…æä¾›ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒRondellã€ æ§˜ã€…ãªã‚¿ã‚¤ãƒ—ã®ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãŒä½œã‚Œã‚‹jQueryã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒJquery Slider Shockã€ è»½é‡ã®ã‚¹ãƒ¯ã‚¤ãƒ—å¯
bleu-bleut 2013/04/11
_scrapUIRefLater

type Article

layer UI

lang Japanese

design slider

tech jQuery plugin
ãƒªãƒ³ã‚¯
[JS]å…¥åŠ›ã™ã‚‹ã®ãŒæ¥½ã—ããªã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å‚™ãˆãŸãƒ•ã‚©ãƒ¼ãƒ -Fancy Input
ãƒ•ã‚©ãƒ¼ãƒ ã«ãƒ†ã‚ã‚¹ãƒˆã‚’å…¥åŠ›ã™ã‚‹éš›ã€ã¡ã‚‡ã£ã¨é¢ç™½ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆ5ç¨®é¡žï¼‰ã‚’ä¸Žãˆã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ colissã¨å…¥åŠ›ã€ãã—ã¦å‰Šé™¤ã™ã‚‹ã¨ã€ã“ã‚“ãªæ„Ÿã˜ã§ã™ã€‚ Fancy Input Fancy Input -GitHub Fancy Inputã®ãƒ‡ãƒ¢ Fancy Inputã®ä½¿ã„æ–¹ Fancy Inputã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã¯Firefox, Chrome, Safari, Operaã§ã”è¦§ãã ã•ã„ã€‚ IEã¯ã‚´ãƒ¡ãƒ³ãƒŠã‚µã‚¤ã¨ã®ã“ã¨ã§ã€é€šå¸¸é€šã‚Šã«å…¥åŠ›ã§ãã‚‹ã ã‘ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ‡ãƒ¢ã§ã¯ãƒ†ã‚ã‚¹ãƒˆã¨ãƒ†ã‚ã‚¹ãƒˆã‚¨ãƒªã‚¢ã®2ç¨®é¡žãŒã‚ã‚Šã€ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ãã‚Œãžã‚Œ5ç¨®é¡žç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚ â€»æ—¥æœ¬èªžã®å…¥åŠ›ã¯å¯¾å¿œã—ã¦ã„ãªã„ã‚ˆã†ã§ã™ã€æ®‹å¿µã€‚ Fancy Inputã®ä½¿ã„æ–¹ å®Ÿè£…ã¯éžå¸¸ã«ç°¡å˜ã§ã™ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« ã€Œjquery.jsã€ã¨å½“ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚
bleu-bleut 2013/02/28
_scrapUIRefLater

type Article

layer UI

lang Japanese

UI form input

tech jQuery plugin
ãƒªãƒ³ã‚¯
ãƒšãƒ¼ã‚¸å†…ã®ã©ã“ã«ã„ã‚‹ã‹ã‚’åˆ†ã‹ã‚Šã‚„ã™ããƒŠãƒ“ã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒscrollNav.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒšãƒ¼ã‚¸å†…ã®ã©ã“ã«ã„ã‚‹ã‹ã‚’åˆ†ã‹ã‚Šã‚„ã™ããƒŠãƒ“ã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒscrollNav.jsã€ 2013å¹´01æœˆ29æ—¥- scrollNav.js ãƒšãƒ¼ã‚¸å†…ã®ã©ã“ã«ã„ã‚‹ã‹ã‚’åˆ†ã‹ã‚Šã‚„ã™ããƒŠãƒ“ã—ã¦ãã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒscrollNav.jsã€ã€‚ ãƒšãƒ¼ã‚¸ã®è¦‹å‡ºã—ã‚’<h1ã€œ6>ã®ã‚¿ã‚°ã§å®šç¾©ã—ã¦ã„ã‚‹ã¨ã—ã¦ã€è¦‹å‡ºã—ã‚’è‡ªå‹•ã§ã‚µã‚¤ãƒ‰ãƒãƒ¼ã«å›ºå®šã§å‡ºã—ã¦ãã‚Œã¦ã€ã‚«ãƒ¬ãƒ³ãƒˆä½ç½®ã®è¦‹å‡ºã—ã‚’å¤ªå—ã«ã—ã¦ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ãã‚Œã¾ã™ã€‚ å½“ç„¶ã€ãƒŠãƒ“éƒ¨åˆ†ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚Œã°æŒ‡å®šä½ç½®ã¾ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ãã‚Œã¾ã™ã€‚ ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’è¿½åŠ ã—ãŸéš›ã‚‚ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’å¤‰ãˆãªãã¦ã„ã„ã®ã§ã€ã¨ã£ã¦ã‚‚ä¾¿åˆ©ã§ã™ã jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãªã®ã§åˆæœŸåŒ–ã™ã‚‹ã ã‘ã§åˆ©ç”¨ã‚‚ã¨ã£ã¦ã‚‚ç°¡å˜ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®è¦‹æœ¬ã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ« ãƒšãƒ¼ã‚¸ä¸Šéƒ¨ã«éš ã‚Œã‚‹ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãƒãƒ¼ãŒå®Ÿè£…ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€Œj
bleu-bleut 2013/01/29
_wcode

_scrapTechRefLater

type Article

layer tech

lang Japanese

tech scroll

tech jQuery plugin
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ãƒ†ãƒ ãƒ™ãƒ¼ã‚¹ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSlyã€:phpspoté–‹ç™ºæ—¥èªŒ
Sly - jQuery plugin ã‚¢ã‚¤ãƒ†ãƒ ãƒ™ãƒ¼ã‚¹ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’å®Ÿç¾ã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒSlyã€ã€‚ é€šå¸¸ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã‚’å‹•ã‹ã™ã¨ãƒ–ãƒ©ã‚¦ã‚¶ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¾ã™ãŒã€Slyã§åˆæœŸåŒ–ã—ãŸã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆä¸Šã§ãƒ›ã‚¤ãƒ¼ãƒ«ã‚’å‹•ã‹ã™ã¨ã‚¢ã‚¤ãƒ†ãƒ ãŒæ¨ªã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã€ã¿ãŸã„ãªUIãŒä½œã‚Œã¾ã™ã€‚ ãƒ›ã‚¤ãƒ¼ãƒ«ã ã‘ã§ã¯ãªãã¦ã€æ¨ªã«é•·ã„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚„ãƒšãƒ¼ã‚¸é€ã‚Šã€ã‚¢ã‚¤ãƒ†ãƒ ã®è¿½åŠ ç‰ãŒã§ãã¾ã™ã€‚ å¿œç”¨ã—ã¦é¢ç™½ã„ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãŒä½œã‚Œãã†ã§ã™ã€‚ æ–‡æ›¸ã‚’å…¥ã‚Œã¦ã¿ãŸä¾‹ã€‚è‡ªå‹•ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ãŸã‚Šã€ãƒ¡ã‚¤ãƒ³ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚å‡ºæ¥ã‚‹ã¿ãŸã„ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨å·»ç‰©é¢¨ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒå›žè»¢ã™ã‚‹UIã‚’ä½œã‚Œã‚‹ã€ŒFoldScrollã€ ãƒšãƒ¼ã‚¸å†…ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãªã‚‰ã‚³ãƒ¬ã«ãŠã¾ã‹ã›ï¼ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒPage Scrollerã€ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚position:fixedã§ã‚¦ã‚¶ããªã„æ„Ÿã˜ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³å®Ÿè£…ãƒ©
bleu-bleut 2012/11/06
_scrapUIRefLater

type Article

layer UI

lang Japanese

design slider

tech jQuery plugin
ãƒªãƒ³ã‚¯
ç´ æ•µãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒè¤‡æ•°ç”¨æ„ã•ã‚ŒãŸã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»jq-tiles - ã‹ã¡ã³ã¨.net
ç”»åƒã®åˆ‡ã‚Šæ›¿ãˆæ™‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒ ã¨ã£ã¦ã‚‚ç´ æ•µãªjQueryã®ã‚¤ãƒ¡ãƒ¼ã‚¸ ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ãƒ»jq-tilesã®ã”ç´¹ä»‹ã§ ã™ã€‚ã‚¯ãƒã‚¹ãƒ–ãƒ©ã‚¦ã‚¶ã¨ã„ã†è¨³ã§ã¯ ç„¡ã„ã®ã§ã“ã®ã¾ã¾ã ã¨ç”¨é€”ã¯é™ã‚‰ ã‚Œã¾ã™ã‘ã©ãƒ»ãƒ» ç´ æ•µãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒç”¨æ„ã•ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€‚CodeCanYouã«ã‚ã‚‹ã‚ˆã†ãªæœ‰æ–™ã®ã‚¹ã‚¯ãƒªãƒ—ãƒˆã§ãŸã¾ã«è¦‹ã‹ã‘ã‚‹ã‚¿ã‚¤ãƒ—ã§ã™ã€‚OSSã§å…¬é–‹ã•ã‚Œã¦ã‚‹ã®ã¯ã¡ã‚‡ã£ã¨çã—ã„ã‹ã‚‚ã€‚ ã‚¿ã‚¤ãƒ«çŠ¶ã«ç”»åƒãŒåˆ‡ã‚Šå–ã‚‰ã‚ŒãªãŒã‚‰ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ã‚¦ãƒˆã—ã¾ã™ã€‚ä»–ã«ã‚‚ã„ã‚ã„ã‚ã€‚ ç›®ã‚’æƒ¹ãäº‹ã¯å‡ºæ¥ãã†ã§ã™ã€‚ $('.foo').tilesSlider() æœ¬ä½“ã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã‚“ã§åˆæœŸåŒ–ã™ã‚Œã°å‹•ä½œã—ã¾ã™ã€‚ { x : 4, // xè»¸ã«ã‚¿ã‚¤ãƒ«ã‚’å‹•ã‹ã™æ•°å€¤ã€‚æœ€å¤§20 y : 4, // yè»¸ã«ã‚¿ã‚¤ãƒ«ã‚’å‹•ã‹ã™æ•°å€¤ã€‚æœ€å¤§20 effect : â€˜defaultâ€™,//ã‚¨ãƒ•ã‚§ã‚¯ãƒˆæŒ‡å®š fade : false, // ãƒ•ã‚§ãƒ¼ãƒ‰ã•ã›ã‚‹ã‹ã©ã†ã‹ auto :
bleu-bleut 2012/10/24
_scrapUIRefLater

type Article

layer UI

lang Japanese

design slider

tech jQuery plugin
ãƒªãƒ³ã‚¯
Site Under Maintenance
We'll be back soon! Our site is currently undergoing maintenance. Please check back later.
bleu-bleut 2012/10/22
_scrapUIRefLater

type Article

layer UI

lang Japanese

UI form input

tech jQuery plugin
ãƒªãƒ³ã‚¯
BigVideo.js
ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ‡ãƒ¢ã¯å·¦ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã€å‹•ç”»ã‚’å¤‰æ›´ã—ã¦å†ç”Ÿã§ãã¾ã™ã€‚ BigVideo.jsã®ä½¿ã„æ–¹ å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« BigVideo.jsã¯jQuery, jQuery UIã¨ã€å‹•ç”»å†ç”Ÿã«ã€Œvideo.jsã€ã‚’åˆ©ç”¨ã—ã¦ã„ã¾ã™ã€‚ã“ã‚Œã‚‰å…¨ã¦ã‚’å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚  <script src="//ajax.google apis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script src="js/jquery-ui-1.8.22.custom.min.js"></script> <script src="js/jquery.imagesloaded.min.js"></script> <script src="http://vjs.zencdn.net/c/vide
bleu-bleut 2012/08/21
_hwit

_scrapTechRefLater

type Article

layer tech

lang Japanese

media video background

tech jQuery plugin
ãƒªãƒ³ã‚¯
jQueryã§ä½¿ã„å‹æ‰‹ã®è‰¯ã•ãã†ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‚®ãƒ£ãƒ©ãƒªãƒ¼
htmlã«ç›´æŽ¥æ›¸ãè¾¼ã‚“ã§ã„ã‚‹ä»¥ä¸‹ã®éƒ¨åˆ†ã«ã¤ã„ã¦ã‚‚è‹¥å¹²èª¬æ˜Žã€‚ <script type="text/javascript"> $(document).ready(function(){ $("#slider").easySlider({ auto: true, continuous: false, numeric: true }); }); </script> autoã¯è‡ªå‹•çš„ã«æ¬¡ã®ç”»åƒã«ç§»å‹•ã™ã‚‹ã‹ã©ã†ã‹ã€continuousã¯è‡ªå‹•çš„ã«æ¬¡ã®ç”»åƒã«ç§»å‹•ã—ã¦æœ€å¾Œã¾ã§ã„ã£ãŸå ´åˆã€æœ€åˆã«æˆ»ã‚‹ã‹ã©ã†ã‹ã§ã™ã€‚ ãŸã„ã—ãŸèª¬æ˜Žã§ã¯ãªã„ã§ã™ãŒã€ã‚µãƒ³ãƒ—ãƒ«ã‚‚ã‚ã‚‹ã®ã§å•é¡Œãªã„ã¨æ€ã„ã¾ã™ã€‚
bleu-bleut 2012/01/02
_scrapUIRefLater

type Article

layer UI

lang Japanese

tech jQuery plugin

design slider
ãƒªãƒ³ã‚¯
1