[CSS]アイデアã«ã‚»ãƒ³ã‚¹ã‚’æ„Ÿã˜ã‚‹ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‹ã‚ã„ã„ナビゲーションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ãƒŠãƒ“ゲーションã®å„アイテムをホãƒãƒ¼ã™ã‚‹ã¨ã€å…‰æºãŒç§»å‹•ã™ã‚‹ãƒ©ãƒ¼ãƒ´ã‚¡ãƒ©ãƒ³ãƒ—風エフェクトをスクリプトã¯ä½¿ç”¨ã›ãšã«ã€ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§å®Ÿè£…ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ 矢ãŒãƒãƒ¼ãƒˆã‚’射貫ãã®ã‹ã‚ã„ã„ã§ã™ã。 デモページ 実装 実装ã¯å…±é€šãƒ‘ートã¨3ã¤ã®ãƒ‡ãƒ¢ã§ç•°ãªã‚‹ãƒ‘ートã«åˆ†ã‘ã¦ç´¹ä»‹ã—ã¾ã™ã€‚ Step 1: 共通 HTML HTMLã¯3ã¤ã¨ã‚‚基本的ã«ã¯åŒã˜ã§ã™ã€‚ classã®ã€Œnavã€ã¯å…±é€šã§ã€ã€Œph-line-navã€ã‚’変更ã—ã¦åˆ©ç”¨ã—ã¾ã™ã€‚ <div class="nav ph-line-nav"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Gallery</a> <a href="#">Contact</a> <div class="effect"></div> </div> Step 2: 共通 CSS 3ã¤ã®ãƒ‡ãƒ¢ã®å…±é€šã®ã‚¹ã‚¿ã‚¤
CSS3ã‚‚å°‘ã—入れã¤ã¤è‡ªåˆ†æµCSSプãƒãƒ‘ティã®æ›¸ãé †ã‚’æ±ºã‚ã¦ã¿ãŸ
High Performance JS heatmaps - Codeflow
Titanium Mobile簡易版クイックリファレンスを作ã£ã¦ã¿ãŸã€‚ - JP::HSJ::Junknews::HatenaSide
RX-7ä¹—ã‚Šã®é©å½“ãªæ—¥ã€… - PuTTY screenã‚’256色ã§ä½¿ã†
ã€iTerm】256色対応ã«ã—ã¦ã€vimをカラフルã«ï¼ - ã†ã¿ã‚„ã¾äº
putty+screen+vim - PukiWiki
{{#tags}}- {{label}}
{{/tags}}