[B! ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³] kuraeqoogaã®ãƒ

kuraeqooga id:kuraeqooga

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹kuraeqoogaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

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

èƒŒæ™¯ã«ã²ã¨æ‰‹é–“åŠ ãˆãŸã„æ™‚ã«ä¾¿åˆ©ãªã‚¹ã‚¯ãƒªãƒ—ãƒˆ 10+ - NxWorld
ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã„ã£ã±ã„ã®èƒŒæ™¯ã«ç”»åƒã‚„å‹•ç”»ã‚’é…ç½®ã—ãŸã‚Šã€ãƒ©ãƒ³ãƒ€ãƒ ãªãƒ‘ãƒ¼ãƒ†ã‚£ã‚¯ãƒ«ã‚„ãƒ©ã‚¤ãƒ³ã‚’è¡¨ç¤ºã•ã›ã‚‹ãªã©ã€ä¸»ã«èƒŒæ™¯å‘¨ã‚Šã§ä½¿ãˆãã†ã‚‚ã®ã‚„ã€Œã“ã®é ˜åŸŸã«ä½•ã‹ã‚‚ã†ã²ã¨æ‰‹é–“åŠ ãˆãŸã„...ã€ã¨ã„ã†ã¨ãã«ä¾¿åˆ©ãã†ã ã¨æ€ã†ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’å¹¾ã¤ã‹ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒå¤šã‚ã§ã™ãŒå˜ä½“ã§å‹•ã‹ã™ã“ã¨ãŒã§ãã‚‹ã‚‚ã®ã‚‚ã‚ã‚Šã€å®Ÿè£…æ–¹æ³•ãªã©ã«é–¢ã—ã¦ã‚‚å®¹æ˜“ã«ã§ãã‚‹ã‚‚ã®ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ èƒŒæ™¯ã«ç”»åƒã‚„å‹•ç”»ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã§ãã‚‹ã€ŒVegasã€ èƒŒæ™¯ã«ãƒ–ãƒ©ã‚¦ã‚¶ã„ã£ã±ã„ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ãŒã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã€ç”»åƒã ã‘ã§ãªãå‹•ç”»ã‚’åŸ‹ã‚è¾¼ã‚€ã“ã¨ã‚‚ã§ãã¾ã™ã€‚ ã¾ãŸã€ã‚ªãƒ—ã‚·ãƒ§ãƒ³ã‚’å¤‰æ›´ã™ã‚‹ã“ã¨ã§ã‚¹ãƒ©ã‚¤ãƒ‰ã®å‹•ãã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä»˜ã‘ãŸã‚Šã€ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã‚ªãƒ¼ãƒãƒ¼ãƒ¬ã‚¤ã§è¡¨ç¤ºã•ã›ãŸã‚Šã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚
kuraeqooga 2016/01/12
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆå¿ƒè€…ã‚‚å®‰å¿ƒã—ã¦ä½œæˆã§ãã‚‹ã€ç„¡æ–™HTMLãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆç´ æ24å€‹ã¾ã¨ã‚ - PhotoshopVIP
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
kuraeqooga 2014/08/06
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«

web
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’ç£¨ãï¼2014å¹´ä¸ŠåŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
2014å¹´ä¸ŠåŠæœŸã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’Dribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ å„ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã¯å¤§ãã„ã‚µã‚¤ã‚ºã®ç”»åƒã‚„PSDã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€æ°—ã«ãªã£ãŸã‚‚ã®ã¯ãƒªãƒ³ã‚¯å…ˆã‚’ãƒã‚§ãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã‚¢ãƒ¼ãƒˆãƒ¯ãƒ¼ã‚¯ã«ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã‚‚å¤šã„ã®ã§ã™ãŒã€ãƒšãƒ¼ã‚¸ã‚µã‚¤ã‚ºãŒå¤§å¤‰ãªã“ã¨ã«ãªã‚‹ãŸã‚æœ€åˆã®ä¸€ã¤ã ã‘ã§ã™ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãƒªãƒ³ã‚¯å…ˆã§ã€‚
kuraeqooga 2014/07/03
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

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

