ã·ã‚‹ã‚‹ã‚“新感覚ï¼ã‚¹ãƒžãƒ•ã‚©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒæ¥½ã—ããªã‚‹ãƒŠãƒ“ゲーション -Jelly Navigation Menu
ã·ã‚‹ã‚‹ã‚“新感覚ï¼ã‚¹ãƒžãƒ•ã‚©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒæ¥½ã—ããªã‚‹ãƒŠãƒ“ゲーション -Jelly Navigation Menu
ã·ã‚‹ã‚‹ã‚“新感覚ï¼ã‚¹ãƒžãƒ•ã‚©ã§ã®ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãŒæ¥½ã—ããªã‚‹ãƒŠãƒ“ゲーション -Jelly Navigation Menu
æ–°ç€è¨˜äº‹
『フォトショップ・ブイアイピーã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚フォトショップやデザインをãŸã®ã—むウェブサイト。2009年３月創刊以æ¥ã€3800を超ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚フリーフォントãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…色やWeb制作ã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚公開ä¸ã€‚
iPhone Appã®Pathã¿ãŸã„ãªãƒŠãƒ“ゲーションを実装ã§ãã‚‹ Swpnav.js :: 5509
Pathã¿ãŸã„ãªãƒŠãƒ“ゲーションをWebページã«å®Ÿè£…ã™ã‚‹ãƒ©ã‚¤ãƒ–ラリã§ã™ã€‚åŒã˜ã‚ˆã†ãªã®ã¯ä»–ã«ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã‘ã©ã€ã“ã‚Œã®ç‰¹å¾´ã¯å¯¾è±¡ã«å½“ãŸã£ã¦ã„ã‚‹ä»–ã®ãƒ©ã‚¤ãƒ–ラリã¨å¹²æ¸‰ã—ã«ãã„ã¨ã„ã†ã“ã¨ã§ã—ょã†ã‹ã€‚iScrollã¿ãŸã„ãªã‚¤ãƒ™ãƒ³ãƒˆã‚ャンセルãŒå¼·åŠ›ãªã‚„ã¤ã¯ã ã‚ã ã¨æ€ã„ã¾ã™ã€‚ サンプルãŒã¾ã•ã«ãã‚Œãªã‚“ã§ã™ã‘ã©ã€åŒåƒšã®@ãŒä½œã£ãŸ flipsnap.jsã¨ã¯å…±å˜ã§ãã¾ã™ã€‚レイヤー毎ã«ã‚¹ãƒ¯ã‚¤ãƒ—判定をã—ã¦ã‚‹ã®ã§ã€ä¸Šä½ãƒ¬ã‚¤ãƒ¤ãƒ¼ã§ä¸€åº¦ã‚ャンセルã™ã‚‹ã¨ Swpnav ãŒå®Ÿè¡Œã•ã‚Œã¦ã‚‹ä¸‹ä½ãƒ¬ã‚¤ãƒ¤ãƒ¼ã«ã¯ã‚¤ãƒ™ãƒ³ãƒˆãŒé£›ã°ãªããªã‚‹ã‚ˆã†ãªæ„Ÿã˜ã§ã€ã“ã® Swpnav ã¨ã‹ flipsnap ã®ã‚ˆã†ãªä½œã‚Šæ–¹ã‚’ã—ã¦ã„るライブラリã¨ã¯å…±å˜ã§ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ サンプル（Webkitã®ã¿ ホスト githubã«ã‚ã‚Šã¾ã™ 5509/Swpnav – GitHub 使ã„æ–¹ ソースコードをダウンãƒãƒ¼ãƒ‰ã—ã¦ã€ä»»æ„ã®å ´æ‰€ã« swpnav.js ã‚’ç½®ãã€
ページ下部ã§æŠ˜ã‚ŠãŸãŸã‚るメニュー実装サンプル:phpspot開発日誌
Creating a Toggle CSS3 Bottom Navigation Bar ? Script Tutorials ページ下部ã§æŠ˜ã‚ŠãŸãŸã‚るメニュー実装サンプル。 次ã®ã‚ˆã†ã«ã€ã‚¯ãƒªãƒƒã‚¯ã§é–‹é–‰ã—ã¦æŠ˜ã‚ŠãŸãŸã‚るメニューを実装ã™ã‚‹CSS3+jQueryãªã‚µãƒ³ãƒ—ルãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ サンプルã®ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã‚‚出æ¥ã‚‹ã®ã§å®Ÿè£…ã¯ç°¡å˜ã«ã§ãã¾ã™ã€‚ スタイルもCSSã§å¤‰ãˆã‚‰ã‚Œã‚‹ã¨ã„ã†ã“ã¨ã§ç‹¬è‡ªãƒ‡ã‚¶ã‚¤ãƒ³èª¿æ•´ã¯ç°¡å˜ã§ã™ã。 サイトã«åŽã¾ã‚Šåˆ‡ã‚‰ãªã„よã†ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’入れã¦ãŠãã¨ä½¿ã„よã†ã«ã‚ˆã£ã¦ãƒ¦ãƒ¼ã‚¶ãƒ“リティå‘上ã«ç¹‹ã’られãã†ã§ã™ã€‚ 関連エントリ CSSã®ãƒŠãƒ“ゲーションメニューサンプル５５ ミニマムã§å ´æ‰€ã‚’å–らãªã„CSSメニューã®å®Ÿè£…例
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}