Welie.com - Patterns in Interaction Designインタラクション集
A Pattern Library for Interaction Design This site contains a lot of best practices in Interaction Design. Over the years I have collected examples and insight on their applicability that I share with you here on this. So there is really no 'original' design to be found here, sorry. It has all been done before... See it as a reference or basic 'toolkit' you can use when design user experiences. It
iPod風ã®éšŽå±¤çš„ãªãƒŠãƒ“ゲーションを実装ã™ã‚‹é¢ç™½ï¼µï¼©ã‚µãƒ³ãƒ—ル「ColumNavã€:phpspot開発日誌
ColumNav Documentation ColumNav is a hierarchical menu implementation utilizing Bill Scott's Yahoo UI Carousel component. iPod風ã®éšŽå±¤çš„ãªãƒŠãƒ“ゲーションを実装ã™ã‚‹é¢ç™½ï¼µï¼©ã‚µãƒ³ãƒ—ル「ColumNavã€ã€‚ 一見ã€ã‚¢ã‚¤ã‚³ãƒ³ã®ã¤ã„ãŸã‚³ãƒ³ãƒœãƒœãƒƒã‚¯ã‚¹é¢¨ï¼µï¼©ã§iPodライクãªæ¬¡ã®ã‚ˆã†ãªãƒŠãƒ“ゲーションを実装ã™ã‚‹æ–¹æ³•. ファイルをクリックã§ãƒ•ã‚¡ã‚¤ãƒ«ã‚’表示ã—ã€ãƒ•ã‚©ãƒ«ãƒ€ã‚’クリックã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã—ãªãŒã‚‰éšŽå±¤ã‚’移動ã—ã¾ã™ã€‚ å‹•ããŒãªã‚らã‹ã§ã‚¯ãƒ¼ãƒ«ãªå°è±¡ã‚’出ã™ã“ã¨ãŒå‡ºæ¥ãã†ã§ã™ã€‚ã¾ã•ã«iPod風。 Ajaxを使ã£ã¦ç„¡åˆ¶é™ã«éšŽå±¤ã‚’辿るã“ã¨ãŒå‡ºæ¥ãŸã‚Šã€ãªã‹ãªã‹å·¥å¤«ã•ã‚Œã¦ã„るよã†ã§ã™ã€‚ ソースも次ã®ã‚ˆã†ã«ã‚¯ãƒªãƒ¼ãƒ³ã«ãªã‚‹ã®ã§ä½¿ã„ã‚„ã™ãã†ã€‚ <ul id="basketball-list"> <li>
人力検索ã¯ã¦ãª - 入力フォームã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã™ã°ã‚‰ã—ã„ページを教ãˆã¦ãã ã•ã„。 派手ã•ã‚„装飾ã§ã¯ãªãã€ä½¿ã„ã‚„ã™ã•ã€è¦‹ã‚„ã™ã•ãªã©æ©Ÿèƒ½ç¾Žå„ªå…ˆã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ 海外ã®ã‚µã‚¤ãƒˆã§ã‚‚çµæ§‹ã§
入力フォームã®ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã™ã°ã‚‰ã—ã„ページを教ãˆã¦ãã ã•ã„。 派手ã•ã‚„装飾ã§ã¯ãªãã€ä½¿ã„ã‚„ã™ã•ã€è¦‹ã‚„ã™ã•ãªã©æ©Ÿèƒ½ç¾Žå„ªå…ˆã§ãŠé¡˜ã„ã—ã¾ã™ã€‚ 海外ã®ã‚µã‚¤ãƒˆã§ã‚‚çµæ§‹ã§ã™ã€‚
CSSã§ã‚¯ãƒ¼ãƒ«ãªã‚¿ãƒ–UIを作æˆã™ã‚‹ã‚µãƒ³ãƒ—ル:phpspot開発日誌
OSResources - How to create CSS overlapping tabs? Sometimes simulating a real desktop interface for your web application can be a real challenge, especially when dealing with tabs. CSSã§ã‚¯ãƒ¼ãƒ«ãªã‚¿ãƒ–UIを作æˆã™ã‚‹ã‚µãƒ³ãƒ—ル。 次ã®ã‚ˆã†ãªã‚¿ãƒ–UIを作るã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ サンプルã®CSSを定義ã—ã¦ãŠã‘ã°ã€å¾Œã¯æ¬¡ã®ã‚ˆã†ã«ã‚·ãƒ³ãƒ—ルãªHTMLをコーディングã™ã‚‹ã ã‘ã§ä¸Šè¨˜ç”»åƒã®ã‚ˆã†ãªã‚¿ãƒ–UIãŒä½œã‚Œã¾ã™ã€‚ HTMLもクリーン。 <ul class="obtabs"> <li class="first"><span><a href="#">Jack</a></span></li> <li><span><a class="new
1
ãŠçŸ¥ã‚‰ã›
障害
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
フォームã®ãƒ‡ã‚¶ã‚¤ãƒ³ã„ã‚ã„ã‚ - DesignWalker
{{#tags}}- {{label}}
{{/tags}}