[B! JavaScript] kumono-jyuzaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kumono-jyuza id:kumono-jyuza

JavaScriptã«é–¢ã™ã‚‹kumono-jyuzaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹heightLine.js[to-R]
ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹heightLine.js Webæ¨™æº–ã®æ—¥ã€…ã®ã‚°ãƒ«ãƒ¼ãƒ—ãƒ‡ã‚£ã‚¹ã‚«ãƒƒã‚·ãƒ§ãƒ³ã§å‡ºãŸãƒ©ã‚¤ãƒ–ãƒ©ãƒªæ¡ˆã‚’ä½œã£ã¦ã„ãä¼ç”»ã€ç¬¬ä¸€å¼¾ã€‚ ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹jsãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ ã“ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯æ–°ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–Webãƒ‡ã‚¶ã‚¤ãƒ³ã«å¯¾å¿œã—ãŸã€Œjquery.heightLine.jsã€ CSSã§ã¯è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚Œãªã„ã¨ã„ã†å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®heightLine.jsã¯ã€è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã®é«˜ã•ã‚’æƒãˆã‚‹äº‹ãŒã§ãã€2ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„3ã‚«ãƒ©ãƒ ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ãã‚Œãžã‚Œã®ã‚«ãƒ©ãƒ ã®é«˜ã•ã‚’æƒãˆãŸã‚Šã€è¤‡æ•°ã®ãƒ–ãƒãƒƒã‚¯ãƒ¬ãƒ™ãƒ«è¦ç´ ã‚’floatã§é…ç½®ã™ã‚‹éš›ã®é«˜ã•ã‚’æƒãˆãŸã‚Šã§ãã‚‹ã€ä¾¿åˆ©ãªãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ãªã‚Šã¾ã™ã€‚ è¨ç½®æ–¹æ³• headè¦ç´ å†…ã«ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸheightLine.jsã‚’èªã¿è¾¼ã¿ã¾ã™ã€‚ <script type="text/ja
kumono-jyuza 2013/09/18
CSS

JavaScript
ãƒªãƒ³ã‚¯
jQuery Content Slider | Responsive jQuery Slider | bxSlider
We value your experience and would love to hear your thoughts. Could you spare just two minutes to fill out a quick survey? Your feedback helps us make bxSlider even better! Thank you for your support ðŸ¤—
kumono-jyuza 2013/09/18
jQuery

javascript

webåˆ¶ä½œ

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

ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼
ãƒªãƒ³ã‚¯
Create a new fiddle - JSFiddle
kumono-jyuza 2013/07/12
jQuery

JavaScript

webé–‹ç™º
ãƒªãƒ³ã‚¯
2012å¹´æœ«ã«è¦³ã¦ãŠããŸã„JavaScript20é¸: githubã§watchæ•°ã®å¤šã„200ä»¶ã‹ã‚‰ - memo.yomukaku.net
Githubã§JavaScriptã®ã‚³ãƒ¼ãƒ‰ã¨ã—ã¦åˆ†é¡žã•ã‚Œã¦ãŠã‚Šã€ç¾æ™‚ç‚¹ã§watchæ•°ã®å¤šã„200ä»¶ã®ä¸ã§ã€å®Ÿéš›ã«ä½¿ã£ãŸã“ã¨ãŒã‚ã‚Šä¾¿åˆ©ã¾ãŸã¯é¢ç™½ã„ã¨æ„Ÿã˜ãŸ20ä»¶ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ backbone-boilerplateã€requirejsã€yeomanã€lodashã®ã‚ˆã†ãªå®šç•ªã«ãªã£ã¦ãã¦ã„ã‚‹ã‚‚ã®ã‹ã‚‰ã€TimelineJSã®ã‚ˆã†ãªå…¨ãæ±Žç”¨æ€§ã®ãªã„ã‚‚ã®ã¾ã§ã‚ã‚Šã¾ã™ã€‚ d3.js Data-Driven Documentsã€‚ã‚µãƒ³ãƒ—ãƒ«é›†ã‚’è¦³ã‚‹ã®ãŒæ‰‹ã£å–ã‚Šæ—©ã„ã¨æ€ã„ã¾ã™ã€‚ pdf.js JavaScriptã ã‘ã§PDFã‚’ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ãã‚‹æ™‚ä»£ã§ã™ã€‚1å¹´åŠã»ã©å‰ã«ãã‚‰ã¹ã‚‹ã¨ã€ã‹ãªã‚ŠPDFè£½ä½œè€…ã®æœŸå¾…é€šã‚Šã«ãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ãã¦ã„ã¾ã™ã€‚ backbone-boilerplate Backbone.jsã‚’ä½¿ã£ãŸã‚¢ãƒ—ãƒªã®éª¨æ ¼æ§‹é€ ã€‚ã‚µãƒ¼ãƒãƒ¼å´ã§ã„ã‚ã‚†ã‚‹MVC2ã®ã‚¢ãƒ—ãƒªã‚’ä½œã£ã¦ã„ã‚‹äººã«ã¯B
kumono-jyuza 2012/12/13
javascript

