[B! UI] ken69ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ken69 id:ken69

UIã«é–¢ã™ã‚‹ken69ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³è€ƒå¯Ÿ | warikiru
2008-08-21 ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³è€ƒå¯Ÿ ãƒ©ãƒ™ãƒ«: design, ui ã‚¢ãƒ¬ã‚¯ã‚µã§æ—¥æœ¬èªžã‚µã‚¤ãƒˆä¸Šä½20ç¤¾ãã‚‰ã„ã®ãƒšãƒ¼ã‚¸ãƒãƒ¼ã‚·ãƒ§ãƒ³ãŒã©ã†ãªã£ã¦ã‚‹ã‹èª¿ã¹ã¦ã¿ãŸã€‚ 1. Yahoo! æœ‰æ–™å¯©æŸ»åˆ¶ã®ãƒ‡ã‚£ãƒ¬ã‚¯ãƒˆãƒªã€‚ã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã®å½¢ã§APIã‚’å…¬é–‹ã€‚ 2. FC2ï¼ˆãƒ–ãƒã‚°ï¼‰ ç„¡æ–™ãƒ–ãƒã‚°(blog)ã€ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚µãƒ¼ãƒ“ã‚¹ã€ã‚¦ã‚§ãƒ–ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å„ç¨®ãªã© 3. Google æ—¥æœ¬ å¤šè¨€èªžå¯¾å¿œã‚µãƒ¼ãƒã‚¨ãƒ³ã‚¸ãƒ³ã®æ—¥æœ¬ç‰ˆã€‚ã‚¦ã‚§ãƒ–ã€ã‚¤ãƒ¡ãƒ¼ã‚¸ãŠã‚ˆã³ãƒ‹ãƒ¥ãƒ¼ã‚¹æ¤œç´¢ã€Usenet æŽ²ç¤ºæ¿ã€‚ 4. Mixi ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚µã‚¤ãƒˆã€‚ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸äº¤æ›ã€æ—¥è¨˜ã€ã‚³ãƒŸãƒ¥ãƒ‹ãƒ†ã‚£ä½œæˆã€å‹äººç´¹ä»‹æ©Ÿèƒ½ã€‚ 5. æ¥½å¤©å¸‚å ´ æ±äº¬éƒ½ç›®é»’åŒºã€‚ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆä¸Šã®ä»®æƒ³å•†åº—è¡—é‹å–¶ã€‚ä¼æ¥ãƒ»IRæƒ…å ±ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚·ãƒ§ãƒƒãƒ—ã€‚ 6. Livedoor ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ãŒé‹å–¶ã™ã‚‹ãƒãƒ¼ã‚¿ãƒ«ã‚µã‚¤ãƒˆã€‚ä¼æ¥ãƒ»IRæƒ…å ±ã€‚ 7. ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”» ãƒ‹ã‚³ãƒ‹ã‚³å‹•ç”»ã¯ã€å‹•ç”»å†ç”Ÿä¸ã«ãƒªã‚¢ãƒ«
ken69 2009/06/05
pagination

webdesign