ui
ãƒªãƒ³ã‚¯
ã‚¨ãƒ ãƒ„ãƒ¼ã€2Dã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã‚¢ãƒ‹ãƒ¡ä½œæˆãƒ„ãƒ¼ãƒ«ã€ŒE-moteã€ã®ç„¡å„Ÿç‰ˆã€Œãˆã‚‚ãµã‚Šã€ã‚’å…¬é–‹
kuraeqooga 2014/06/27
ã‚ã¨ã§è©¦ã™

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

2D
ãƒªãƒ³ã‚¯
WOW.js - JavaScript/CSS3ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«é€£å‹•åž‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ MOONGIFT
æœ€è¿‘Webã‚µã‚¤ãƒˆã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã•ã‚Œã‚‹æ‰€ãŒå¢—ãˆã¦ã„ã¾ã™ã€‚ã‹ã¨ã„ã£ã¦ã‹ã¤ã¦ã‚ã£ãŸFlashã®ã‚ˆã†ã«ã‚¹ãƒ—ãƒ©ãƒƒã‚·ãƒ¥çš„ãªã‚‚ã®ã§ã¯ãªãã€è¡¨ç¤ºæ§‹æˆè¦ç´ ãŒã•ã‚Šã’ãªãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰é…ç½®ã•ã‚Œã¦ã„ãã¨ã„ã£ãŸæ„Ÿã˜ã§ã™ã€‚ ãã‚Œã¯CSS3ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ä½œã‚‰ã‚Œã¦ã„ã‚‹ã®ã§ã™ãŒã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¨çµ„ã¿åˆã‚ã›ã¦å®¹æ˜“ã«å®Ÿç¾ã—ã¦ãã‚Œã‚‹ã®ãŒWOW.jsã§ã™ã€‚ ä½•ã¯ã¨ã‚‚ã‚ã‚Œå‹•ç”»ã‚’è¦‹ã¦ã‚‚ã‚‰ã†ã®ãŒè‰¯ã„ã¨æ€ã„ã¾ã™ã€‚ çŠ¬ã‚„çŒ«ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰è¡¨ç¤ºã•ã‚Œã¦ã„ãã¾ã™ã€‚ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã®æ„ŸçŸ¥ã¯JavaScriptã§è¡Œã£ã¦ã„ã¾ã™ãŒã€å®Ÿéš›ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã‚‹ã‚‚ã®ã§ã™ã€‚ å®Ÿç”¨çš„ã«ã©ã†ãªã®ã€ã¨æ€ã£ãŸã®ã§ã™ãŒä»¥ä¸‹ã®ã‚µã‚¤ãƒˆï¼ˆåˆ©ç”¨ä¾‹ï¼‰ã‚’è¦‹ã‚‹ã¨ã‹ãªã‚Šã„ã‘ã¦ã‚‹ã“ã¨ãŒåˆ†ã‹ã‚Šã¾ã™ã€‚ ã•ã‚Šã’ãªã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ 1640 iOS7 Icons for designers & Developers | St
kuraeqooga 2014/02/15
css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

JavaScript