js

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã“ã®é †ç•ªã§èªã‚ã°OKï¼JavaScriptã‚’ç†è§£ã™ã‚‹ãŸã‚ã®14å†Š | DECONCEPTER
JavaScriptã®æ›¸ç±ã¯jQueryã‚„ã‚µãƒ³ãƒ—ãƒ«ä¸å¿ƒã®ãƒãƒƒãƒ—ã‚¹æœ¬ãªã©ã‚’å«ã‚ã‚‹ã¨ã€å¤šæ•°å‡ºã¦ãŠã‚Šã€ã“ã‚Œã‹ã‚‰å‹‰å¼·ã—ãŸã„äººã«ã¨ã£ã¦ã¯ã©ã‚Œã‹ã‚‰èªã‚ã°ã„ã„ã‹è¿·ã†ã¨ã“ã‚ã ã¨æ€ã„ã¾ã™ã€‚ ä»Šæ—¥ã¯ã“ã“æ•°å¹´ã§å‡ºãŸæ›¸ç±ã®ä¸ã§åˆç´šè€…ã‹ã‚‰è„±ä¸ç´šè€…ã«ãªã‚‹ã¾ã§ã«èªã¿ãŸã„æ›¸ç±ã‚’ã€ã“ã®é †ç•ªã§èªã‚ã°ã‚¹ãƒ†ãƒƒãƒ—ã‚¢ãƒƒãƒ—ã§ãã‚‹ã¨ã„ã†å†…å®¹ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ STEP1. åˆå¿ƒè€…ã¸ã®ãŠã™ã™ã‚ã¯ãƒ€ãƒ³ãƒˆãƒ„ã§ã“ã‚Œä¸€æŠžã€‚ åˆå¿ƒè€…å‘ã‘ã®å†…å®¹ã¨ã—ã¦ã¯ã“ã‚ŒãŒãƒ€ãƒ³ãƒˆãƒ„ã§ãŠã™ã™ã‚ã§ã™ã€‚å†…å®¹ãŒæ˜“ã—ãä¸å¯§ãªä¸Šã«ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã§æ›¸ç±ã®å†…å®¹ã‚’å‹•ç”»ã§èª¬æ˜Žã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ Amazon.co.jpï¼š ã‚ˆãã‚ã‹ã‚‹JavaScriptã®æ•™ç§‘æ›¸: ãŸã«ãã¡ ã¾ã“ã¨: æœ¬ ã‚µãƒãƒ¼ãƒˆã‚µã‚¤ãƒˆã¯ã“ã¡ã‚‰ STEP2. å…¨ä½“ã‚’æŠŠæ¡ã™ã‚‹ã«ã¯ååˆ†ãªãƒœãƒªãƒ¥ãƒ¼ãƒ ã€‚è„±åˆç´šè€…å‘ã‘ã«ã¯ã“ã®2å†Šã€‚ 2å†Šã¨ã‚‚åˆç´šè€…ã«ã¨ã£ã¦ã¯å°‘ã—åŽ³ã—ã„å†…å®¹ã«ãªã£ã¦ã„ã¾ã™ãŒã€ã“ã®2å†ŠãŒç†è§£ã§ãã‚Œã°å¾Œã¯ä½œã‚Šã¾ãã‚‹
kumono-jyuza 2012/10/12
javascript

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

webåˆ¶ä½œ

æ›¸ç±

JS
ãƒªãƒ³ã‚¯
Draw a Stickman
Pencil your way into one of the most creative RPG adventures ever!
kumono-jyuza 2012/01/12
Webã‚¢ãƒ—ãƒª

javascript