UI
ãƒªãƒ³ã‚¯
åˆ©ç”¨è€…ã«å¯¾ã—éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ã„é€šçŸ¥ã‚’è¡Œã†ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒNotimooã€:phpspoté–‹ç™ºæ—¥èªŒ
Notimo Demos site åˆ©ç”¨è€…ã«å¯¾ã—éžå¸¸ã«åˆ†ã‹ã‚Šã‚„ã™ã„é€šçŸ¥ã‚’è¡Œã†ãŸã‚ã®JavaScriptãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒNotimooã€ã€‚ æ¬¡ã®ãƒªãƒ³ã‚¯ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ â†’ é€šçŸ¥ã‚’è¡¨ç¤ºã—ã¦ã¿ã‚‹ ãƒšãƒ¼ã‚¸ã®å³ä¸Šã«ãƒ•ã‚§ãƒ¼ãƒ‰ã‚¤ãƒ³ã§è¡¨ç¤ºã™ã‚‹ã®ã¯ãªã‹ãªã‹ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒå¤§ãã„ã§ã™ãã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦ã‚‚ã€ã„ã‚„ã¿ã§ã¯ãªã„æ„Ÿã˜ã«ã¡ã‚ƒã‚“ã¨ã¤ã„ã¦ãã¦ãã‚Œã¾ã™ã€‚ ä½¿ã„æ–¹ã‚‚ã‹ãªã‚Šç°¡å˜ã§ã€å¿…è¦ãªJSã¨CSSã‚’èªã¿è¾¼ã‚“ã å¾Œã€ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã‚’newã—ã¦ show ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å‘¼ã³å‡ºã™ã ã‘ã§ã™ã€‚ showã¯ï¼’å›žé€£ç¶šã§å‘¼ã³å‡ºã—ã¦ã‚‚ã€ã¡ã‚ƒã‚“ã¨ï¼‘å€‹ç›®ã¨åŒºåˆ¥ã—ã¦è¡¨ç¤ºã—ã¦ãã‚Œã¾ã™ã€‚ <script type="text/javascript"> var notimooManager = new Notimoo(); // é€šçŸ¥ã‚’è¡¨ç¤º notimooManager.show({ title: 'ã‚¿ã‚¤ãƒˆãƒ«', message: 'ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸
ken69 2009/04/17
ui

javascript

library

