[CSS]軽é‡ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã€ã‚¹ãƒžãƒ›ã«ã‚‚デスクトップã«ã‚‚å¿«é©ã§åˆ†ã‹ã‚Šã‚„ã™ã„ナビゲーション -Paradeiserスマホã§è¡¨ç¤ºã™ã‚‹ã¨ä¸‰æœ¬ç·šã®ã‚¢ã‚¤ã‚³ãƒ³ã«ãªã‚‹ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€ç¢ºã‹ã«å°ã•ã„ç”»é¢ã®å•é¡Œã‚’解決ã™ã‚‹æ–¹æ³•ã®ä¸€ã¤ã§ã™ãŒã€ãƒ™ã‚¹ãƒˆãªé¸æŠžã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®è‰¯ã„点を利用ã—ã€æ‚ªã„点を改善ã—ãŸã€ã‚¹ã‚¯ãƒªãƒ—ト無ã—ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒŠãƒ“ゲーションを実装ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’紹介ã—ã¾ã™ã€‚ Paradeiser Paradeiser -GitHub Paradeiserã®ç‰¹å¾´ Paradeiserã®ãƒ‡ãƒ¢ Paradeiserã®ä½¿ã„æ–¹ Paradeiserã®ç‰¹å¾´ 実装ã¯ç°¡å˜ã§ã€è¶…è»½é‡ Paradeiserã¯1.3KBã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ1ã¤ã ã‘ã§ã€ç°¡å˜ã«å®Ÿè£…ã§ãã¾ã™ã€‚ CSS Only jQueryやスクリプトã¯ä½¿ç”¨ã—ã¾ã›ã‚“。 レスãƒãƒ³ã‚·ãƒ–対応 スマホã€ã‚¿ãƒ–レットã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã®ãã‚Œãžã‚Œã§å¿«é©ã«æ“作ã§ãã¾ã™ã€‚ オーãƒãƒ¼ãƒ•ãƒãƒ¼ ナビゲーションã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚ªãƒ¼ãƒãƒ¼ãƒ•ãƒãƒ¼ã§è¡¨ç¤ºã•ã‚Œã¾ã™ã€‚ スクãƒãƒ¼ãƒ«æ™‚ã®
![[CSS]軽é‡ã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã§ã€ã‚¹ãƒžãƒ›ã«ã‚‚デスクトップã«ã‚‚å¿«é©ã§åˆ†ã‹ã‚Šã‚„ã™ã„ナビゲーション -Paradeiser](https://cdn-ak-scissors.b.st-hatena.com/image/square/9850202ae54d8b12231ce802211ae82aaab9800d/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201502%2F2015091601.png)
[JS]WordPressã«ã‚‚最é©ï¼ã‚·ãƒ³ãƒ—ルãªHTMLã‚’ã•ãã£ã¨ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«ã—ã¦ã—ã¾ã†ã‚¹ã‚¯ãƒªãƒ—ト -Magic Accordion![[JS]WordPressã«ã‚‚最é©ï¼ã‚·ãƒ³ãƒ—ルãªHTMLã‚’ã•ãã£ã¨ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã«ã—ã¦ã—ã¾ã†ã‚¹ã‚¯ãƒªãƒ—ト -Magic Accordion](https://cdn-ak-scissors.b.st-hatena.com/image/square/1e2783ce385857ea9b172089f4da3c1407bf06c5/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201403%2F2014092505.gif)
UIデザイナーãŒç†è§£ã—ã¦ãŠãã¹ã11種類ã®ãƒŠãƒ“ゲーションã¨ç‰¹å¾´ | ベイジã®ç¤¾é•·ãƒ–ãƒã‚°
デザイナー必見ï¼ãƒŠãƒ“ゲーションãŒãƒ¦ãƒ‹ãƒ¼ã‚¯ãªã‚µã‚¤ãƒˆ15é¸ | coromos
ウェブページやスマフォアプリã®åˆ¶ä½œæ™‚ã«å‚考ã«ã—ãŸã„UIエレメントをコレクションã—ã¦ã„るサイトã®ã¾ã¨ã‚
心地よã•ã‚’目指ã—ãŸå¸ƒã‚„ゴムã®ã‚ˆã†ãªãƒ„クãƒã‚¢ã®ãƒ‰ãƒãƒ¯ãƒ¼UI | æ ªå¼ä¼šç¤¾ãƒ„クãƒã‚¢
[JS]レスãƒãƒ³ã‚·ãƒ–対応ã®ã‚·ãƒ³ãƒ—ルãªãŒã‚‰é«˜æ€§èƒ½ãªã™ã”ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ï¼ -Resposive Nav
http://handywebdesign.net/2013/03/layout-and-design-about-menu/
アイデア満載ï¼ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–対応ã®ãƒŠãƒ“ゲーションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã®ã¾ã¨ã‚
ubc-coren.com - ã“ã®ã‚¦ã‚§ãƒ–サイトã¯è²©å£²ç”¨ã§ã™ï¼Â - ubc coren リソースãŠã‚ˆã³æƒ…å ±
レスãƒãƒ³ã‚·ãƒ– デザイン用ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ナビゲーションãªã©ã®ãƒ‘ターンã®ã¾ã¨ã‚ -This Is Responsive
リストã®æ¨ªä¸¦ã³æ™‚ã«ç”Ÿã¾ã‚Œã‚‹< li >ã®éš™é–“を解決ã™ã‚‹5ã¤ã®æ–¹æ³•
効果的ãªãƒŠãƒ“ゲーションをè¨è¨ˆã™ã‚‹5ã¤ã®å¤§åˆ‡ãªãƒã‚¤ãƒ³ãƒˆ
様々ãªãƒ¢ãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãŒç¢ºèªå‡ºæ¥ã‚‹ã€ŒMobileTuxedoã€ãŒç†±ã„
ã‚‚ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’è¿·ã‚ã›ãªã„ï¼ãƒŠãƒ“ゲーションメニューè¨ç½®ã®ã‚³ãƒ„
25 Modern Navigation Solutions: Unique Designs & Awesome Effects
ディテールã«ã“ã ã‚ã£ãŸã€ç¾Žã—ã„デザインã®ãƒŠãƒ“ゲーション集
jQuery+CSSã§å®Ÿè£…ã™ã‚‹ãƒŠãƒ“ゲーションメニューç·é›†ç·¨ - ã‹ã¡ã³ã¨.net
アイデア溢れるFlashã®ãƒŠãƒ“ゲーション集（ソースコード付ã）
{{#tags}}- {{label}}
{{/tags}}