[B! JavaScript] shakureinã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shakurein id:shakurein

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

Webã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«ã€‚é¢ç™½ã„ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒå¤šæ•°æƒã£ãŸUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªÂ·Ninja UI MOONGIFT
Ninja UIã¯HTMLã‚’ä½¿ã‚ãšã«JavaScriptã§ç”»é¢ã‚’æç”»ã—ã¦ã„ãUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã€‚ Ninja UIã¯jQuery/JavaScriptè£½ã®ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ãƒ»ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã€‚æ€ã†ã«Webã‚µã‚¤ãƒˆã¨ã„ã†ã®ã¯è¡¨ç¾åŠ›ãŒé«˜ãã€ã‹ã¤è‡ªç”±åº¦ãŒé«˜ã™ãŽã‚‹ã®ã ã€‚ãã®ãŸã‚è¦‹æ „ãˆã«ã“ã‚Šã ã™ã¨åŽé›†ãŒã¤ã‹ãªããªã‚‹ã€‚ã¾ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚»ãƒ³ã‚¹ãŒãªã„ã¨æ ¼å¥½ã„ã„ã‚µã‚¤ãƒˆãŒä½œã‚Œãªã„ã€‚ ãƒœã‚¿ãƒ³ã‚„ã‚¢ã‚¤ã‚³ãƒ³ ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãŒã©ã‚Œã ã‘è‰¯ãã€æŠ€è¡“åŠ›ãŒã‚ã£ã¦ã‚‚è¦‹æ „ãˆãŒã±ã£ã¨ã—ãªã„ã‚µã‚¤ãƒˆã¯å—ã‘å…¥ã‚Œã‚‰ã‚Œãªã„ã€‚ã‚‚ã†HTMLã¯æ›¸ã‹ãšã€JavaScriptã§çµ„ã‚“ã§ã—ã¾ã†ã®ã¯ã©ã†ã ã‚ã†ã€‚ãã‚Œã‚’å¯èƒ½ã«ã™ã‚‹ã®ãŒNinja UIã ã€‚ Ninja UIã¯jQuery Webjutsuï¼ˆWebè¡“ï¼Ÿï¼‰ã‚’æŽ²ã’ã¦ã„ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã€æž çµ„ã¿ã ã‘HTML5ã§çµ„ã¿ã€ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®é…ç½®ã¯å…¨ã¦JavaScriptã ã‘ã§è¨˜è¿°ã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã€‚ãƒœã‚¿ãƒ³ã‚„ãƒ‰ãƒãƒ¯ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒãƒƒãƒ—ã‚¢ãƒƒ
shakurein 2011/06/05
webãƒ‡ã‚¶ã‚¤ãƒ³

web

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

jquery

JavaScript

webdesign

UI