sample
ãƒªãƒ³ã‚¯
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã‚‚ã‚ã‹ã‚‹ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹è¨è¨ˆã€
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã¯ã˜ã‚ã« å³¶æ´¥æ‚ æ¨¹ã¨ç”³ã—ã¾ã™ã€‚Yahoo! JAPANã®ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ¡ãƒ‡ã‚£ã‚¢ç³»ã‚µãƒ¼ãƒ“ã‚¹ã®é–‹ç™ºãƒ»ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆä»¥ä¸‹UIï¼‰è¨è¨ˆã‚’æ‹…å½“ã—ã¦ã„ã¾ã™ã€‚ç§ã‹ã‚‰ã¯ã€Œã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã«ã‚‚ã‚ã‹ã‚‹ã€Žãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹è¨è¨ˆã€ã€ã¨é¡Œã—ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ã¿ãªã•ã¾ã«è€ƒãˆæ–¹ã®ãƒ’ãƒ³ãƒˆã¨ãªã‚‹ã‚ˆã†ãªãƒã‚¿ã‚’ãŠå±Šã‘ã—ã¾ã™ã€‚ ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®æ–¹ã€…ã«ã¨ã£ã¦ã€UIè¨è¨ˆã¯ã€ãŠã‚‚ã—ã‚ãã†ã€ã‘ã‚Œã©ã€ã©ã“ã‹ã¨ã£ã¤ãã«ãã„......ã€ãã‚“ãªå°è±¡ã‚’æŒã£ã¦ãŠã‚‰ã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ç§ã‚‚ä»¥å‰ã¯ãã†æ€ã£ã¦ã„ã¾ã—ãŸã€‚ã§ã™ãŒã€ã¨ã£ã¤ãã«ãã•ã‚’ç†ç”±ã«UIè¨è¨ˆã‚’ã‚„ã‚‰ãªã„ã®ã¯ã‚‚ã£ãŸã„ãªã„ã€ã¨ã„ã†æ€ã„ã§è©¦è¡ŒéŒ¯èª¤ã—ãŸçµæžœã€ãªã‚“ã¨ã‹ã€UIè¨è¨ˆã®ãŠä»•äº‹ã‚’ã„ã‚ã„ã‚æ‹…å½“ã•ã›ã¦ã„ãŸã ãã“ã¨ãŒã§ãã‚‹ã‚ˆã†ã«ãª
ken69 2009/04/09
UI
ãƒªãƒ³ã‚¯
NavigationRing
NavigationRingã¯ã€ãƒªãƒ³ã‚°ã‚³ãƒžãƒ³ãƒ‰ã‚’Webãƒšãƒ¼ã‚¸ã«å–ã‚Šä»˜ã‘ã‚‹ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ã€‚ è©¦ã—ã«ã“ã®Webãƒšãƒ¼ã‚¸ã‚’ã‚¿ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã‚°ãƒãƒ¼ãƒãƒ«ãƒªãƒ³ã‚¯ã®NavigationRingãŒèµ·å‹•ã—ã¾ã™ã€‚ NavigationRingã¯Javascriptã§å®Ÿè£…ã•ã‚Œã¦ãŠã‚Šã€ä¸€èˆ¬çš„ãªWebãƒšãƒ¼ã‚¸ã‚„Blogã«å°‘ã€…å¤‰æ›´ã‚’åŠ ãˆã‚‹ã ã‘ã§ã€ ã“ã“ã«ã‚ã‚‹ã‚ˆã†ãªãƒªãƒ³ã‚°ã‚³ãƒžãƒ³ãƒ‰æ©Ÿèƒ½ã‚’è¿½åŠ ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚°ãƒãƒ¼ãƒãƒ«ãƒªãƒ³ã‚¯ã‚¿ã‚¤ãƒ—ã®ãƒªãƒ³ã‚°ä»¥å¤–ã«ã‚‚ã€æ©Ÿèƒ½ã‚’ç‰¹åŒ–ã•ã›ãŸãƒªãƒ³ã‚°ã‚³ãƒžãƒ³ãƒ‰ã‚’ä½•ç¨®é¡žã‹æä¾›ã—ã¦ã„ã¾ã™ã€‚ blogãƒ‘ãƒ¼ãƒ„ãƒšãƒ¼ã‚¸ã®ã‚µãƒ³ãƒ—ãƒ«ã‚’è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ ãƒªãƒ³ã‚°ã«ä½¿ã†ã‚¢ã‚¤ã‚³ãƒ³ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚„ã‚«ãƒ¼ã‚½ãƒ«ã®ç”»åƒã€ã‚¿ã‚¤ãƒˆãƒ«ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã¯è¨å®šã«ã‚ˆã‚Šå¤‰æ›´ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸã€ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ä»¥å¤–ã®å‘¼ã³å‡ºã—ï¼ˆãƒžã‚¦ã‚¹ã‚ªãƒ¼ãƒãƒ¼ã‚„ãƒœã‚¿ãƒ³ã‚¯ãƒªãƒƒã‚¯ã§ã®èµ·å‹•ï¼‰ã«ã‚‚å¯¾å¿œäºˆå®šã§ã™ã€‚ ãƒžãƒ‹ãƒ¥ã‚¢ãƒ«å¼·åŒ–æœˆé–“ NavigationRingã®ä½¿ã„æ–¹è¨˜
ken69 2009/02/19
javascript

menu

UI

idea
ãƒªãƒ³ã‚¯
ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§è¡¨ç¤ºã•ã›ã‚‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’ä½œã‚‹ã€ŒJQuery NavigMenuã€
twitter facebook hatena google pocket ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã‚°ãƒãƒ¼ãƒãƒ«ã‚„å·¦å³ã«å›ºå®šã•ã‚Œã¦ã„ã‚‹ã‚‚ã®ï¼ãƒ»ãƒ»ãƒ»ã¨ã€æ±ºã‚ä»˜ã‘ã¦ã¯ã„ã¾ã›ã‚“ã‹ã€‚ ã‚µã‚¤ãƒˆã®å›žéŠæ€§ã‚’ä¸Šã’ã‚‹ãŸã‚ã«ã‚‚ã€å¸¸ã«è¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ã—ã¦ãŠããŸã„ã‚‚ã®ã§ã™ã€‚ JQuery NavigMenuã§ã¯ã€ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§å¥½ããªå ´æ‰€ã«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’è¡¨ç¤ºã•ã›ã‚‰ã‚Œã¾ã™ã€‚ sponsors ä½¿ç”¨æ–¹æ³• JQuery NavigMenuã‹ã‚‰jquery.navigmenu.jsã‚’jQueryã‹ã‚‰jquery.jsã‚’ãƒ€ã‚¦ãƒãƒ¼ãƒ‰ã—ã¾ã™ã€‚ <script type="text/javascript" src="jquery-1.3.js"></script> <script type="text/javascript" src="jquery.navigmenu.js"></script> <script type="text/javascr
ken69 2009/02/19
UI