ã‚¹ã‚¯ãƒãƒ¼ãƒ«
ãƒªãƒ³ã‚¯
ç”»åƒä¸Šã«ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã™ã‚‹CSSã‚µãƒ³ãƒ—ãƒ«é›†:phpspoté–‹ç™ºæ—¥èªŒ
Caption Hover Animations ç”»åƒä¸Šã«ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã™ã‚‹CSSã‚µãƒ³ãƒ—ãƒ«é›†ã€‚ ç”»åƒã ã‘ã‚’è¡¨ç¤ºã—ã¦ã„ã¦ãƒžã‚¦ã‚¹ãƒ›ãƒãƒ¼ã§ã‚ãƒ£ãƒ—ã‚·ãƒ§ãƒ³è¡¨ç¤ºã™ã‚‹ã®ã‚’æœ€è¿‘ã‚ˆãè¦‹ã¾ã™ãŒã€CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å®Ÿç¾ã—ã¦ã„ã‚‹ãƒ‡ãƒ¢ã§ã™ã€‚ ç”»åƒã‚’ä½¿ã£ãŸã‚ˆã†ãªã‚µãƒ¼ãƒ“ã‚¹ã§æ´»ç”¨ã§ããã†ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ãƒšãƒ¼ã‚¸ã‚’ç´™èŠå±…ã®æ§˜ã«åˆ‡ã‚Šæ›¿ãˆã‚‹ãƒ‡ãƒ¢ é«˜é€ŸãªCSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’JSã§åˆ¶å¾¡ã§ãã‚‹ã€Œanimo.jsã€ Flashã¿ãŸã„ã«ç¾Žã—ã„CSSãƒ†ã‚ã‚¹ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ãƒ¢ CSS3ã‚’ä½¿ã£ãŸå¤šå½©ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç”¨ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œmagicã€
kuraeqooga 2013/12/09
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css
ãƒªãƒ³ã‚¯
CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«è§¦ã‚Œã¦ã¿ã‚‹ï¼ˆ3ï¼‰ - entacl Lab.
ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã§ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ â€»ç”»åƒã«ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã—ã¦ä¸‹ã•ã„ã€‚ #sprite { cursor: pointer; background: url(/sample/2012/img/sprite.png) no-repeat left top; width: 240px; height: 110px } #sprite:hover { -webkit-animation: sprite-animation 2s steps(32) infinite } @-webkit-keyframes sprite-animation { 0% {background-position: 0px 0} 100% {background-position: -7680px 0} } ãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã™ã‚‹ã¨ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆã‚·ãƒ¼ãƒˆã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Ÿè¡Œã•ã‚Œã¾ã™ãã€‚
kuraeqooga 2013/05/22
css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
â˜…CSS3ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
å±±ç”°å¤ªéƒŽã¯ã€ã‚¦ã‚§ãƒ–é–‹ç™ºã‚„ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã«10å¹´ä»¥ä¸Šã®çµŒé¨“ã‚’æŒã¤ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®å°‚é–€å®¶ã§ã™ã€‚ç‰¹ã«HTML5 Canvasã‚„JavaScriptã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãƒ¡ãƒ‡ã‚£ã‚¢ã«ç²¾é€šã—ã¦ãŠã‚Šã€å‹•çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚„æœ€å…ˆç«¯ã®ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºã«æºã‚ã£ã¦ãã¾ã—ãŸã€‚è¤‡é›‘ãªå›³å½¢æç”»ã‚„ç”»åƒæ“ä½œã€ãƒªã‚¢ãƒ«ã‚¿ã‚¤ãƒ ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã«é–¢ã™ã‚‹çŸ¥è˜ãŒè±Šå¯Œã§ã€ã‚¦ã‚§ãƒ–æŠ€è¡“ã®é™ç•Œã‚’è¿½æ±‚ã™ã‚‹é–‹ç™ºè€…ãŸã¡ã«ã¨ã£ã¦é ¼ã‚Šã«ãªã‚‹å˜åœ¨ã§ã™ã€‚çŸ¥è˜ã®å…±æœ‰ã«æƒ…ç†±ã‚’æŒã¡ã€åˆå¿ƒè€…ã‹ã‚‰ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ã¾ã§å¹…åºƒãæ”¯æ´ã™ã‚‹ãŸã‚ã€æŠ€è¡“ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã‚„ãƒ–ãƒã‚°ã«ã‚‚ç©æ¥µçš„ã«è²¢çŒ®ã—ã¦ã„ã¾ã™ã€‚
kuraeqooga 2013/05/22
css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
HTML5 Ã— CSS3 Ã— jQueryã‚’çœŸé¢ç›®ã«å‹‰å¼· â€“ #9.1 CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ï¼ˆAnimationï¼‰ | DevelopersIO
animation-nameã¯ã€å®Ÿéš›ã«ã©ã®ã‚ˆã†ãªå‹•ãã‚’ã™ã‚‹ã‹ã‚’å®šç¾©ã—ãŸ@keyframesã‚’æŒ‡å®šã—ã€å”¯ä¸€ã®å¿…é ˆé …ç›®ã§ã™ã€‚ è¨˜è¿°ä¾‹) animation /* * @animation-name * @animation-duration * @animation-timing-function * @animation-delay * @animation-iteration-count * @animation-direction * @animation-fill-mode */ animation: myAnimarion 1s ease 0s 1 normal none; animation-nameä»¥å¤–ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã¯å…¨ã¦ã‚ªãƒ—ã‚·ãƒ§ãƒ³æ‰±ã„ã¨ãªã‚Šã€çœç•¥ã—ãŸå ´åˆã¯è¨˜è¿°ä¾‹ã«ã‚ã‚‹å€¤ãŒåˆæœŸå€¤ã¨ã—ã¦æŒ‡å®šã•ã‚Œã¾ã™ã€‚ @keyframes @keyframesã¯ã€è¦ç´ ã«å¯¾ã—ã¦ã©ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
kuraeqooga 2013/05/22
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css3
ãƒªãƒ³ã‚¯
https://ameblo.jp/ca-1pixel/entry-11497184837.html
kuraeqooga 2013/05/12
CSS3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ã€åˆå¿ƒè€…ã§ã‚‚ã§ãã‚‹ï¼ã€‘JavaScriptã§Flashã®ã‚ˆã†ãªã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«ä½œã‚‹æ–¹æ³• | Digital experience University
2013å¹´ 05æœˆ 09æ—¥ ã€åˆå¿ƒè€…ã§ã‚‚ã§ãã‚‹ï¼ã€‘JavaScriptã§Flashã®ã‚ˆã†ãªã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«ä½œã‚‹æ–¹æ³• Yoshiaki Sato ã¯ã˜ã‚ã¾ã—ã¦ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰æ‹…å½“ã®ãƒ¨ã‚·ã‚¢ã‚ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€JavaScriptã§ä½œã‚‹Flashã®ã‚ˆã†ãªã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã¤ã„ã¦ã€ç·¨é›†ã‚„ç®¡ç†ã®æ‰‹é–“ãŒçœã‘ã‚‹ã‚ˆã†ãªä½œã‚Šæ–¹ã‚’èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ åˆå¿ƒè€…å‘ã‘ã«è§£èª¬ã—ã¦ã„ã¾ã™ã®ã§ã€ãœã²ã“ã®è¨˜äº‹ã‚’å‚è€ƒã«ã—ã¦ã”è‡ªåˆ†ã®ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ã¦ä¸‹ã•ã„ï¼ ç›®æ¬¡ ã¯ã˜ã‚ã« - å¢—ãˆç¶šã‘ã‚‹JavaScriptè£½ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ä¸‹æº–å‚™ - HTMLã¨CSS JavaScriptã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½œæˆï¼ ã¾ã¨ã‚ ã“ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã‚‹ ã¯ã˜ã‚ã« - å¢—ãˆç¶šã‘ã‚‹JavaScriptè£½ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ iOSãªã©ã§è¡¨ç¤ºãŒã§ããªã„Flashã®ä»£æ›¿æ‰‹æ®µã¨ã—ã¦JavaScriptã§
kuraeqooga 2013/05/10
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

