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
Recognizrã¯ã€ãã®åã®é€šã‚Šå†™çœŸã‚’撮るã¨äººç‰©ã‚’特定ã§ãã‚‹ã¨ã„ã†æ‹¡å¼µç¾å®Ÿã‚¢ãƒ—リケーション。 ：イザï¼
(コンセプター) 京都市芸術大å¦ãƒ‡ã‚¶ã‚¤ãƒ³ç§‘å…¥å¦å¾Œã€æ¸¡ç±³ã€‚サンフランシスコã§ãƒ’ッピーé”ã¨Tattoo T-shirtを売る。「Be-1ã€é–‹ç™ºã«é–¢ã‚る。ç¾åœ¨æ…¶æ‡‰ç¾©å¡¾å¤§å¦SFC教授。ã“ã®è¨˜äº‹ã¯SFC二年生ã®å¤šæ²»è¦‹æ™ºé«˜ã¨å‚井直樹ã®å…±åŒåŸ·ç†ã§ã™ã€‚
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：ã‹ã‚ã§ã‚“☆ã¿ã‚…ー゠2006-06-28 ã¯ã˜ã‚㫠アップル ヒューマンインタフェースガイドラインåºæ–‡ アップルã¯ã€å¼·åŠ›ãªã‚³ã‚¢ãƒ•ã‚¡ã‚¦ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãã—ã¦ã‚¢ã‚¯ã‚¢ã¨å‘¼ã°ã‚Œã‚‹ã€ç›®ã®é›¢ã›ãªã„ユーザインタフェースをçµã³ã¤ã‘ãŸã€ä¸–ç•Œã§æœ€ã‚‚先進的ãªã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ ã€Mac OS X を手ã«ã—ã¾ã—ãŸã€‚ 進化ã—ãŸæ©Ÿèƒ½ã¨ã€ç¾Žçš„ã«æ´—ç·´ã•ã‚ŒãŸè‰²ä½¿ã„ã€ãã—ã¦é€éŽå‡¦ç†ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã€Mac OS Xã¯æ–°è¦ã®ãƒ¦ãƒ¼ã‚¶ã«ã¯ã‚³ãƒ³ãƒ”ュータæ“作をより容易ã«ã€åŒæ™‚ã«ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãƒ¦ãƒ¼ã‚¶ã«ã¯å½¼ã‚‰ãŒMacintoshã«æœŸå¾…ã™ã‚‹é€šã‚Šã®ç”Ÿç”£æ€§ã‚’æä¾›ã—ã¾ã™ã€‚ ユーザインタフェースã€ã™ãªã‚ã¡ãµã‚‹ã¾ã„ã¨å¤–見ã¯ã€ã‚ˆã練られãŸç·Šå¯†ãªãƒ¦ãƒ¼ã‚¶ä½“験をã€Mac OS Xå‘ã‘ã«é–‹ç™ºã•ã‚ŒãŸå…¨ã¦ã®ã‚¢ãƒ—リケーションã«åˆ©ç”¨ã§ãるよã†ã«ã—ã¾ã™ã€‚ ã“ã‚Œ
blog｜解åƒåº¦ã«ä¾å˜ã—ãªã„モãƒã‚¤ãƒ«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹(2010/08/24) | Ext Japan Blog
ã“ã®è¨˜äº‹ã¯8/23ã«æŽ²è¼‰ã•ã‚ŒãŸã€ŒResolution Independent Mobile UIã€ã‚’訳ã—ãŸã‚‚ã®ã§ã™ …ã¾ãŸã¯â€¦ ピクセルã¯ãƒ”クセルã˜ã‚ƒãªã„ã‚“ã§ã™ã€‚ 「SASSã¨CSS3ã®ãƒ¡ãƒªãƒƒãƒˆï¼ˆthe benefits of SASS and CSS3）ã€ï¼ˆè‹±èªžã€æœªè¨³ï¼‰ã¨ã„ã†è¨˜äº‹ã®ä¸ã§ã€è§£åƒåº¦ã«ä¾å˜ã—ãªã„ユーザーインターフェースを実ç¾ã™ã‚‹ãŸã‚ã«Sencha Touch内ã§æ´»ç”¨ã—ã¦ã„るテクニックã«ã¤ã„ã¦ç°¡å˜ã«è§£èª¬ã—ã¾ã—ãŸã€‚今回ã®è¨˜äº‹ã§ã¯ã€èªè€…ãŒUI開発を行ã†éš›ã«å½¹ã«ç«‹ã¤ã‚ˆã†ã«ã€ãã®ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã«ã¤ã„ã¦ã‚‚ã†å°‘ã—詳ã—ã解説ã—ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ æ¦‚è¦ ã“ã®è¨˜äº‹ã¯ã‚¢ãƒ€ãƒ—ティブãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ã€ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã®è‰¯ã„Webデザインã«ã¤ã„ã¦ã®ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã®è¨˜äº‹ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã¨ã£ã¦æ¯”較的新ã—ã„関心事ã¨ãªã£ãŸã€ã€Œãƒ”クセル密度ã€ã«æ³¨ç›®ã—ãŸã‚‚ã®ã§ã™ã€‚モãƒã‚¤ãƒ«ç’°å¢ƒã«ãŠã„ã¦ã€ç”»é¢ã®è§£åƒåº¦ã¯æ€¥é€Ÿã«é€²åŒ–ã—ã¦ã„ã¾ã™
Intelã€æœªæ¥ã®UIやコンピューティングã®ç ”究組織を新è¨
ç±³Intelã¯ç¾åœ°æ™‚é–“2010å¹´6月30æ—¥ã€æœªæ¥ã®ã‚³ãƒ³ãƒ”ューター技術ã¨äººé–“ã¨ã®é–¢ã‚ã‚Šã‚’ç ”ç©¶ã™ã‚‹æ–°çµ„織をè¨ã‘ã‚‹ã¨ç™ºè¡¨ã—ãŸã€‚ç ”ç©¶éƒ¨é–€Intel Labsã®å‚˜ä¸‹ã§ã€ç¾æ™‚点ã§ã¯æƒ³åƒã®åŸŸã«ã—ã‹ãªã„ユーザーインタフェース（UI）やコンピューティングプラットフォームã®å®Ÿç¾ã«ã¤ãªãŒã‚‹ç ”究ã«å–り組む。 新組織ã®å称ã¯ã€ã€ŒInteraction and Experience Research（IXR）ã€ã€‚人間ãŒã‚³ãƒ³ãƒ”ューターやソーシャルãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ãªã©ã®æŠ€è¡“ã‚’ã©ã®ã‚ˆã†ã«åˆ©ç”¨ã™ã‚‹ã‹ã‚’詳ã—ã調ã¹ã€æ–°ãŸãªã‚³ãƒ³ãƒ”ューティング環境を検討ã—ã¦ã„ã。オンラインメディア自体ã¨æ¶ˆè²»ãƒ‘ターンã®å¤‰åŒ–も調査ã™ã‚‹ã€‚ç ”ç©¶æˆæžœã¯ã€ãƒ‘ソコンã ã‘ã§ãªãテレビや自動車ã€ãƒ‡ã‚¸ã‚¿ãƒ«ã‚µã‚¤ãƒãƒ¼ã‚¸ãªã©ã«ã‚‚応用å¯èƒ½ã¨è¦‹ã¦ã„る。 IXRã®è²¬ä»»è€…ã«ã¯ã€Intelフェãƒãƒ¼ã®Genevieve Bellæ°ãŒå°±ä»»ã™ã‚‹ã€‚åŒæ°ã¯ã€Intelã§10年以上ã«ã‚ãŸã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼è¦–
Mobile App Gallery｜tappgala.com
Mobile App Galleryã¯å„種アプリã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã‚µã‚¤ãƒˆã§ã™ã€‚カテゴリã”ã¨ã€è‰²ã”ã¨ã«åˆ†ã‘ã¦åˆ†ã‹ã‚Šã‚„ã™ã表示ã—ã¦ã„ã¾ã™ã€‚
IBMãŒWebアプリケーションã®UIガイドラインã¨HTML/CSSã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’公開
æ¥å‹™ã‚¢ãƒ—リケーションãŒWebアプリケーションã¨ã—ã¦é–‹ç™ºã•ã‚Œã‚‹ã®ã¯ç¾åœ¨ã®å¤§ããªãƒˆãƒ¬ãƒ³ãƒ‰ã§ã™ã€‚ãã‚Œã«ä¼´ã£ã¦HTMLã¨CSSã«ã‚ˆã£ã¦æ¥å‹™ã‚¢ãƒ—リケーションã®è¤‡é›‘ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’構築ã™ã‚‹å¿…è¦æ€§ãŒç”Ÿã˜ã¾ã™ã€‚ ã—ã‹ã—機能ãŒè±Šå¯Œãªæ¥å‹™ã‚¢ãƒ—リケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’HTMLã¨CSSã§æ§‹ç¯‰ã™ã‚‹ã®ã¯ãã‚Œã»ã©ç°¡å˜ã§ã¯ãªãã€ã—ã‹ã‚‚ãれをアプリケーション全体ã§çµ±ä¸€ã—ã€å„ªã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティを実ç¾ã™ã‚‹ã®ã¯ã•ã‚‰ã«æ‰‹é–“ã®ã‹ã‹ã‚‹ä½œæ¥ã§ã™ã€‚ ãã†ã—ãŸæ¥å‹™ç”¨ã®Webアプリケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’構築ã™ã‚‹ãŸã‚ã®ã‚µãƒ³ãƒ—ルãŒè±Šå¯Œã«å«ã¾ã‚ŒãŸã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã€ŒIBM Lotus User Interface Developer Documentationã€ãŒã€IBMã‹ã‚‰å…¬é–‹ã•ã‚Œã¾ã—ãŸã€‚ 今回公開ã•ã‚ŒãŸIBMã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯ã€åŒç¤¾ã®Lotus製å“群ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティを統一ã™ã‚‹ãŸã‚ã®ç¤¾å†…プãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒOne U
「ユーザーã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªã„ã€ã¯ã‚¦ã‚½ã€â€Above the foldâ€ã‚ˆã‚Šä¸‹ã‚’見ã›ã‚‹3ã¤ã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³TIPS
「Above the fold（アãƒãƒ–・ザ・フォールド）ã€ã¨ã„ã†ã®ã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãã¦ã‚‚見るã“ã¨ãŒã§ãã‚‹ç”»é¢ã®é ˜åŸŸã®ã“ã¨ã‚’言ã„ã¾ã™ã€‚ Above the foldã«ã¤ã„ã¦ã¯ã€ä»¥å‰ã«è¨˜äº‹è§£èª¬ã—ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ â€aboveâ€ã¯ã€Œï½žã‚ˆã‚Šä¸Šã€ã€â€foldâ€ã¯ã€ã€ŒæŠ˜ã‚Šç›®ã€ã¨ã„ã†æ„味ã§ã€â€above the foldâ€ã¯ç›´è¨³ã™ã‚‹ã¨ã€ŒæŠ˜ã‚Šç›®ã‚ˆã‚Šä¸Šã€ã¨ã„ã†æ„味ã«ãªã‚Šã¾ã™ã€‚ æ–°èžã®æŠ˜ã‚Šç›®ã‚ˆã‚Šä¸ŠåŠåˆ†ã¯ã€äººã®æ°—を引ãよã†ãªè¦‹å‡ºã—ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚’掲載ã—ã¾ã™ã€‚ 購入æ„欲をããã‚‹ãŸã‚ã§ã™ã€‚ スãƒâ—‹ãƒã®ï¼‘é¢ã®è¦‹å‡ºã—ãªã‚“ã‹ã¯ã€ãã†ã§ã™ã‚ˆã。 「イãƒãƒãƒ¼ã€ãƒžãƒªãƒŠãƒ¼ã‚ºã‹ã‚‰è§£é›‡é€šå‘Šã€ ãˆã‡ãƒ¼ã£ï¼ ã¨ä»°å¤©ã—ã¦ã€é–‹ã„ã¦ç¶šãã‚’èªã‚€ã¨ 「をå—ã‘ãŸåŒåƒšã¨ã‚´ãƒ«ãƒ•ã«æŒ‘戦ã€ã€ ã¿ãŸã„ãªã€‚（笑） ãƒã‚«ã¯ã“ã®ãらã„ã«ã—ã¦ãŠã„ã¦ã€ã€ŒAbove the foldã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è¨´ãˆã‹ã‘ã‚‹ãŸã‚ã«é‡è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç½®ãã¹ãã€ã§ã€å対ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªã‘ã‚Œã°ãª
Webã¨UIã‚’ã¤ãªãトリックスター（2） テレビã§Yahoo!編―デãƒã‚¤ã‚¹ã¨UIデザイン（1/3） - ï¼ IT
Webã¨UIã‚’ã¤ãªãトリックスター（2） テレビã§Yahoo! デãƒã‚¤ã‚¹ãŒå¤‰ã‚ã‚Œã°UIデザインも変ã‚ã‚‹ 仲里淳 2008/11/19 制作ã®è¦ã¨ãªã‚‹ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ãƒ‡ã‚¶ã‚¤ãƒŠã®ãƒãƒ¼ãƒ ワークã®ãƒ„ボを探る連載。今回ã¯ãƒ¤ãƒ•ãƒ¼ã®ãƒ†ãƒ¬ãƒ“å‘ã‘サービスã®ãƒ‡ã‚¶ã‚¤ãƒ³æ‹…当ã«è©±ã‚’èžã„㟠PCã¨ã¯ç•°ãªã‚‹ãƒ†ãƒ¬ãƒ“ãªã‚‰ã§ã¯ã®UIデザインを探る 「Yahoo! JAPAN for AQUOSã€ã¯ã€Yahoo! JAPANã®Webサービスをシャープã®å¤§ç”»é¢ãƒ†ãƒ¬ãƒ“AQUOSå‘ã‘ã«æä¾›ã™ã‚‹ã‚µãƒ¼ãƒ“スã 。PCã¨ã¯ç•°ãªã‚‹ãƒ†ãƒ¬ãƒ“ãªã‚‰ã§ã¯ã®è¦ç´ ã«å¯¾å¿œã™ã‚‹ãŸã‚ã«ã€UIデザインã§ã‚‚多ãã®è©¦è¡ŒéŒ¯èª¤ãŒã‚ã£ãŸã¨ã„ã†ã€‚プãƒã‚¸ã‚§ã‚¯ãƒˆã®ç«‹ã¡ä¸Šã’時期ã‹ã‚‰ã‹ã‹ã‚ã£ã¦ããŸãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾äº‹æ¥æŽ¨é€²æœ¬éƒ¨ã®å¾³æ‡‰å’Œå…¸æ°ã¨æ¸…æ°´ç”°é”也æ°ã«ã€ãƒ†ãƒ¬ãƒ“ãªã‚‰ã§ã¯ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„サービスè¨è¨ˆã«ã¤ã„ã¦ä¼ºã£ãŸã€‚ PC版やケータイ版ã¨ç•°ãªã‚‹ãƒãƒ¼ãƒ ãŒãƒ†ãƒ¬ãƒ“版を担当 Yahoo! JAPAN for
H.I.S.海外航空券タッãƒãƒ‘ãƒãƒ«äºˆç´„システム(UI design) | works | 有é™ä¼šç¤¾ã‚¨ãƒ ・ティ・プランニング
æ ªå¼ä¼šç¤¾ã‚¨ã‚¤ãƒãƒ»ã‚¢ã‚¤ãƒ»ã‚¨ã‚¹æ§˜ã®æµ·å¤–航空券をタッãƒãƒ‘ãƒãƒ«ã§äºˆç´„ã§ãるシステムã§ã™ã€‚弊社ã¯æœ¬æ¡ˆä»¶ã®ç”»é¢é·ç§»è¨è¨ˆãƒ»UIデザインã€åˆ¶ä½œã¾ã§ã‚’担当ã„ãŸã—ã¾ã—ãŸã€‚ æ ªå¼ä¼šç¤¾ã‚¨ã‚¤ãƒãƒ»ã‚¢ã‚¤ãƒ»ã‚¨ã‚¹æ§˜ãƒ‹ãƒ¥ãƒ¼ã‚¹ãƒªãƒªãƒ¼ã‚¹ï¼ˆ “H.I.S.タッãƒãƒ‘ãƒãƒ«â€ã§ 『H.I.S.スーパーãƒã‚¶ãƒ¼ãƒ«ã€ã®å•†å“を先行予約å—付開始ï¼!）ã¯ã“ã¡ã‚‰ タッãƒãƒ‘ãƒãƒ«å‘ã‘ã«ç”»é¢é·ç§»ãƒ»UIã‚’è¨è¨ˆ 予約システム自体ã¯ã‚¦ã‚§ãƒ–サイトã®ã‚¨ãƒ³ã‚¸ãƒ³ã‚’利用ã—ã€ã‚¿ãƒƒãƒãƒ‘ãƒãƒ«å‘ã‘ã«ç”»é¢é·ç§»ãƒ»ï¼µï¼©ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è¨è¨ˆã—ã¦ã„ã¾ã™ã€‚タッãƒãƒ‘ãƒãƒ«ã¯PCサイトã¨ã¯ç•°ãªã‚Šã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’ã›ãšç”»é¢é·ç§»ãŒã§ãã‚‹ã“ã¨ãŒæœ›ã¾ã—ãã€ãƒœã‚¿ãƒ³ã‚‚指ã§æŠ¼ã›ã‚‹å¤§ãã•ã€æƒ…å ±ã‚‚å³åº§ã«ç†è§£ã§ãã‚‹é…ç½®ã¨ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ æ–‡å—入力ã¯å†…蔵ソフトウエアã‚ーボードを採用 ソフトウエアã‚ーボードã¯ã€ãŠå®¢æ§˜æƒ…å ±ç™»éŒ²ãªã©ã§æ–‡å—入力を行ã„ã¾ã™ã€‚タッãƒãƒ‘ãƒãƒ«ã¯PCã¨ç•°ãªã‚Šã‚ーボードを利用ã—ãªã„ãŸã‚ã€ç”»é¢ä¸Šã«ã‚ーボードを表示
ã©ã®Webブラウザをサãƒãƒ¼ãƒˆã™ã‚‹ã¹ãã‹ï¼Ÿ 「プãƒã‚°ãƒ¬ãƒƒã‚·ãƒ–・エンãƒãƒ³ã‚¹ãƒ¡ãƒ³ãƒˆã€ã¨ã„ã†è€ƒãˆæ–¹
Webアプリケーションを開発ã€é‹ç”¨ã™ã‚‹å´ã«ã¨ã£ã¦ã€ã©ã®Webブラウザã®ã©ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’サãƒãƒ¼ãƒˆã™ã‚‹ã®ã‹ã‚’決ã‚ã‚‹ã“ã¨ã¯éžå¸¸ã«é‡è¦ã§ã™ã€‚サãƒãƒ¼ãƒˆã™ã‚‹Webブラウザを絞り込んã§ã—ã¾ãˆã°é–‹ç™ºã¯å®¹æ˜“ã«ãªã‚Šã¾ã™ãŒã€åˆ©ç”¨è€…ã«ã¯ç‹ã„é¸æŠžè‚¢ã‚’å¼·ã„ã‚‹ã“ã¨ã¨ãªã‚Šã¾ã™ã€‚サãƒãƒ¼ãƒˆå¯¾è±¡ã‚’広ã’ã‚‹ã»ã©åˆ©ç”¨è€…ã«ã¯ä¾¿åˆ©ã«ãªã‚Šã¾ã™ãŒã€é–‹ç™ºæ™‚ã«å„Webブラウザã®äº’æ›æ€§ã®å•é¡Œã«æ°—ã‚’ã¤ã‘ãªã‘ã‚Œã°ãªã‚‰ãšã€ã¾ãŸãƒ†ã‚¹ãƒˆã®å·¥æ•°ã‚‚ããšã¿ç®—çš„ã«è†¨ã‚‰ã¿ã€é–‹ç™ºå·¥æ•°ã®å¢—大ã‹ã‚‰ã‚³ã‚¹ãƒˆã®å¢—大ã¸ã¨ã¤ãªãŒã‚Šã¾ã™ã€‚ ã„ã¾æ¥å‹™ã‚¢ãƒ—リケーションもå«ã‚ã¦å¤šãã®ã‚¢ãƒ—リケーションãŒWebアプリケーション化ã—ã¦ã„ã¾ã™ã€‚社内ã®ã‚¹ã‚¿ãƒƒãƒ•ã ã‘ãŒä½¿ã†ã“ã¨ã‚’想定ã™ã‚‹ã®ãªã‚‰ã°ã€Webブラウザã®ç¨®é¡žã¨ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’é™å®šã—ã¦ã‚‚ã„ã„ã§ã—ょã†ã€‚ ã—ã‹ã—今後ã¯ç¤¾å†…ã«è¤‡æ•°ã®ãƒ™ãƒ³ãƒ€ã‹ã‚‰èª¿é”ã—ãŸWebアプリケーションãŒæ··åœ¨ã™ã‚‹ã“ã¨ã«ãªã‚‹ã§ã—ょã†ã€‚ãã®ã¨ãã«ã€ãã‚Œãžã‚Œã®WebアプリケーションãŒã‚µãƒãƒ¼ãƒˆã™
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
[CSS]åŠé€æ˜Žã®ãƒ‘ãƒãƒ«ã‚’使ã£ãŸãƒ‰ãƒãƒƒãƒ—ダウン型ナビゲーションã®ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆ
スクリプト無ã—ã§ã€tableã§é…ç½®ã—ãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„をドãƒãƒƒãƒ—ダウン型ã®ãƒŠãƒ“ゲーションã®ãƒ‘ãƒãƒ«ã«è¡¨ç¤ºã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’CSSplayã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Professional - drop down table menu demo パãƒãƒ«ã®é€éŽå‡¦ç†ã¯ã€IE6ã«ã‚‚対応ã—ã¦ã„ã¾ã™ã€‚ 対応ブラウザã¯ã€IE6, IE7, IE8, Firefox, Opera, Safari(PC) and Google Chromeã¨ã®ã“ã¨ã§ã™ã€‚ IE8ã§ã®å‹•ä½œã¯ã€IE7ã®ã‚¨ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ¢ãƒ¼ãƒ‰ã§ã¯ã‚ã‚Šã¾ã›ã‚“。
IDEA * IDEA
ドットインストール代表ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
エンジニアã«ã‚‚ã‚ã‹ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹è¨è¨ˆã€
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10月1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ブãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEヤフー Tech Blog ã¯ã˜ã‚ã« å³¶æ´¥æ‚ æ¨¹ã¨ç”³ã—ã¾ã™ã€‚Yahoo! JAPANã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ç³»ã‚µãƒ¼ãƒ“スã®é–‹ç™ºãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆä»¥ä¸‹UI）è¨è¨ˆã‚’担当ã—ã¦ã„ã¾ã™ã€‚ç§ã‹ã‚‰ã¯ã€Œã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã‚‚ã‚ã‹ã‚‹ã€Žãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹è¨è¨ˆã€ã€ã¨é¡Œã—ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã¿ãªã•ã¾ã«è€ƒãˆæ–¹ã®ãƒ’ントã¨ãªã‚‹ã‚ˆã†ãªãƒã‚¿ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚ エンジニアã®æ–¹ã€…ã«ã¨ã£ã¦ã€UIè¨è¨ˆã¯ã€ãŠã‚‚ã—ã‚ãã†ã€ã‘ã‚Œã©ã€ã©ã“ã‹ã¨ã£ã¤ãã«ãã„......ã€ãã‚“ãªå°è±¡ã‚’æŒã£ã¦ãŠã‚‰ã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚以å‰ã¯ãã†æ€ã£ã¦ã„ã¾ã—ãŸã€‚ã§ã™ãŒã€ã¨ã£ã¤ãã«ãã•ã‚’ç†ç”±ã«UIè¨è¨ˆã‚’やらãªã„ã®ã¯ã‚‚ã£ãŸã„ãªã„ã€ã¨ã„ã†æ€ã„ã§è©¦è¡ŒéŒ¯èª¤ã—ãŸçµæžœã€ãªã‚“ã¨ã‹ã€UIè¨è¨ˆã®ãŠä»•äº‹ã‚’ã„ã‚ã„ã‚担当ã•ã›ã¦ã„ãŸã ãã“ã¨ãŒã§ãるよã†ã«ãª
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Engadget | Technology News & Reviews
Java æš—å·åŒ–拡張機能 JDK5.0
idean.com
Flickr: The UIPatternFactory.com Pool
http://uipatternfactory.com/
{{#tags}}- {{label}}
{{/tags}}