menu

navigation

jQuery

javascript

library
ãƒªãƒ³ã‚¯
CSSã¨JavaScriptã§å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹37é¸ -noupe | ã‚³ãƒªã‚¹
noupeã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã€Œ37+ Great Ajax, CSS Tab-Based Interfacesã€ã‹ã‚‰ã€CSSã¨JavaScriptã§å®Ÿè£…ã™ã‚‹ã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹37é¸ã®ç´¹ä»‹ã§ã™ã€‚ 37+ Great Ajax, CSS Tab-Based Interfaces è‡ªå‹•ã§åˆ‡ã‚Šæ›¿ã‚ã‚‹ã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ Easy Tabs 1.2 - now with autochange Rotating jQuery tabs example Tab Content Script (v 2.1) ã‚¹ãƒ©ã‚¤ãƒ‰å¼ã®ã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ Sliding Tabs Coda-Slider Perspective Tabs AJAXã‚’ä½¿ç”¨ã—ãŸã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ Ajax Tabs Content Script (v 2.1) é–‰ã˜ã‚‹ã“ã¨ã‚‚å¯èƒ½ãªã‚¿ãƒ–åž‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ Tab Panels Close
ken69 2008/02/23
css

javascript

tab

UI
ãƒªãƒ³ã‚¯
Ajaxã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«ãŠã‘ã‚‹7ã¤ã®å¤§ç½ª - builder by ZDNet Japan
Ajaxã¯è¿‘ã”ã‚äººæ°—ã‚’é›†ã‚ã¦ã„ã‚‹ãŒã€ãã®äººæ°—ã¯ä¼Šé”ã§ã¯ãªã„ã€‚Ajaxã‚’ä½¿ã†ã“ã¨ã§ã€ã‚ˆã‚Šè¿…é€Ÿã«ã€ã‚ˆã‚ŠåŠ¹çŽ‡è‰¯ãã€ã‚ˆã‚Šå‹•çš„ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã®ã ã€‚ã—ã‹ã—ã€Ajaxã«ã¯å›ºæœ‰ã®è½ã¨ã—ç©´ã‚‚ã‚ã‚‹ã®ã ã€‚ ã“ã†ã„ã£ãŸè½ã¨ã—ç©´ã¯ä¸€è¦‹ã—ãŸã¨ã“ã‚ã€å˜ãªã‚‹å¸¸è˜ã‚’ä½¿ã†ã“ã¨ã§é¿ã‘ã‚‰ã‚Œã‚‹ã‚ˆã†ã«æ€ãˆã‚‹ã€‚ãã—ã¦ã€ã“ã®è¦‹æ–¹ã¯ã‚ã‚‹æ„å‘³ã«ãŠã„ã¦æ£ã—ã„ã€‚ã—ã‹ã—ã€Ajaxã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯ãã®å…ˆç¥–ã«ã‚ãŸã‚‹DHTMLã¨ã¯ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãŒå¤§ããç•°ãªã£ã¦ã„ã‚‹ã®ã ã€‚ã‚ãªãŸãŒã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºä½œæ¥ã«ãŠã„ã¦ã©ã‚Œç¨‹ã®å¸¸è˜ã‚’ç™ºæ®ã—ã‚ˆã†ã¨ã€å…ˆäººãŸã¡ã®çŠ¯ã—ãŸéŽã¡ã‹ã‚‰å¦ã‚“ã§ãŠãæ–¹ãŒè‰¯ã„ã“ã¨ã«å¤‰ã‚ã‚Šã¯ãªã„ã€‚ãã“ã§ã€ã“ã†ã„ã£ãŸéŽã¡ã‚’7ã¤ã®å¤§ç½ªã¨å‘¼ã¶ã“ã¨ã«ã™ã‚‹ã€‚ãŸã ã—ã€éŽã¡ã¯æ±ºã—ã¦ã“ã‚Œã‚‰ã ã‘ã«ç•™ã¾ã‚‰ãªã„ã€‚ äº‹å®Ÿã€ã“ã†ã„ã£ãŸ7ã¤ã®å¤§ç½ªã®ã„ãšã‚Œã‹ã‚’çŠ¯ã™å‰ã«ã‚ˆã‚Šå°ã•ãªéŽã¡ã‚’çŠ¯ã™å¯èƒ½æ€§ãŒé«˜ã„ã€‚ã“ã®ãŸã‚ã€ã¾ãšã¯ã“ã®ã‚ˆã†ãªå°ç½ªã‚’7ã¤è¦‹ã¦ã¿ã‚‹ã“ã¨ã«ã—ã‚ˆ
ken69 2008/01/09
ajax