ãƒ©ã‚¤ãƒ–ãƒ©ãƒª
ãƒªãƒ³ã‚¯
ãƒ‰ãƒ©ã‚´ãƒ³ãƒœãƒ¼ãƒ«ã§å¦ã¶ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘
ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘ã®åŸºæœ¬äº€ä»™æµã‚„ã¤é¶´ä»™æµãªã©ã€ä¸–ã®ä¸ã«ã¯ã„ãã¤ã‹ã®æµæ´¾ï¼ˆï¼ã‚¯ãƒ©ã‚¹ï¼‰ãŒã‚ã‚Šã€ãã‚Œãžã‚Œã®æµæ´¾ã«ã‹ã‚ã¯ã‚æ³¢ã‚„ã©ã©ã‚“æ³¢ã€èˆžç©ºè¡“ãªã©ã®æŠ€ï¼ˆãƒ¡ã‚½ãƒƒãƒ‰ï¼‰ãŒã„ãã¤ã‹ã‚ã‚Šã¾ã™ã€‚ å®Ÿéš›ã«æµæ´¾ã«ã‚ã‚‹æŠ€ã‚’ä½¿ã†å ´åˆã€æŠ€ã‚’è¦šãˆã¦ã„ã‚‹Zæˆ¦å£«ï¼ˆã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ï¼‰ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ ä¾‹ï¼‰äº€ä»™æµã‚’è¦šãˆãŸå«æ‚Ÿç©ºã‚’ä½¿ã£ã¦ã‹ã‚ã¯ã‚æ³¢ã‚’æ”¾ã£ã¦æ•µã‚’å€’ã™ goku = new KamesenRyu("goku"); goku.shootKamehameha(teki); Zæˆ¦å£«ã«ã‚ˆã£ã¦ã¯è¤‡æ•°ã®æµæ´¾ã®æŠ€ãŒä½¿ãˆãŸã‚Šã€è‡ªåˆ†ã®æŠ€ã‚’äººã«æ•™ãˆã‚‹ã“ã¨ãŒå‡ºæ¥ã¾ã™ï¼ˆç¶™æ‰¿ï¼‰ã€‚ ã¾ãŸæ‚Ÿç©ºã¨ã‚¯ãƒªãƒªãƒ³ã®ã‚ˆã†ã«åŒã˜æµæ´¾ã§ã‚‚åŒã˜æŠ€ã§é•ã†æ€§èƒ½ã‚’æŒã£ã¦ã„ãŸã‚Šã€ã‚ªãƒªã‚¸ãƒŠãƒ«ã®æŠ€ã‚’æŒã£ã¦ã„ã‚‹ãªã©ã®é•ã„ãŒã‚ã‚Šã¾ã™ã€‚ ã‚¯ãƒ©ã‚¹ã¯ã‚»ãƒ«ã‚’ä½œã‚‹ãŸã‚ã®Zæˆ¦å£«é”ã®éºä¼åæƒ…å ±ã¨è¨€ã£ã¦ã‚‚è‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ ä¾‹ï¼‰ã‚»ãƒ«ã‚’ä½œã‚Šã¾ã—ã‚‡ã†ã€‚ class Cell extends Goku,Ve
shakurein 2011/03/17
JavaScript

ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘

ãƒã‚¿

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
ç”»åƒã‚’ä½¿ã£ãŸã„ã‚ã„ã‚ãªjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³224å€‹ã¾ã¨ã‚ - ã‹ã¡ã³ã¨.net
ç”»åƒã«ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã¦æ‹¡å¤§è¡¨ç¤ºã—ãŸã‚Šã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’ä½œã£ãŸã‚Šã€ãƒ„ãƒ¼ãƒ«ãƒãƒƒãƒ—ã§è¡¨ç¤ºã—ãŸã‚Šã€ã¨ã„ã†ã‚ˆã†ãªç”»åƒã‚’ä½¿ç”¨ã—ãŸjQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒæ²¢å±±ã‚ã‚‹ã®ã¨ã€æŽ¢ã—ã¦ã‚‹æ–¹ãŒç›´ãã«è¦‹ã¤ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«ã€ã¨ã„ã†äº‹ã§ãƒªãƒ³ã‚¯é›†ã‚’ä½œã‚Šã¾ã—ãŸã€‚ ã¨ã„ã†è¨³ã§ã€é›†ã¾ã£ã¦ã„ã‚‹jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®å…±é€šç‚¹ã¯ç”»åƒã‚’ä½¿ã£ã¦ã„ã‚‹ã€ã¨ã„ã†äº‹ã ã‘ã§ã™ã€‚ä¸€è²«æ€§ç„¡ã„ã¨ã„ãˆã°ç„¡ã„ã§ã™ãŒã€å€‹äººçš„ã«ã‚‚å¿…è¦ã¨ã™ã‚‹äº‹ãŒå¤šã„ã®ã§è‡ªåˆ†ç”¨ã®ãƒ¡ãƒ¢ã‚‚å…¼ãã¦ã‚·ã‚§ã‚¢ã€‚ æ—¥æœ¬èªž English çµæ§‹ã‚«ãƒ†ã‚´ãƒªåˆ†ã‘ã¯ã„ã„åŠ æ¸›ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã®ã§ã‚ã—ã‹ã‚‰ãšã”äº†æ‰¿ä¸‹ã•ã„ã€‚ç”»åƒã˜ã‚ƒãªãã¦ã‚‚ã„ã„ã‚“ã˜ã‚ƒãƒ»ãƒ»ã¿ãŸã„ã®ã‚‚ã‚ã‚Šã¾ã™ãŒã€ãƒ‡ãƒ¢ã§ç”»åƒã‚’ä½¿ã£ã¦ã‚‹ã€ç”»åƒã¨ç›¸æ€§ãŒè‰¯ã•ãã†ã€ã¿ãŸã„ãªã‚‚ã®ã¯åŸºæœ¬çš„ã«æŽ²è¼‰ã—ã¦ã„ã¾ã™ã€‚ ãƒªãƒ³ã‚¯ã«ãƒžã‚¦ã‚¹ä¹—ã›ã‚Œã°ã‚ãƒ£ãƒ—ãƒãƒ£ãŒå‡ºã¾ã™ã€‚ Lightbox Lightboxé¢¨ã«ç”»åƒã‚’è¡¨ç¾ã§ãã‚‹jQueryã„ã‚ã„ã‚ Lightbox2 / ãƒ™ãƒ¼ã‚·ãƒƒã‚¯ãªã‚¿ã‚¤ãƒ—ã€‚
shakurein 2010/09/02
ç”»åƒ