javascript
ãƒªãƒ³ã‚¯
CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®åˆæ©ã‚’ãŠã•ã‚‰ã„
æœ€è¿‘ã¯ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’Flashã§ã¯ãªãã€CSSã‚„JavaScriptã§å®Ÿè£…ã•ã‚Œã¦ã„ã‚‹ã‚µã‚¤ãƒˆã‚’ã‚ˆãè¦‹ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ä»Šå›žã¯å¾©ç¿’ã‚‚å…¼ãã¦ã€CSSã§å‹•ãã‚’ä»˜ã‘ã‚‰ã‚Œã‚‹animationã¨transitionã®ãŠã•ã‚‰ã„ã‚’ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ã‚’ã¤ã‘ãªã„ã¨å‹•ã‹ãªã„ãƒ–ãƒ©ã‚¦ã‚¶ã‚‚ã‚ã‚Šã¾ã™ãŒã€çœç•¥ã—ã¾ã™ã€‚ animationã¨transitionã®é•ã„ ã©ã†é•ã†ã®ã‹ãªã¨æ€ã£ã¦èª¿ã¹ãŸã®ã§ã™ãŒã€ã„ã¾ã„ã¡ã‚ã‹ã‚‰ãªã‹ã£ãŸã®ã§ã€é•ã„ã‚’ä¸¦ã¹ã¦ã¿ã¾ã—ãŸã€‚ animation ãƒ«ãƒ¼ãƒ—å¯èƒ½ keyframesã§ç´°ã‹ã„è¨å®šãŒå¯èƒ½ ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦èªã¿è¾¼ã‚“ã§å³å®Ÿè¡ŒãŒå¯èƒ½ transition ãƒ«ãƒ¼ãƒ—ãŒãªã„ è‡ªç„¶ã«æœ€åˆã®çŠ¶æ…‹ã«æˆ»ã‚‹ hoverãªã©ã®ã‚ãƒƒã‚«ã‚±ã‚’ä¸Žãˆã¦ã‚ã’ãªã„ã¨å‹•ã‹ãªã„ JSä½¿ãˆã°é•ã†ã‹ã‚‚ã—ã‚Œãªã„ã§ã™ãŒã€ä¸€å¿œã“ã‚“ãªå°è±¡ã§ã™ã€‚é•ã£ãŸã‚‰ã™ã¿ã¾ã›ã‚“ã€‚ ãã‚Œãžã‚Œã‚’ç¿»è¨³ã™ã‚‹ã¨ã€animationã¯ãã®ã¾ã¾
kuraeqooga 2012/12/20
css3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
æ–‡å—ã‚’æ˜ ç”»ã°ã‚Šã«ã‚«ãƒƒã‚³ã‚ˆãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjWise.jsã€:phpspoté–‹ç™ºæ—¥èªŒ
HavaLite æ–‡å—ã‚’æ˜ ç”»ã°ã‚Šã«ã‚«ãƒƒã‚³ã‚ˆãã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjWise.jsã€ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ç³»ã¯èª¬æ˜ŽãŒé›£ã—ã„ã®ã§ä»¥ä¸‹ã®ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã‚’è¦‹ã¦ã„ãŸã ãã®ãŒä¸€ç•ªé€Ÿã„ã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ æ•°ç¨®é¡žã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã€åˆ‡ã‚Šæ›¿ãˆã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚„ãƒ•ã‚§ãƒ¼ãƒ‰ã®çŠ¶æ…‹ãªã‚“ã‹ã¯ã‚ªãƒ—ã‚·ãƒ§ãƒ³æŒ‡å®šã§ãã¾ã™ã€‚ ã‚ã¨ã¯ $(element).jwise(options); ã§å‹•ãã¾ã™ ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚µã‚¤ãƒˆãªã‚“ã‹ã§ä½¿ãˆãã†ã§ã™ãã€‚ ã‚¹ãƒžãƒ›å…¨ç››ã¨ãªã‚Šã€AdobeãŒãƒ¢ãƒã‚¤ãƒ«Flashã®é–‹ç™ºã‚’ã‚„ã‚ãŸã“ã¨ã§ã€HTML5ã‚„ã“ã†ã—ãŸJavaScriptã‚’ä½¿ã£ãŸã‚‚ã®ãŒé‡è¦åº¦ã‚’å¢—ã—ã¦ã„ããã†ã§ã™ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚’å¥‡å¦™ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ ãƒ†ã‚ã‚¹ãƒˆã‚’CSS3ã§ã¼ã‚„ã‘ã•ã›ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ããŸã‚Šã™ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒTextBlurã€ ç”»é¢ä¸Šã§èª°ã‹ãŒã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã—ã¦ã„ã‚‹ã‚ˆã†ã«ã‚¢
kuraeqooga 2011/11/16
ãƒ—ãƒ©ã‚°ã‚¤ãƒ³

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