UI

javascript
ãƒªãƒ³ã‚¯
æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¨ãƒ³ãƒˆãƒªä¸€è¦§
ã“ã‚Œã¾ã§ã«æ›¸ã„ãŸã€ã“ã®Webå†…ã®æƒ…å ±è¨è¨ˆç³»ã‚¨ãƒ³ãƒˆãƒªã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ã¨ã‚Šã‚ãˆãšã€ŒWebç³»ã€ã‚«ãƒ†ã‚´ãƒªã¨ã€Œä¼šç¤¾æ´»å‹•ã€ã‚«ãƒ†ã‚´ãƒªã‹ã‚‰æŠ½å‡ºã—ã¾ã—ãŸã€‚ â– æ¦‚å¿µè«– UIã«ä¾¡å€¤ã‚’è¦‹å‡ºã›ãªã„äººã¯ã€ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ç´ äºº Webã®è¨è¨ˆã¯èª°ãŒã‚„ã‚‹ã®ï¼Ÿ Webã®è¨è¨ˆã¯èª°ãŒã‚„ã‚‹ã®ï¼Ÿãã®ï¼’ Webã®è¨è¨ˆã¯èª°ãŒã‚„ã‚‹ã®ï¼Ÿãã®ï¼“ å¤ã„å¸¸è˜ã®å£ã€ä»Šã®å¸¸è˜ ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã¨è¨€ã†äººç¨® æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã£ã¦ä½•ã ã‚ã€‚ ã‚³ãƒ©ãƒœãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ UIã¯ã‚·ã‚¹ãƒ†ãƒ ã®ä¸€éƒ¨ã§ã™ã€‚ Webåˆ¶ä½œã£ã¦å¤§å¤‰ã ã‚ˆãã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒ©ã‚¤ãƒ†ã‚£ãƒ³ã‚°ã‚‚æƒ…å ±è¨è¨ˆã®ã†ã¡ã€‚ â– æ–¹æ³•è«– ãƒ™ã‚¹ãƒˆãªWebç”»é¢ï¼ˆã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ï¼‰ã®è¨è¨ˆãƒ„ãƒ¼ãƒ«ã¯ï¼Ÿ ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ãŒä½¿ã„ã«ãã„ã‹èª¿ã¹ã‚‹æ–¹æ³• ãƒ¦ãƒ“ã‚ã‚¿ã‚¹IDç¤¾ä¼šã¸ã®æº–å‚™ã€ãƒ’ãƒ³ãƒˆ ä½¿ã„ã‚„ã™ã•ã®ãŸã‚ã®ãƒ‡ã‚¶ã‚¤ãƒ³ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ä½œã‚‹HTMLã‚’å£Šã—ãŸããªã„Webé–‹ç™ºè€…ã®ãŸã‚ã« ä½•æ•…ã€ã‚µã‚¤ãƒœã‚¦ã‚ºã®ç”»é¢ã¯æƒ…å ±ãŒç›®ã«å…¥ã£ã¦ã“ãªã„ã®ã‹ï¼Ÿ ã“ã†ã„ã†ãƒ„ãƒ¼ãƒ«ãªã„ã§ã™ã‹ï¼Ÿ ãƒ¦ãƒ¼
ken69 2007/12/31
IA