jquery

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

ã¾ã¨ã‚

ãŠå½¹ç«‹ã¡

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

javascript

jQuery
ãƒªãƒ³ã‚¯
A Beautiful Apple-style Slideshow Gallery With CSS & jQuery
Introduction When speaking about design, there is one company that is impossible to go without. Apple values design - being a new product, a fancy catalog or their website - there is always something to admire. This week, we are making an Apple-like slideshow gallery, similar to the one they use on their website to showcase their products. It will be entirely front-end based, no PHP or databases r
shakurein 2010/09/02
Design

apple

IT

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

webåˆ¶ä½œ

JavaScript

jQuery
ãƒªãƒ³ã‚¯
Flip! A jQuery plugin
Flip is a jQuery plugin to apply flip animation to any element.0.4.1 Fixed some regression in Chrome and Safari 0.4 Fixed some bugs with transparent color. Now Flip! works on non-white backgrounds! 0.3 Added the content setting: now you can define the next content of your Flip!box. 0.2 Fixed jQuery chainability and buggy innerText rendering (Thanks xNephilimx for your tips!) 0.1 Kick off
shakurein 2010/09/02
jquery

javascript

plugin

UI

effect

webdesign

animation
ãƒªãƒ³ã‚¯
JavaScriptã§ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã‚’æ‰±ã„ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚åœæ¢ã™ã‚‹æ–¹æ³•:phpspoté–‹ç™ºæ—¥èªŒ
JavaScriptã§ãƒžã‚¦ã‚¹ãƒ›ã‚¤ãƒ¼ãƒ«ã‚¤ãƒ™ãƒ³ãƒˆã‚’æ‰±ã„ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚‚åœæ¢ã™ã‚‹æ–¹æ³• 2006å¹´08æœˆ17æ—¥- Mouse wheel programming in JavaScript Web applications are becoming more and more like â€œnormalâ€ desktop applications. Of course, they are more and more functional, but smooth user interface acts the primary role. So we have drag and drop, autocompletition, and much more. Many of those nice features got possible only with help of AJAX. JavaScriptã§
shakurein 2010/08/13
JavaScript

ãƒ›ã‚¤ãƒ¼ãƒ«

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

JavaScript

å…¥é–€

ãƒžãƒ³ã‚¬
ãƒªãƒ³ã‚¯
1