[B! js] USuckã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

USuck id:USuck

jsã«é–¢ã™ã‚‹USuckã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

[JS]æœ€è¿‘ã®Webã‚µã‚¤ãƒˆã§è¦‹ã‹ã‘ã‚‹é¢ç™½ã„ä»•æŽ›ã‘ã‚„ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã®ã¾ã¨ã‚
æœ€è¿‘ã®Webã‚µã‚¤ãƒˆã§ã‚ˆãè¦‹ã‹ã‘ã‚‹é¢ç™½ã„ä»•æŽ›ã‘ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’å®Ÿè£…ã§ãã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Midnight ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒã‚´ã‚„ãƒ˜ãƒƒãƒ€ãªã©ã‚’ã‚¹ã‚¯ãƒãƒ¼ãƒ«æ™‚ã«å›ºå®šè¡¨ç¤ºã—ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦è¡¨ç¤ºã•ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å¿œã˜ã¦ã€å›ºå®šã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’å¤‰æ›´ã•ã›ã¦è¡¨ç¤ºã™ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€‚ ãƒ‡ãƒ¢ã§ã¯ã€è¡¨ç¤ºã•ã‚Œã¦ã„ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«å¿œã˜ã¦ã€ãƒã‚´ã®èƒŒæ™¯è‰²ã¨ã‚«ãƒ©ãƒ¼ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ Off Canvas Menu Effects ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ã‚µã‚¤ãƒ‰ã‚„ãƒˆãƒƒãƒ—ãƒ»ãƒœãƒˆãƒ ã‹ã‚‰æ°—æŒã¡ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹Off Canvas Menuã®ã‹ã£ã“ã„ã„ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã¾ã¨ã‚ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦è¦‹ã‚‹ã ã‘ã§ã‚‚æ¥½ã—ã„ã§ã™ã€‚
USuck 2014/09/29
js
ãƒªãƒ³ã‚¯
uilang
a minimal, ui-focused programming language for web designers clicking on ".try-it" toggles class "hidden" on ".info-box" Try It Getting Started Insert uilang.js in your page, write some uilang as shown above in a simple <code> element and use CSS to show, hide and animate things. Download 1KB Build Interfaces Create popovers, tabs, galleries, overlays and more using a language specifically designe
USuck 2014/09/03
js

ui
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
USuck 2014/09/01
js

menu
ãƒªãƒ³ã‚¯
C3.js | D3-based reusable chart library
Comforta ble C3 makes it easy to generate D3-based charts by wrapping the code required to construct the entire chart. We don't need to write D3 code any more. Customizable C3 gives some classes to each element when generating, so you can define a custom style by the class and it's possible to extend the structure directly by D3. Controllable C3 provides a variety of APIs and callbacks to access th
USuck 2014/08/28
js

ã‚°ãƒ©ãƒ•

d3
ãƒªãƒ³ã‚¯
ä»»æ„ã®è¦ç´ ã‚’3Då›žè»¢ã•ã›ã€ç«‹ä½“çš„ã«è¦‹ã›ã‚‹å›½ç”£ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãƒ»TURNBOX.js - ã‹ã¡ã³ã¨.net
ä»»æ„ã®è¦ç´ ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§ç«‹ä½“çš„ã«è¦‹ã›ã‚‹ã€ã¨ã„ã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆãƒ»TURNBOX.jsã®ã”ç´¹ä»‹ã€‚ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨ç›¸æ€§è‰¯ã•ãã†ã§ã™ã€‚ è¦ç´ ã«ç«‹ä½“çš„ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã¦ã€3DãªUIã«ã™ã‚‹äº‹ãŒã§ãã¾ã™ã€‚ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ã£ã¦æ¬²ã—ã„ã¨ã®äº‹ã§ã™ã€‚é–‹ç™ºè€…ã•ã‚“ã¯NOHTã•ã‚“ã¨ã„ã†æ—¥æœ¬ã®ä¼æ¥ã•ã‚“ãªã®ã§ç–‘å•ãŒã‚ã£ãŸå ´åˆã§ã‚‚é€£çµ¡ãŒå–ã‚Šã‚„ã™ã„ã®ã§å®‰å¿ƒã§ã™ãã€‚ å‹•ä½œã‚µãƒ³ãƒ—ãƒ«ã§ã™ ä»–ã«ã‚‚ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰ã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã«ä½¿ãˆãŸã‚Šã„ã‚ã„ã‚å¿œç”¨å¹…ãŒåºƒã„å°è±¡ã§ã™ã€‚ <script src="//ajax.google apis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script type="text/javascript" src="turnBox.js"></script> â†‘ æœ¬ä½“ã¨ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ $(".foo")
USuck 2014/08/05
js