html5
ãƒªãƒ³ã‚¯
Webåˆ¶ä½œã‚’ã¡ã‚‡ã£ã¨ã ã‘æ¥½ã«ã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ã€Œlaquu.jsã€ | webox blog
çŸ¥ã‚Šåˆã„ãŒä¾¿åˆ©ãã†ãªã‚‚ã®ã‚’ä½œã£ã¦ã„ãŸã®ã§ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Webåˆ¶ä½œæ™‚ã«ã‚ˆãä½¿ã†æ©Ÿèƒ½ã‚’ã²ã¨ã¾ã¨ã‚ã«ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ èªã¿è¾¼ã‚€jsã®ãƒ•ã‚¡ã‚¤ãƒ«ãŒå¢—ãˆã¦ããŸã‚Šã€ãã®éƒ½åº¦è¿½åŠ ã—ã¦ã„ãã®ãŒé¢å€’ã ãªã¨æ„Ÿã˜ã¦ãã¦ã„ãŸã®ã§ã“ã†ã„ã†ã®ã¯éžå¸¸ã«åŠ©ã‹ã‚Šã¾ã™ãã€‚ Laquu.js å€‹äººçš„ã«ã‚ˆãä½¿ã†æ©Ÿèƒ½ ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ ãƒ–ãƒ©ãƒ³ã‚¯ XHTMLã§éžæŽ¨å¥¨ã¨ã•ã‚Œã¦ã„ã‚‹targetå±žæ€§ã®ä»£æ›¿ã¨ãªã‚‹æ©Ÿèƒ½ã§ã™ã€‚ å€‹äººçš„ã«ã¯JSã§å®Ÿè£…ã™ã‚‹ãªã‚‰éžæŽ¨å¥¨ã§ã‚‚å…¥ã‚Œã¦ã—ã¾ã„ã¾ã™ãŒâ€¦ ã¡ãªã¿ã«HTML5ã§ã¯targetå±žæ€§ã¯å¾©æ´»ã—ã¦ã„ã¾ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ©ãƒ¼ ãƒšãƒ¼ã‚¸å†…ãƒªãƒ³ã‚¯ã®ã‚¹ãƒ ãƒ¼ã‚¹ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’å®Ÿè£…ã™ã‚‹æ©Ÿèƒ½ã§ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«2ãƒ“ãƒ¥ãƒ¼ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æ¤œçŸ¥ã—ã¦æŒ‡å®šè¦ç´ ã‚’è¡¨ç¤º/éžè¡¨ç¤ºã—ã¦ãã‚Œã‚‹æ©Ÿèƒ½ã§ã™ã€‚ ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚ªãƒ¼ãƒãƒ¼ ãã®ã†ã¡ãƒ—ãƒªãƒãƒ¼ãƒ‰ã—ã¦ãã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ãã†ã§ã™ã€‚ ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ— ã‚³ãƒŠãƒŸã‚³ãƒžãƒ³ãƒ‰ ãƒã‚¿æ©Ÿ
kumono-jyuza 2011/09/16
jQuery

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

webåˆ¶ä½œ

ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—

javascript
ãƒªãƒ³ã‚¯
simplelib with jQuery
1.simplelibã¨ã¯ simplelibã¨ã¯jQueryã‚’åˆ©ç”¨ã—ãŸæ§˜ã€…ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’å‹•çš„ã«ãƒãƒ¼ãƒ‰ã—ã¦ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹ä¸Šã§ã‚ˆãä½¿ã†æ©Ÿèƒ½ã‚’ä¸€å…ƒç®¡ç†ã™ã‚‹ãŸã‚ã®ãƒ„ãƒ¼ãƒ«ã§ã™ã€‚ å„ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’åˆ¥ãƒ•ã‚¡ã‚¤ãƒ«ã«ã—ã€å¿…è¦ãªãƒ•ã‚¡ã‚¤ãƒ«ã ã‘ã‚’ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã¯ã“ã®ãƒšãƒ¼ã‚¸ã®ä¸€ç•ªä¸‹ã«ã‚ã‚Šã¾ã™ã€‚ 2.ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ä¸€è¦§ ç¾åœ¨ä»¥ä¸‹ã®ã‚ˆã†ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒã‚ã‚Šã€HTMLã«ï¼‘è¡Œè¿½åŠ ã™ã‚‹ã ã‘ã§ã“ã‚Œã‚‰å…¨ã¦ã®æ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã¾ã™ã€‚ accordion
kumono-jyuza 2011/07/02
jQuery

ãƒ„ãƒ¼ãƒ«

javascript

ãƒ—ãƒ©ã‚°ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Morf.js - CSS3 Transitions with custom easing functions
Native These are the natively supported easing functions, built into WebKit. linear ease ease-in ease-out ease-in-out Custom These are custom easing functions (thanks to Robert Penner & Thomas Fuchs) that can produce much more interesting transitions. Generated Animation CSS Internally the custom easing function for the transition is faked using CSS animations. Here is the code that is produced on
kumono-jyuza 2011/07/01
jQuery

CSS

JavaScript
ãƒªãƒ³ã‚¯
Morse.js Demo
Morse.js â€” A jQuery plugin to annotate text with Morse Codea jQuery plugin that annotates text with Morse Code Not hearing anything? Morse.js requires HTML5 <audio>, which your browser does not seem to support. Might I suggest Safari, Firefox, or Chrome?
kumono-jyuza 2011/05/11
jQuery

javascript
ãƒªãƒ³ã‚¯
FastKat
HTML5 browser game. Avoid hitting the particles by moving with your mouse. Try to stay alive and earn as many points as possible.
kumono-jyuza 2011/04/20
game

javascript
ãƒªãƒ³ã‚¯
1