jQuery
ãƒªãƒ³ã‚¯
æ–‡å—ã‚’åˆ¥ã®æ–‡å—ã«åˆ‡ã‚Šæ›¿ãˆãªãŒã‚‰è¶…ã‚¯ãƒ¼ãƒ«ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ãªãŒã‚‰è¡¨ç¤ºã€ŒShuffle Letters Effectã€:phpspoté–‹ç™ºæ—¥èªŒ
æ–‡å—ã‚’åˆ¥ã®æ–‡å—ã«åˆ‡ã‚Šæ›¿ãˆãªãŒã‚‰è¶…ã‚¯ãƒ¼ãƒ«ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ãªãŒã‚‰è¡¨ç¤ºã€ŒShuffle Letters Effectã€ 2011å¹´09æœˆ29æ—¥- Shuffle Letters Effect: a jQuery Plugin | Tutorialzine æ–‡å—ã‚’åˆ¥ã®æ–‡å—ã«åˆ‡ã‚Šæ›¿ãˆãªãŒã‚‰è¶…ã‚¯ãƒ¼ãƒ«ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ãªãŒã‚‰è¡¨ç¤ºã€ŒShuffle Letters Effectã€ã€‚ Flashã‚µã‚¤ãƒˆãªã‚“ã‹ã§ã‚ã£ãŸã‚Šã™ã‚‹ã‚ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã€‚ã¡ã‚‡ã£ã¨è¨€è‘‰ã§ã¯èª¬æ˜Žã—ã¥ã‚‰ã„ã‚“ã§ã™ãŒã€åˆ¥ã®æ–‡å—ã‹ã‚‰a,b,c ã¨ã„ã†æ„Ÿã˜ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã¤ã¤åˆ‡ã‚Šæ›¿ãˆãªãŒã‚‰æœ¬æ¥è¡¨ç¤ºã™ã¹ãæ–‡å—ã«ã™ã‚‹ã¨ã„ã†ãƒ¢ãƒŽã§ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸Â - ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«æ–‡å—ã‚’å…¥ã‚Œã¦Enterã‚ãƒ¼ ãƒ‰æ´¾æ‰‹ã£ã¦ã‚ã‘ã˜ã‚ƒãªã„ã‚“ã§ã™ãŒã€ãªã‚“ã‹ã‚«ãƒƒã‚³ã‚¤ã‚¤ã§ã™ã‚ˆãã€‚ ã‚¿ã‚¤ãƒˆãƒ«æ–‡å—ãªã‚“ã‹ã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã•ã›ã‚Œã°å˜ãªã‚‹ãƒ†ã‚ã‚¹ãƒˆã§ã‚‚ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒã‚ã‚Šã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ã‚³ãƒ¼ãƒ«ã™ã‚‹ã
kuraeqooga 2011/09/29
jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ãƒ–ãƒãƒƒã‚¯å†…ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’èªè¾¼ç”»åƒã¨å…±ã«Ajaxã§èªã¿è¾¼ã¾ã›ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åˆ‡æ›¿ãˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAjaxloaderã€:phpspoté–‹ç™ºæ—¥èªŒ
ãƒ–ãƒãƒƒã‚¯å†…ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’èªè¾¼ç”»åƒã¨å…±ã«Ajaxã§èªã¿è¾¼ã¾ã›ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åˆ‡æ›¿ãˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAjaxloaderã€ 2011å¹´06æœˆ29æ—¥- Ajaxloader 1.5.0 ãƒ–ãƒãƒƒã‚¯å†…ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’èªè¾¼ç”»åƒã¨å…±ã«Ajaxã§èªã¿è¾¼ã¾ã›ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åˆ‡æ›¿ãˆã§ãã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAjaxloaderã€ $('#localframe').ajaxloader('page1.html');ã®ã‚ˆã†ã«å‘¼ã³å‡ºã™ã“ã¨ã§ãƒ–ãƒãƒƒã‚¯å†…ã«ã»ã‹ã®HTMLå†…å®¹ã‚’èªã¿è¾¼ã¾ã›ã‚‰ã‚Œã¾ã™ã€‚ jQueryã‚’ä½¿ãˆã°å¤§ã—ã¦é›£ã—ãã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã‚’ä»˜ã‘ã¤ã¤ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åˆ‡ã‚Šæ›¿ãˆã‚‹ã¨ã„ã†åŠ¹æžœã‚‚ä»˜ã‘ã‚‰ã‚Œã¾ã™ã€‚ ï¼ˆå¼•æ•°ã«ãƒšãƒ¼ã‚¸åã‚’æŒ‡å®šã™ã‚‹ã ã‘ãªã®ã§ç°¡å˜ï¼‰ èªè¾¼ä¸ã¯ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒãŒè¡¨ç¤ºã€‚ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”»åƒã¯ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºå¯èƒ½ SEOç”¨ã«URLã‚‚åˆ‡ã‚Šæ›¿ã‚ã£ã¦ãã‚ŒãŸã‚‰å¬‰ã—ã„ã®ã§ã™ãŒä»Šã®ã¨ã“ã‚ãã®ã‚ˆã†
kuraeqooga 2011/06/29
Ajax

jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
1