3d
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ä¸€é¢¨å¤‰ã‚ã£ãŸã‚¹ã‚¯ãƒãƒ¼ãƒ«ã§åˆ‡ã‚Šæ›¿ãˆã‚‰ã‚Œã‚‹JavaScriptã€ŒmultiScroll.jsã€
twitter facebook hatena google pocket ã‚¹ãƒ©ã‚¤ãƒ‰ã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¯ã‹ãªã‚Šå‡ºå›žã£ã¦ã„ã‚‹ã‹ã¨æ€ã„ã¾ã™ãŒã€jqueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®multiscroll.js - split multi-scrolling pages pluginã‚’åˆ©ç”¨ã™ã‚‹ã¨å·¦å³ã«åˆ†å‰²ã•ã‚ŒãŸã‚¹ãƒ©ã‚¤ãƒ‰ãŒä¸Šä¸‹ã«å°è±¡çš„ã«è¡¨ç¤ºã•ã‚Œã¦ãã¾ã™ã€‚ è¨ªå•è€…ã«ã¡ã‚‡ã£ã¨å¤‰ã‚ã£ãŸå°è±¡ã‚’ä¸Žãˆã‚‰ã‚Œãã†ã§ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• multiscroll.js - split multi-scrolling pages pluginã‹ã‚‰ãƒ•ã‚¡ã‚¤ãƒ«ä¸€å¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ ä¸‹è¨˜ã‚’<head>å†…ã«è¨˜è¿°ã—ã¾ã™ã€‚ <link rel="stylesheet" type="text/css" href="jquery.multiscroll.css" /> <script src="jquery.min.js"></scri
USuck 2014/07/08
js
ãƒªãƒ³ã‚¯
ã‹ã£ã“ã„ã„ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆãŒä½œã‚Œã‚‹ multiScroll.js
ã€ŒmultiScroll.jsã€ ã¯ã€ç”»é¢ã‚’å·¦å³ã«åˆ†å‰²ã—ã¦åˆ¥ã€…ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦è¦‹ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚æœ€è¿‘æµè¡Œã®åŠ¹æžœã‚’ç°¡å˜ã«å®Ÿè£…ã§ãã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚¹ãƒ”ãƒ¼ãƒ‰ã®èª¿æ•´ã‚„ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®è¨å®šã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®ãƒ«ãƒ¼ãƒ—ãªã©ã®ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚‚ã§ãã¾ã™ã€‚ multiScroll.jsã¯Google Chromeã‚„Firefoxãªã©ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã¨ã€Internet Explorer 8ä»¥é™ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã®å‹•ä½œã¯ä¿è¨¼ã•ã‚Œã¦ã„ã¾ã›ã‚“ãŒã€ç†è€…ã®æ¤œè¨¼ã§ã¯iOS 7.1.1ã§ã‚¹ãƒ ãƒ¼ã‚ºã«å‹•ä½œã—ã¦ã„ã¾ã—ãŸã€‚ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã®å ´åˆã¯ã‚¿ãƒ¼ã‚²ãƒƒãƒˆç«¯æœ«ã§å¿…ãšæ¤œè¨¼ã—ã¦ã‹ã‚‰åˆ©ç”¨ã—ã¾ã—ã‚‡ã†ã€‚ ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã¯MITã§ã™ã€‚ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã«å¾“ã£ã¦è‘—ä½œæ¨©è¡¨ç¤ºã¯å‰Šé™¤ã›ãšã«åˆ©ç”¨ã—ã¾ã—ã‚‡ã†ã€‚ step1 jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®èªã¿è¾¼ã¿ jQueryæœ¬ä½“ã‚’jQueryã®å…¬å¼ã‚µã‚¤ãƒˆã‹ã‚‰ã€multiScroll.j
USuck 2014/06/13
js
ãƒªãƒ³ã‚¯
1