スマホå‘ã‘ã®ãƒŠãƒ“ゲーションã«ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’使ã†ãªã‚‰ã€ã‚½ãƒ¼ã‚»ãƒ¼ã‚¸ãƒªãƒ³ã‚¯ã‚’試ã—ã¦ã¿ã¦ã‚¹ãƒžãƒ›å‘ã‘ã®ãƒŠãƒ“ゲーションã«ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒä½¿ç”¨ã•ã‚Œã‚‹ã®ã‚’多ã見ã‹ã‘ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒå¿…ãšã—も悪ã„ã¨ã„ã†ã“ã¨ã§ã¯ãªã„ã§ã™ãŒã€ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ã®ã‚³ãƒ³ã‚»ãƒ—トを乱用ã¾ãŸã¯èª¤ç”¨ã—ã¦ã„ã‚‹å ´åˆã¯ã€ã‚½ãƒ¼ã‚»ãƒ¼ã‚¸ãƒªãƒ³ã‚¯ãŒé©ã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“。 スマホå‘ã‘ã®ãƒŠãƒ“ゲーションデザインã«ã¤ã„ã¦ã®è€ƒå¯Ÿã‚’紹介ã—ã¾ã™ã€‚ Using Hamburger Menus? Try Sausage Links by Bradley Taunt ソーセージリンクã¯å…ˆé€±å…¬é–‹ã—ãŸè¨˜äº‹ã€Œãƒ†ã‚ストã ã‘ã®ãƒœã‚¿ãƒ³ã¯ã€ãªãœã‚¹ãƒžãƒ›ã§ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティをæãªã†ã®ã‹ã€ã«ã‚‚通ã˜ã‚‹ã‚‚ã®ãŒã‚ã‚Šã¾ã™ã€‚ 下記ã¯å„ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ ※当ブãƒã‚°ã§ã®ç¿»è¨³è¨˜äº‹ã¯ã€å…ƒã‚µã‚¤ãƒˆæ§˜ã«ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ã‚’å¾—ã¦ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’使ã†ãªã‚‰ã€ã‚½ãƒ¼ã‚»ãƒ¼ã‚¸ãƒªãƒ³ã‚¯ã‚’試ã—ã¦ã¿ã¦ ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¨ã¯ã€é•·æ‰€ã¨çŸæ‰€ ソーセージリンクã¨ã¯ã€é•·æ‰€ã¨çŸ
ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å®Ÿè£…ã‚‚ã“ã‚Œãªã‚‰ç°¡å˜ï¼ãƒ‘ãƒãƒ«ã‚’å·¦å³ä¸Šä¸‹ã‹ã‚‰ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ã‚‹è¶…軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -Pushbar.js
ã€Jade/Pug】gulpã§Jade / Pugをコンパイルã™ã‚‹ – Snaplog
jQueryã¨CSS3ã§ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’実装ã—ã¦ã¿ã‚‹
{{#tags}}- {{label}}
{{/tags}}