[B! ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ] tuki0918ã®ãƒ

tuki0918 id:tuki0918

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã«é–¢ã™ã‚‹tuki0918ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6)

${{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ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjGravityã€:phpspoté–‹ç™ºæ—¥èªŒ
jGravity Demo ãƒšãƒ¼ã‚¸å†…ã®è¦ç´ ã«é‡åŠ›ã‚’ä¸Žãˆã¦è½ä¸‹ã•ã›ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjGravityã€ã€‚ ä¸€è¦‹ãªã‚“ã®å¤‰å“²ã‚‚ãªã„ãƒšãƒ¼ã‚¸ã ã£ãŸã¨ã—ã¦ã‚‚ãƒœã‚¿ãƒ³ã‚’æŠ¼ã™ã¨å…¨ã¦ã®è¦ç´ ã«é‡åŠ›ã‚’ä¸Žãˆã¦ãƒ–ãƒ©ã‚¦ã‚¶ã®ä¸‹ã®æ–¹ã«è½ä¸‹ã•ã›ã‚‹ã¨ã„ã†ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘ã‚‰ã‚Œã¾ã™ã€‚ ã€ŒInitiate jGravityã€ãƒœã‚¿ãƒ³ã§é‡åŠ›ã‚’ä¸Žãˆã¾ã™ã€‚ æ¬¡ã®ã‚ˆã†ã«ã‚¢ã‚¤ãƒ†ãƒ ãŒè½ä¸‹ã—ã¾ã™ã€‚ ä½¿ã„ãƒ‰ã‚³ãƒã¯é›£ã—ã„ã§ã™ãŒã€é©šãã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¨ã—ã¦è¦šãˆã¦ãŠã„ã¦ã‚‚ã‚ˆã•ãã†ã§ã™ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒè‰²ã€…é¸ã¹ã‚‹ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼å®Ÿè£…jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAdaptorã€ ã‚¿ãƒ¼ãƒŸãƒŠãƒ«ã«æ–‡å—ã‚’æ‰“ã£ã¦ã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒä½œã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒTypistã€ jQueryã§ãƒ•ãƒªãƒƒãƒ—ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½¿ã£ãŸè‰¯ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„ã‚µãƒ³ãƒ—ãƒ«é›†ï¼‘ï¼ ç”»åƒãƒ›ãƒãƒ¼æ™‚ã«ï¼’ï¼ç¨®é¡žä»¥ä¸Šã®å¤šå½©ãªã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã‹ã‘ã‚‰ã‚Œã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒAdipoliã€
tuki0918 2012/10/29
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

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

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
lake.js
How does it work? Like this: <script src="jquery.js"></script> <script src="lake.js"></script> <script> $(function() { $('#lake-img').lake({ 'speed': 1, 'scale': 0.5, 'waves': 10 }); }); </script> ... <img id="lake-img" src="lake.png" style="display: none;"/> Lake.js takes an img element and inserts a canvas element displaying the image and its flipped reflection directly after the img element. Th
tuki0918 2012/04/18
æ°´ç³»ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ

ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
ãƒªãƒ³ã‚¯
æˆ¯è¨€ã‚µã‚¤ãƒˆ AfterEffectsè¬›åº§ã€€ç¬¬02å›žã€€ã€ŽèŠ±ã³ã‚‰ãŒèˆžã†ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä½œã‚ã†ã€
ä»Šå›žã¯ã€ŽèŠ±ã³ã‚‰ãŒèˆžã†ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã¤ãã‚ã†ã€ã§ã™ã€‚ ã“ã†ã„ã†ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‚„ã‚‹ã«ã¯è‰²ã€…ã‚„ã‚Šã‹ãŸãŒã‚ã‚Šã€ã‚µãƒ¼ãƒ‰ãƒ‘ãƒ¼ãƒ†ã‚£ãƒ¼è£½ã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚’ä½¿ã£ãŸã‚Šã€ã“ã¤ã“ã¤æ‰‹ä½œæ¥ã§å‹•ãã‚’ã¤ã‘ãŸã‚Šã€ã¨ã‚ã‚‹ä¸ã§ä»Šå›žã¯æ¯”è¼ƒçš„æ¥½ãªæ–¹æ³•ã§ã§ãã‚‹ã‚„ã‚Šã‹ãŸã‚’ã‚„ã‚ã†ã¨æ€ã„ã¾ã™ã€‚ ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ï¼ˆå¾®å¦™ã«å†…å®¹ãŒé•ã„ã¾ã™ï¼‰ 01 ã¾ãšã€èŠ±ã³ã‚‰ã®ç´ æã‚’ã¤ãã‚Šã¾ã™ã€‚ã©ã“ã‹ã®ç´ æå±‹ã‹ã‚‰ã¨ã£ã¦ãã¦ã‚‚ã„ã„ã§ã™ã—ã€è‡ªåˆ†ã§ä½œã£ã¦ã‚‚ã„ã„ã§ã™ã€‚ãã‚Œã‚’PhotoShopãªã©ã§èƒŒæ™¯ã¨åˆ¥ã®ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ã—ã¦ç”»é¢ã«æ•£ã‚Šã°ã‚ã¦ãã ã•ã„ã€‚ ãªã‚‹ã¹ããƒ©ãƒ³ãƒ€ãƒ ã«é…ç½®ã™ã‚‹ã¨ã€å‹•ç”»ã«ã—ãŸã¨ãã«ãƒãƒ©ã‘ã¾ã™ã€‚ 02 æ¬¡ã«ã•ã£ãã®ç”»åƒã¨ã¯åˆ¥ã«èŠ±ã³ã‚‰éƒ¨åˆ†ã®é¸æŠžç¯„å›²ã‚’1ãƒ”ã‚¯ã‚»ãƒ«å¤–å´ã«æ‹¡å¼µã—ã€ç™½ã§å¡—ã‚‹ã¤ã¶ã—ãŸã‚¢ãƒ«ãƒ•ã‚¡ç”»åƒã‚’ä½œã‚Šã¾ã™ã€‚ã“ã‚Œã‚‚èƒŒæ™¯ã¨ã¯åˆ¥ã«ã—ã¦ãã ã•ã„ã€‚ è¿½è¨˜ï¼šã‚¢ãƒ«ãƒ•ã‚¡ç”»åƒã¨ã¯é€æ˜Žåº¦ã‚’è¡¨ã™ç”»åƒã§ã€ã“ã“ã§ã¯ã€ã“ã®å¾Œä½¿ã†ã€Žã‚·ãƒ£ã‚¿ãƒ¼ã€ã®è¨å®šã§ä½¿ã„ã€ã“ã®ç”»åƒã‚’å…ƒã«æœ€åˆã®æ–¹ã®èŠ±ã³ã‚‰ã‚’ãã‚Šè²«
tuki0918 2012/03/20
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
tuki0918 2012/01/27
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
ãƒªãƒ³ã‚¯
ã‚ã‚‰ã‚†ã‚‹ç”»åƒã«ãƒ¬ãƒˆãƒé¢¨ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‰ã‚Œã‚‹ã€ŽVintageJSã€ | 100SHIKI
ã“ã‚Œã¯ç´ æ•µãªãƒ„ãƒ¼ãƒ«ã€‚ VintageJSã¯ã€ã‚ã‚‰ã‚†ã‚‹ç”»åƒã«ãƒ¬ãƒˆãƒé¢¨ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‹ã‘ã‚‰ã‚Œã‚‹ã‚µã‚¤ãƒˆã ã€‚ ã¡ã‚‡ã£ã¨ã—ãŸInstagramé¢¨ã®å†™çœŸã‚’ã•ãã£ã¨ä½œã‚‹ã“ã¨ãŒã§ãã¦ä¾¿åˆ©ã ã‚ã†ã€‚ ã‚‚ã¡ã‚ã‚“ãƒ¬ãƒˆãƒå…·åˆã¯ã•ã¾ã–ã¾ãªã‚ªãƒ—ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦èª¿æ•´ã™ã‚‹ã“ã¨ãŒå¯èƒ½ã ã€‚ ã•ã‚‰ã«jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚‚é…å¸ƒã—ã¦ã„ã‚‹ã‚ˆã†ã ï¼ˆGithubã¸ã®ãƒªãƒ³ã‚¯ãŒã‚ã‚‹ï¼‰ã€‚ æŠ€è¡“çš„ã«ã¯HTML5ã®Canvasã‚’ä½¿ã£ã¦ã„ã‚‹ã‚ˆã†ã§ã™ãªã€‚ã©ã“ã‹ã§ä½¿ãˆãã†ãªã®ã§è¦šãˆã¦ãŠãã¨ã„ã„ã ã‚ã†ã€‚
tuki0918 2011/05/02
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
ãƒªãƒ³ã‚¯
[CSS]ç”»åƒã‚’ä½¿ç”¨ã—ãªã„ã§ã€ç´™ãŒã²ã‚‰ã£ã¨ã‚ãã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ã‚ºã®ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã«åˆ©ç”¨ãŒå¯èƒ½ãªã€ç´™ãŒã²ã‚‰ã£ã¨ã‚ãã‚ŒãŸã‚ˆã†ãªãƒšãƒ¼ã‚¸ã‚«ãƒ¼ãƒ«ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ä¸Žãˆã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®æ‹¡å¤§ ã“ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ãƒšãƒ¼ã‚¸ã®ã‚ã‚‰ã‚†ã‚‹ã‚µã‚¤ã‚ºã®è¦ç´ ã«ç°¡å˜ã«é©ç”¨ã§ãã¾ã™ã€‚ ç´™ãŒã²ã‚‰ã£ã¨ã‚ãã‚ŒãŸã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®å®Ÿè£…æ–¹æ³• HTML HTMLã¯ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã€‚divè¦ç´ ã«classã‚’ä»˜ä¸Žã—ã¦ã„ã‚‹ã ã‘ã§ã™ã€‚ <div class="box">My box</div> CSSï¼šã‚·ãƒ£ãƒ‰ã‚¦ã®é©ç”¨ box-shadowã‚’ä½¿ç”¨ã—ã¦ã€å†…å´ã¨å¤–å´ã«ã‚·ãƒ£ãƒ‰ã‚¦ã‚’é©ç”¨ã—ã¾ã™ã€‚ .box { position: relative; width: 500px; padding: 50px; margin: 0 auto; background-color: #fff; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2), inset 0 0
tuki0918 2011/04/28
ã‚¨ãƒ•ã‚§ã‚¯ãƒˆ
ãƒªãƒ³ã‚¯
1