[JS]スマフォ・タブレットã§ã®åˆ©ç”¨ã‚’å‰æã«ä½œã‚‰ã‚ŒãŸã‚¿ãƒ–を実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -TabbyDemo: åž‚ç›´åž‹ã®ã‚¿ãƒ– タブレットやデスクトップãªã©ã®åºƒã„スクリーンã§ã¯åž‚ç›´åž‹ã§å³å´ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒè¡¨ç¤ºã•ã‚Œã€å°ã•ã„スクリーンã§ã¯æ°´å¹³åž‹ã«è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ Tabbyã®ä½¿ã„æ–¹ ステップã¯2ã¤ã§ã™ã€‚ Step 1: 外部ファイル 当スタイルシートをhead内ã«ã€ã‚¹ã‚¯ãƒªãƒ—トã¨jQueryã‚’bodyã®ä¸‹ã‚ãŸã‚Šã«è¨˜è¿°ã—ã¾ã™ã€‚ <head> ... <link rel="stylesheet" href="tabby.css" type="text/css"> </head> <body> ... <script src="http://code.jquery.com/jquery-1.9.0.min.js"></script> <script src="tabby.js"></script> </body> Step 2: HTML HTMLã¯ãƒ‡ãƒ¢ã‚’ベースã«ç´¹ä»‹ã—ã¾ã™ã€‚ Demo: ベーシックタイプ
スマートフォンサイトã®HTMLコーディングメモ12個 | æ ªå¼ä¼šç¤¾LIG(リグ)｜DX支æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ 開発・Web制作
{{#tags}}- {{label}}
{{/tags}}