ヘッダã€ãƒ•ãƒƒã‚¿ã€ãƒŠãƒ“ゲーションã€è¦‹å‡ºã—ãªã©ã€Webサイトã§ã‚ˆã使ã†ãƒ‘ーツã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’集ã‚ãŸã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ヘッダã€ãƒ•ãƒƒã‚¿ã€ãƒŠãƒ“ゲーションã€è¦‹å‡ºã—ãªã©ã€Webページã§ã‚ˆã使ã†å„コンãƒãƒ¼ãƒãƒ³ãƒˆã‚„エレメントã”ã¨ã«å›½å†…・海外ã®ç´ 晴らã—ã„デザインを集ã‚ã¦ã„るギャラリーサイトを紹介ã—ã¾ã™ã€‚ 眺ã‚ã¦ã„ã‚‹ã ã‘ã§ã€ã•ã¾ã–ã¾ãªã‚¤ãƒ³ã‚¹ãƒ”レーションをもらã†ã“ã¨ãŒã§ãã¾ã™ï¼ ヘッダã®ãƒ‡ã‚¶ã‚¤ãƒ³ フッタã®ãƒ‡ã‚¶ã‚¤ãƒ³ ナビゲーションã®ãƒ‡ã‚¶ã‚¤ãƒ³ 見出ã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ ã„ã‚ã„ã‚ãªãƒ‘ーツã®ãƒ‡ã‚¶ã‚¤ãƒ³ ヘッダã®ãƒ‡ã‚¶ã‚¤ãƒ³
[JS]ホãƒãƒ¼æ™‚ã«æµ®ã‹ã¶ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãŒã¨ã£ã¦ã‚‚リアルãªã‚¹ã‚¯ãƒªãƒ—ト
[JS]極シンプルãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を横ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ãƒŠãƒ“ゲーションを表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Slideout.js![[JS]極シンプルãªãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„を横ã«ã‚¹ãƒ©ã‚¤ãƒ‰ã•ã›ãƒŠãƒ“ゲーションを表示ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -Slideout.js](https://cdn-ak-scissors.b.st-hatena.com/image/square/1b5913f9bdd8179129a0b710a9473540ea14fc5c/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015030902.gif)
Bootstrapをカスタマイズï¼ãƒšãƒ¼ã‚¸ã‚’スマホã§è¡¨ç¤ºã—ãŸéš›ã«æ¨ªã‹ã‚‰ãƒŠãƒ“ゲーションをスライドã•ã›ã‚‹ -Bootstrap Offcanvas
[JS]ãƒã‚¤ãƒ©ã‚¤ãƒˆã®ã‚¨ãƒªã‚¢ã‚’マウスã«åˆã‚ã›ã¦ç§»å‹•ã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
[JS]ç°¡å˜ã§æ¥½ã¡ã‚“ï¼ã•ã¾ã–ã¾ãªã‚¿ãƒ–コンテンツをシンプルãªHTMLã§å®Ÿè£…ã§ãる軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -PWS Tabs![[JS]ç°¡å˜ã§æ¥½ã¡ã‚“ï¼ã•ã¾ã–ã¾ãªã‚¿ãƒ–コンテンツをシンプルãªHTMLã§å®Ÿè£…ã§ãる軽é‡ã‚¹ã‚¯ãƒªãƒ—ト -PWS Tabs](https://cdn-ak-scissors.b.st-hatena.com/image/square/4d64a904158ec2baa31b10249a1ba5d80abb96b8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015012601.png)
[CSS]CSS3グラデーションを使用ã—ãŸç¾Žã—ã„ツールãƒãƒ¼ã¨ãƒœã‚¿ãƒ³
[CSS]写真画åƒã®èƒŒæ™¯ã‚„フラットãªã‚¹ã‚¿ã‚¤ãƒ«ã®Webデザインã«ã´ã£ãŸã‚Šãªã‚´ãƒ¼ã‚¹ãƒˆãƒœã‚¿ãƒ³ã®å®Ÿè£…方法ã®ã¾ã¨ã‚![[CSS]写真画åƒã®èƒŒæ™¯ã‚„フラットãªã‚¹ã‚¿ã‚¤ãƒ«ã®Webデザインã«ã´ã£ãŸã‚Šãªã‚´ãƒ¼ã‚¹ãƒˆãƒœã‚¿ãƒ³ã®å®Ÿè£…方法ã®ã¾ã¨ã‚](https://cdn-ak-scissors.b.st-hatena.com/image/square/e899eb8da8739d23bb0715fe273fb5e1d72d6be1/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015011500.gif)
ボタンã€ãƒŠãƒ“ゲーションã€ã‚¿ãƒ–ãªã©ã®PSDç´ æ集 -Button Project
[CSS]水平ナビゲーションã®å„アイテムをホãƒãƒ¼æ™‚ã«ã€ãã‚‹ãã‚‹ã£ã¨å›žè»¢ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯![[CSS]水平ナビゲーションã®å„アイテムをホãƒãƒ¼æ™‚ã«ã€ãã‚‹ãã‚‹ã£ã¨å›žè»¢ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯](https://cdn-ak-scissors.b.st-hatena.com/image/square/5a1595bf6696cf508a760fed6fa8ed736c886b2b/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201501%2F2015010802.gif)
Macã®Finderã«ã‚¿ãƒ–ã‚’è¿½åŠ ã—ã¦è¤‡æ•°ã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ã‚’ã²ã¨ã¤ã«ã¾ã¨ã‚ã¦è¡¨ç¤ºå¯èƒ½ã«ãªã‚‹ã€ŒXtraFinderã€
ウェブデザインã®ã‚»ãƒ³ã‚¹ã‚’磨ã“ã†ï¼ 2014å¹´æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIデザインã®ã¾ã¨ã‚
[JS]スãƒãƒƒãƒˆãƒžã‚·ãƒ³ã®ã‚ˆã†ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ¥½ã—ã„ナビゲーションを実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
[JS]ダイナミックã§è»½å¿«ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä¼´ã£ãŸãƒŠãƒ“ゲーション
[JS]縦長ページã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã‚‚スマホã§ã‚‚デザインã®é‚ªé”ã‚’ã—ãªã„ナビゲーションを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -MenuItems![[JS]縦長ページã§ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã§ã‚‚スマホã§ã‚‚デザインã®é‚ªé”ã‚’ã—ãªã„ナビゲーションを実装ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト -MenuItems](https://cdn-ak-scissors.b.st-hatena.com/image/square/490093a26eeae705d029e62c12e65ec0e91614fc/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201404%2F2014120901.png)
[JS]ナビゲーションã®ç¾åœ¨ä½ç½®ã®è¡¨ç¤ºã‚’自動ã§å¤‰æ›´ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト
[JS]二ã¤ã®ãƒ‘ãƒãƒ«ã‚’ダイナミックã«ãšã‚‰ã—ã¦è¡¨ç¤ºã™ã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„スライダー -dualSlider
ã·ã‚‹ã‚‹ã‚“ã¨å‹•ãアニメーションãŒæ°—æŒã¡ã„ã„ï¼æ–°æ„Ÿè¦šã®ãƒŠãƒ“ゲーション -Gooey pagination
Private Presentation
ダウンãƒãƒ¼ãƒ‰ã—ã¦ãŠãã¹ã—ï¼iOS 8ã®GUIè¦ç´ ã‚’ã¾ã¨ã‚ãŸPSDç´ æã®æ±ºå®šç‰ˆ -iOS 8 GUI PSD(iPhone 6)
{{#tags}}- {{label}}
{{/tags}}