UI

webdesign
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ãŒç‹¬è‡ªã«æä¾›ã™ã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³é›†ã€‚ã“ã‚Œã‚’ä½¿ãˆã°UIè¨è¨ˆã‚’åŠ¹çŽ‡åŒ–ã§ãã¾ã™ã€‚
ken69 2007/12/20
UI

design

webdesign
ãƒªãƒ³ã‚¯
Adobe MAX ãƒ¬ãƒãƒ¼ãƒˆï¼šã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³ã®å®Ÿéš›ï¼šã‚¢ã‚¤ãƒ‡ã‚¢ã®é–‹ç™º - ã¦ã£ãç…®ãƒ–ãƒã‚°
è¶…æœ‰åãªä¸æ‘å‹‡å¾æ°ã«ã‚ˆã‚‹ã‚»ãƒƒã‚·ãƒ§ãƒ³ã€‚é–‹å ´å‰ã«é•·è›‡ã®åˆ—ãŒã§ãã¦ã„ã¦ã€äººæ°—ãªã‚“ã ãªãã€ã¨æ€ã£ãŸã€‚å°Žå…¥è¨€è‘‰ã€Œè¨€è‘‰ã€æ–‡æ³•ã€ï¼‹ã€Œçµ„ã¿åˆã‚ã›ã€é…ç½®ã€â†’ã€Œæ–‡ç« ã€ã€Œã‚ãªãŸã€ã€Œã¯ã€ã€Œç¾Žã—ã„ã€ã¯è¨€è‘‰ä»¥ä¸Šã®æ„å‘³ãŒå‡ºã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚‚ãã†ã ã‚ˆ VOCABULARYï¼ˆèªžå½™ãƒ»æ‰‹æ³•ï¼‰ ï¼‹ COMPOSITIONï¼ˆæ§‹æˆãƒ»ãƒãƒ©ãƒ³ã‚¹ï¼‰çµ„ã¿åˆã‚ã•ã£ã¦ã€ã€Œæ–°ãŸãªå˜ä½ã€è¨€èªžã‚„ç´ æã‚’çµ„ã¿åˆã‚ã›ã¦ã„ã‹ã«ã„ã„ä½œå“ã€åºƒå‘Šã«ã™ã‚‹ã‹Reactive Fieldåå¿œã—ã¦å¿«æ„Ÿï¼ˆã‚¯ãƒªãƒƒã‚¯ã—ã¦æ¥½ã—ã„ï¼‰â†’å‰å¾Œã§èªè˜ãŒå¤‰ã‚ã‚‹æ„Ÿè¦šâ†’ç©ºé–“ãªæ„Ÿã˜TenKey Studyã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®ã‚¿ã‚¤ãƒŸãƒ³ã‚°ãƒ†ã‚¹ãƒˆã‚’ç”Ÿã‹ã—ã¦ä½œã£ãŸMONALISAãƒ¢ãƒŠãƒªã‚¶ã‚’è¼‰ã›ã¦ã¿ãŸé¡”ãŒå¤‰å½¢ã™ã‚‹ã®ãŒãŠã‚‚ã—ã‚ã„VAIO NET100è§¦ã£ã¦ã‚‹ã¨ç‰©ç†æ³•å‰‡ï¼ˆãƒ«ãƒ¼ãƒ«ï¼‰ãŒã‚ã‹ã‚‹BlackRibbon (æ³¨ï¼šè‡ªåˆ†ã®ç’°å¢ƒã§ã¯æ¿€é‡ã ã£ãŸ) 2æ¬¡å…ƒã«è¦‹ãˆã¦3æ¬¡å…ƒIntentionallieså‰›ä½“ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒ
ken69 2007/11/07
idea

UI

report

adobe
ãƒªãƒ³ã‚¯
1