[CSS]ç”»åƒã‚’使用ã—ãªã„ã§Apple風ã®ãƒ‘ンããšã‚’作æˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«éšŽå±¤ã‚’区切る三角ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒç‰¹å¾´çš„ãªApple風ã®ãƒ‘ンããšã‚’åŒä¸€ã®è‰²ç›¸ã§ã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã—ãŸã‚‚ã®ã‚’実装ã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’紹介ã—ã¾ã™ã€‚ 三角ã®ç®‡æ‰€ã¯ç”»åƒã‚’使用ã—ãªã„ã§ã€CSSã§å®Ÿè£…ã•ã‚Œã¦ã„ã¾ã™ã€‚ Breadcrumb Navigation with CSS Triangles デモページ [ad#ad-2] HTML -マークアップ パンããšã¯ãƒªã‚¹ãƒˆè¦ç´ ã§å®Ÿè£…ã—ã¾ã™ã€‚ シンプルã§ã‚¯ãƒªãƒ¼ãƒ³ã«å®Ÿè£…ã™ã‚‹ãŸã‚ã«ã€å„アイテムã«ã¯classを使用ã—ã¾ã›ã‚“。 HTML <ul class="breadcrumb"> <li><a href="#">トップページ</a></li> <li><a href="#">第二階層</a></li> <li><a href="#">第三階層</a></li> <li><a href="#">第四階層</a></li> <li><a href="#">ç¾åœ¨ä½ç½®</a></
１個目ã®selectã§ï¼’個目ã®selectã®å†…容を簡å˜ã«å¤‰ãˆã‚‰ã‚Œã‚‹jQueryプラグイン「Doubleselectã€:phpspot開発日誌
ç›®ã®éŒ¯è¦šã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã®å¾…ã¡æ™‚é–“ãŒçŸã...ãªã£ãŸæ°—ãŒã™ã‚‹ï¼ˆå‹•ç”»ï¼‰
23æ³ã®ã€Œå…ƒã€Apple・UIデザイナー - tatsdesign's posterous
秀逸ãªãƒ†ãƒ¼ãƒ–ルデザインã®ãƒ‘ターン集:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}