[JS]æ‡ã‹ã—ã„ï¼ã‚ã®ãƒ†ãƒˆãƒªã‚¹ãŒWebページã«ç°¡å˜ã«è¨ç½®ã§ãるスクリプト -Blockrain.jsæ•°è¡Œã®ã‚³ãƒ¼ãƒ‰ã‚’コピペã™ã‚‹ã ã‘ã§ã€ãƒ†ãƒˆãƒªã‚¹ã‚’Webページã«ç°¡å˜ã«è¨ç½®ã§ãã‚‹jQueryã®ãƒ—ラグインを紹介ã—ã¾ã™ã€‚ テトリスã¯å®Ÿéš›ã«ãƒ—レイã™ã‚‹ã“ã¨ãŒå¯èƒ½ã§ã€ã‚¹ã‚³ã‚¢æ©Ÿèƒ½ã‚‚ã¤ã„ã¦ã„ã¾ã™ã€‚ã—ã‹ã‚‚レスãƒãƒ³ã‚·ãƒ–å¯¾å¿œï¼ ãƒ‡ãƒ¢ï¼šTry æ“作ã¯ã€ã‚ーボードã®z, xã§å›žè»¢ã€çŸ¢å°ã‚ーã§ç§»å‹•ã§ã™ã€‚ å·¦å³ã®çŸ¢å°ã‚’クリックã™ã‚‹ã¨ã€ãƒ†ãƒ¼ãƒžãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ テーマã¯Vim風ã€ã‚²ãƒ¼ãƒ ボーイ風ã€ãƒ¬ãƒˆãƒé¢¨ãªã©ã€ã„ã‚ã„ã‚æƒã£ã¦ã„ã¾ã™ã€‚ Blockrain.jsã®ä½¿ã„æ–¹ Step 1: HTML テトリス用ã®ç©ºdivã‚’é…ç½®ã—ã¾ã™ã€‚ <div class="game" style="width:250px; height:500px;"></div> Step 2: 外部ファイル 当スクリプトã¨jquery.jsを外部ファイルã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <body> ... コンテンツ ... <script src="jquery.js">
![[JS]æ‡ã‹ã—ã„ï¼ã‚ã®ãƒ†ãƒˆãƒªã‚¹ãŒWebページã«ç°¡å˜ã«è¨ç½®ã§ãるスクリプト -Blockrain.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/7c65db02f5e2fa0d46a36f38cc21ca6129930400/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015012001.png)
[JS]多階層ã®ãƒŠãƒ“ゲーションを今風ã«ã‚µã‚¤ãƒ‰ã‚’利用ã—ã¦å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -MultiLevel Push Menu
[JS]円グラフã«ãƒ”ッツァã®ã‚ˆã†ãªã‹ã‚ã„ã„アニメーションを与ãˆã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Pizza Pie Charts
[JS]ページ上ã®ã‚らゆるè¦ç´ ã‚’ç°¡å˜ã«ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã«ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Responsive Elements
Bootstrapã«ä¾¿åˆ©ãªæ©Ÿèƒ½ã‚’è¿½åŠ ã§ãã‚‹jQueryプラグインã¾ã¨ã‚
[JS]レイヤーã«è¦ç´ ã‚’é…ç½®ã—ã€åˆ†é›¢ã—ã¦3Dã«ãã‚‹ãる回転ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -CSSMatrix
{{#tags}}- {{label}}
{{/tags}}