[B! ui] the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

the-day id:the-day

uiã«é–¢ã™ã‚‹the-dayã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (143)

${{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}}

JavaScriptã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ²¢å±±é›†ã‚ã¦ã‚«ã‚¿ãƒã‚°åŒ–ã—ã¦ã„ã‚‹Webã‚µã‚¤ãƒˆãƒ»Jster - ã‹ã¡ã³ã¨.net
JSãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã¾ã¨ã‚ã‚µã‚¤ãƒˆã® ã”ç´¹ä»‹ã€‚æ—¢çŸ¥ã®æ–¹ã‚‚å¤šã„ã‹ã‚‚ã— ã‚Œã¾ã›ã‚“ãŒã€æŽ¢ã™ã®ã«ä¾¿åˆ©ãªã® ã§æ”¹ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ã‚«ãƒ†ã‚´ ãƒªåˆ†ã‘ã‚‚ã—ã¦ãã‚Œã¦ã„ã‚‹ã®ã§æŽ¢ ã—ã‚„ã™ã„ã§ã™ã€‚ æ§˜ã€…ãªJSãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚æŽ¢ã—ç‰©ãŒã‚ã‚‹éš›ã¯è¦—ã„ã¦ã¿ã‚‹ã¨ã„ã„ã‹ã‚‚ã€‚ UIã‚„ãƒ¡ãƒ‡ã‚£ã‚¢ã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã€ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ãªã©ã®ã‚«ãƒ†ã‚´ãƒªã«åˆ†ã‘ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ç¾åœ¨ã¯900ã»ã©ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã¾ã¨ã‚ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã§æŽ¢ã—ã‚„ã™ã„ã®ã§ã¯ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¯ãã‚Œãžã‚Œç°¡å˜ãªèª¬æ˜Žã‚‚ã—ã¦ãã‚Œã¦ã„ã¾ã™ã€‚ ãƒ‘ãƒƒã¨è¦‹ãŸã¨ã“ã‚ã€è©•ä¾¡ã®é«˜ã„å°è±¡ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«çµžã£ã¦ãã‚Œã¦ã„ã‚‹ãƒ»ãƒ»ãƒ»æ°—ãŒã—ã¾ã—ãŸã€‚ï¼ˆæ°—ãŒã™ã‚‹ã ã‘ã‹ã‚‚ å›°ã£ãŸã‚‰è¦—ã„ã¦ã¿ã‚ˆã†ã¨æ€ã„ã¾ã™ã€‚ Jster
the-day 2012/12/19
ã¾ã¨ã‚

javascript

webåˆ¶ä½œ

webã‚µãƒ¼ãƒ“ã‚¹

ui

useful
ãƒªãƒ³ã‚¯
ç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®UIã‚ãƒƒãƒˆã„ã‚ã„ã‚
ã‚ã‹ã‚Šã‚„ã™ãã€çµ±ä¸€æ„Ÿã®ã‚ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã™ã‚‹æ™‚ã«ã‚ã‚‹ã¨ä¾¿åˆ©ãªã®ãŒUIã‚ãƒƒãƒˆã§ã™ãŒã€ã‚¦ã‚§ãƒ–é–‹ç™ºãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹æƒ…å ±ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ‰±ã†ãƒ–ãƒã‚°Best Open Source ResourcesãŒãã‚“ãªç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®UIã‚ãƒƒãƒˆã‚’ãƒªã‚¹ãƒˆåŒ–ã—ã¦ã„ã¾ã™ã€‚æ˜Žã‚‹ã„ã‚°ãƒ¬ãƒ¼ã‚„ãƒ€ãƒ¼ã‚¯ãªã‚«ãƒ©ãƒ¼ãƒ»æœ¨ç›®èª¿ãªã©ã€ã•ã¾ã–ã¾ãªãƒ‘ã‚¿ãƒ¼ãƒ³ã®PSDãƒ•ã‚¡ã‚¤ãƒ«ãŒç„¡æ–™ã§ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ãŸã‚ã€é ã®ä¸ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã«åˆã‚ã›ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’é¸ã¶ã“ã¨ãŒå¯èƒ½ã§ã™ã€‚ A Comprehensive Collection of Free UI Kits & Templates | Web Resources | WebAppers http://www.webappers.com/2012/11/12/a-comprehensive-collection-of-free-ui-kits-templates/ â—†01ï¼š"Pizza" UI K
the-day 2012/12/15
download

material

design

webãƒ‡ã‚¶ã‚¤ãƒ³

ui

button

image

useful

tips
ãƒªãƒ³ã‚¯
ç›´æ„Ÿçš„ã«ã‚¹ãƒžãƒ¼ãƒˆã«ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®UIãŒä½œã‚Œã‚‹ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚µãƒ¼ãƒ“ã‚¹ã€Œfluidã€
WEBä»¥ä¸Šã«UIãŒé‡è¦è¦–ã•ã‚Œã‚‹ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªé–‹ç™ºã€‚å½“ç„¶æƒ…å‹¢ã‚‚åˆ»ä¸€åˆ»ã¨å¤‰ã‚ã£ã¦ã„ãã‚¹ãƒ”ãƒ¼ãƒ‰æ„Ÿã‚‚æ±‚ã‚ã‚‰ã‚Œã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯ç›´æ„Ÿçš„ã«ã‚¹ãƒžãƒ¼ãƒˆã«ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªã®UIãŒä½œã‚Œã‚‹ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã‚µãƒ¼ãƒ“ã‚¹ã€Œfluidã€ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§ã€ç”¨æ„ã•ã‚ŒãŸãƒ‘ãƒ¼ãƒ„ã‚’ä¸¦ã¹ã¦ã„ãã ã‘ã§ç°¡å˜ã«UIã‚’è¨è¨ˆã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚éžå¸¸ã«ç›´æ„Ÿçš„ã«æ“ä½œã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ãŠã‚Šã€æµ·å¤–ã®ã‚µãƒ¼ãƒ“ã‚¹ã§ã™ãŒã€èª¬æ˜Žã‚„ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ç„¡ã—ã§åˆ¶ä½œã—ã¦ã„ãã“ã¨ãŒã§ãã¾ã—ãŸã€‚ è©³ã—ãã¯ä»¥ä¸‹ äºˆã‚ã‚ˆãåˆ©ç”¨ã™ã‚‹ãƒ‘ãƒ¼ãƒ„ãŒå–ã‚Šæƒãˆã‚‰ã‚Œã‚Œã¦ã„ã¾ã™ã®ã§ã€åŸºæœ¬è¨è¨ˆã¯ç”¨æ„ã•ã‚Œã¦ã„ã‚‹ãƒ‘ãƒ¼ãƒ„ã§ååˆ†è¡Œãˆã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãƒ•ãƒªãƒ¼ç‰ˆã§ã¯1ã¤ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§10ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã¾ã§ã€10MBã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰é ˜åŸŸã¾ã§åˆ©ç”¨ã§ãã‚‹ãã†ã§ã™ã€‚ãã‚Œä»¥ä¸Šã¯ã€STANDARDã€PROFESSIONALã€EXPERTã¨é–‹ç™ºè¦æ¨¡ã«å¿œã˜ã¦æœ‰æ–™ãƒ—ãƒ©ãƒ³ãŒç”¨æ„ã•ã‚Œã¦ã„ã¾ã™ã€‚æœ‰æ–™ç‰ˆã®åˆ©ç”¨æ–™é‡‘ã¯æ–™é‡‘ã¯ã€ŒPlans & Pr
the-day 2012/10/16
generator

webã‚µãƒ¼ãƒ“ã‚¹

smartphone

mobile

ui

webåˆ¶ä½œ

design

layout

useful
ãƒªãƒ³ã‚¯
The Ultimate Wireframe UI Kit
If you like to wireframe and mock-up your designs in Photoshop, or refine your hand-sketched drawings on screen before showing to clients, then this kit will be ideal for you. The set contains over 60 of the most popular elements in web design. And each element has been created from scratch with Shape Layers, meaning that the whole kit is 100% scala ble, and super-easy to edit. Who ever said that b
the-day 2012/09/01
download

psd

layout

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

ui

material

useful
ãƒªãƒ³ã‚¯
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ åˆ¶ä½œã®ãŸã‚ã®ç´ æã‚»ãƒƒãƒˆã€ŒThe Ultimate Wireframe UI Kitã€
TOPÂ Â >Â Â DesignÂ ,Â PhotoshopÂ Â >Â Â ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ åˆ¶ä½œã®ãŸã‚ã®ç´ æã‚»ãƒƒãƒˆã€ŒThe Ultimate Wireframe UI Kitã€ ã‚µã‚¤ãƒˆåˆ¶ä½œã®å‰ã«åˆ¶ä½œã™ã‚‹ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã€‚ã‚µã‚¤ãƒˆã®æ§‹æˆã‚„æ§‹é€ ã‚’ã‚ã‹ã‚Šã‚„ã™ãäº‹å‰ã«è¦‹ã›ã‚‹ãŸã‚ã«ã¯éžå¸¸ã«æœ‰åŠ¹ãªæ‰‹æ®µã§ã™ãŒã€ä½œã‚‹ç²¾åº¦ã«ã‚ˆã£ã¦ã¯ã‹ãªã‚Šã®æ™‚é–“ã‚’è²»ã‚„ã—ã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ä»Šæ—¥ç´¹ä»‹ã™ã‚‹ã®ã¯ãã‚“ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’åˆ¶ä½œã™ã‚‹æ™‚é–“ã‚’çŸç¸®ã—ã¦ãã‚Œã‚‹ã€ç´ æã‚»ãƒƒãƒˆã€ŒThe Ultimate Wireframe UI Kitã€ã§ã™ã€‚ ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ãƒœã‚¿ãƒ³ã€ã‚°ãƒãƒ¼ãƒãƒ«ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ãªã©ã€ã‚µã‚¤ãƒˆã«ã²ã¤ã‚ˆã†ãªãƒ‘ãƒ¼ãƒ„ãŒã€æ•°å¤šãåŽéŒ²ã•ã‚Œã¦ãŠã‚Šã€ãã‚Œã‚‰ã‚’çµ„ã¿åˆã‚ã›ãˆã¦ã‚Šã‚ˆã†ã™ã‚‹ã“ã¨ã§åˆ‡ã‚Šè²¼ã‚Šã§ã‚µã‚¤ãƒˆã®ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ ã‹ãªã‚Šã®ç¨®é¡žã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã®ãƒ‘ãƒ¼ãƒ„ãŒåŽéŒ²ã•ã‚Œã¦ãŠã‚Šã€ãã®æ•°ã¯60ã«ã‚‚ã®ã¼ã‚Šã¾ã™ã€‚ãƒ‡ãƒ¼ã‚¿
the-day 2012/09/01
download

psd

layout

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

ui

material

useful
ãƒªãƒ³ã‚¯
UIãƒ‡ã‚¶ã‚¤ãƒ³
Build your website.Build your dream website fast and easy, without any coding. Learn more Find your own domain.This one is taken, but you can find another available domain easily. Learn more
the-day 2012/08/25
material

download

ui

webã‚µãƒ¼ãƒ“ã‚¹

image

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

useful

free
ãƒªãƒ³ã‚¯
Loading...
the-day 2012/08/24
ã¾ã¨ã‚

design

webãƒ‡ã‚¶ã‚¤ãƒ³

ui

sample

useful
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã«ãŠã‘ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£ã®å¾©ç¿’ã‚’ã—ãŸã®ã§ã€ã‚ˆããƒã‚§ãƒƒã‚¯ã™ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’ãƒªã‚¹ãƒˆåŒ–ã—ãŸ - ã‹ã¡ã³ã¨.net
ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ“ãƒªãƒ†ã‚£ã«é–¢ã—ã¦å°‘ã—å¾©ç¿’ã—ãŸã®ã§ ãƒ¡ãƒ¢ã£ã¦ãŠãã¾ã™ã€‚åˆå¿ƒå¿˜ã‚Œã‚‹ã¹ã‹ã‚‰ãšã¨ã„ã† äº‹ã§ãƒ»ãƒ»ãƒ»Webã‚µã‚¤ãƒˆã¯åŸºæœ¬çš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ ã‚’è€ƒæ…®ã—ãŸãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ãŒç†æƒ³ã§ã™ã€‚ ã‚‚ã¡ã‚ã‚“ã‚±ãƒ¼ã‚¹ãƒã‚¤ã‚±ãƒ¼ã‚¹ã§ã¯ã‚ã‚Šã¾ã™ãŒã€ ã“ã‚Œã¯å…¨å…±é€šã—ã¦è¨€ãˆã‚‹ã€ã¨ã„ã†äº‹ã‚’å¿˜ã‚Œãªã„ ã‚ˆã†ã«ãƒ¡ãƒ¢æ›¸ãã€‚ ã¨ã„ã†ã‚ã‘ã§ã€ç”³ã—è¨³ãªã„ã§ã™ã‘ã©ç›®æ–°ã—ã„äº‹ã¯ä½•ä¸€ã¤ç„¡ã„å†…å®¹ã§ã™ã€‚ ãã‚‚ãã‚‚ã“ã®ãƒ–ãƒã‚°è‡ªä½“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã‚’è€ƒæ…®ã—ãŸè¨è¨ˆã¨ã¯è¨€ãˆã¾ã›ã‚“ï¼ˆã€Œã‚„ã£ã¡ã‚ƒãƒ€ãƒ¡ãªã“ã¨ã€ã‚‚ã—ã¦ã„ã¾ã™ï¼‰ã®ã§å…¨ç„¶èª¬å¾—åŠ›ãªã„æ„Ÿã˜ã§ã™ã€‚ ã„ã‚ã„ã‚ã¨ãƒ†ã‚¹ãƒˆ&ã‚¨ãƒ©ãƒ¼ã‚’ã—ã¦è¡ŒããŸã„ã®ã§ã”äº†æ‰¿ä¸‹ã•ã„ã€‚ ã¯ã˜ã‚ã« æ£ã—ã„ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«ã‚ˆã£ã¦ã‚±ãƒ¼ã‚¹ãƒã‚¤ã‚±ãƒ¼ã‚¹ã ã¨æ€ã„ã¾ã™ãŒåŸºæœ¬çš„ã«ã¯åƒ•ã¯ãƒ¤ã‚³ãƒ–ãƒ»ãƒ‹ãƒ¼ãƒ«ã‚»ãƒ³ã®è€ƒãˆã«å¾“ã£ã¦ã„ã¾ã™ã€‚ å…¨ã¦ã®é …ç›®ã¯ã€Œã™ã¹ã¦ãŒæ£ã—ã„ã€ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚100ã®ã‚µã‚¤ãƒˆãŒã‚ã‚Œã°100é€šã‚Šã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãŒè€ƒãˆã‚‰ã‚Œã‚‹ã¯ãšã§ã™ã€‚å ´åˆ
the-day 2011/08/17
webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

direction

usability

guideline

ui

useful

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
http://oalp.org/doc/nilesen/
For full functionality of this site it is necessary to enable JavaScript. Here are the instructions how to enable JavaScript in your web browser.
the-day 2011/08/17
webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

direction

usability

guideline

ui

useful

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
å•†ç”¨åˆ©ç”¨ã‚‚ç„¡æ–™ã€æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¦ã‚§ãƒ–ç”¨UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®PSDç´ æ -Design Kindle | ã‚³ãƒªã‚¹
ãƒœã‚¿ãƒ³ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ãƒãƒ¼ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å„ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãªã©ã€ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ç”¨ã™ã‚‹UIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆã®PSDç´ æã‚’Design Kindleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
the-day 2011/08/02
material

download

psd

button

ui

design

webãƒ‡ã‚¶ã‚¤ãƒ³

useful

free
ãƒªãƒ³ã‚¯
The 200 best footers on the web Â« Web Design Shock
Latest posts Freebie: More than 25 stickers to customize your iPad July 15th, 2010 Here in webdesignshock, we are always thinking about bringing you Read more... The top 200 greatest design blogs July 7th, 2010 There are hundreds of design related blogs out there. So Read more... 50 impressive CSS drawings July 7th, 2010 As Wikipedia says, Cascading Style Sheets (CSS) is a style Read more...
the-day 2010/07/24
footer

design

webãƒ‡ã‚¶ã‚¤ãƒ³

sample

webåˆ¶ä½œ

ui
ãƒªãƒ³ã‚¯
http://japan.internet.com/column/busnews/20091106/8.html
the-day 2009/11/08
SEO

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

usability

ui

é‹ç”¨

CMS

tips
ãƒªãƒ³ã‚¯
User Heat : ã©ã“ãŒèªã¾ã‚Œã¦ã„ã‚‹ã‹è¦‹ãˆã‚‹ï¼ç„¡æ–™ãƒ’ãƒ¼ãƒˆãƒžãƒƒãƒ—ãƒ»ãƒ„ãƒ¼ãƒ«
the-day 2009/10/05
access

analytics

webåˆ¶ä½œ

ui

usability

marketing

tool

free

useful
ãƒªãƒ³ã‚¯
å®Ÿç”¨çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®10ã®ãƒã‚¤ãƒ³ãƒˆï¼šã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ç·¨ | ã‚³ãƒªã‚¹
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ãªãŸã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã‚’å®¹æ˜“ã§ã€ãã—ã¦æ¥½ã—ãã‚¢ã‚¯ã‚»ã‚¹ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹å®Ÿç”¨çš„ãªãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®10ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ç·¨ï¼‰ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Tumblr å¤šãã®ãƒ•ã‚©ãƒ¼ãƒ ã¯2ã‚«ãƒ©ãƒ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’æŽ¡ç”¨ã—ã€ãƒ©ãƒ™ãƒ«ã¯ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å·¦ã«é…ç½®ã•ã‚Œã¦ã„ã¾ã™ã€‚ä¸€è¦‹ã‚ˆã•ãã†ã«æ€ãˆã¾ã™ãŒã€ã“ã‚Œã¯æŽ¡ç”¨ã™ã¹ãã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãªãœãªã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯ä¸€èˆ¬ã«åž‚ç›´ã«æ–¹å‘ä»˜ã‘ãŒã•ã‚Œã¦ã„ã‚‹ãŸã‚ã§ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒå·¦â†’å³â†’å·¦ä¸‹ã¨è¦–ç·šã‚’å‹•ã‹ã™ã“ã¨ã‚ˆã‚Šã€ä¸Šâ†’ä¸‹ã¨ç§»å‹•ã™ã‚‹æ–¹ãŒå®¹æ˜“ã§ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ™ãƒ«ã‚’å·¦ã«é…ç½®ã™ã‚‹ã“ã¨ã¯ã‚‚ã†ä¸€ã¤ã®å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ ã‚ãªãŸã¯ãƒ©ãƒ™ãƒ«ã‚’å³æƒãˆã¨å·¦æƒãˆã®ã©ã¡ã‚‰ã§é…ç½®ã—ã¾ã™ã‹ï¼Ÿã€€å·¦æƒãˆã¯ãƒ©ãƒ™ãƒ«ã‚’èªã¿ã‚„ã™ãã—ã¾ã™ãŒã€ã©ã®ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ãƒ©ãƒ™ãƒ«ã‹åˆ¤æ–ã™ã‚‹ã®ãŒé›£ã—ã„å ´åˆãŒã‚ã‚Šã¾ã™ã€‚ å³æƒãˆã¯ãã®é€†ã§ã™ã€‚ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ãƒ©ãƒ™ãƒ«ã‚’åˆ¤æ–ã™ã‚‹ã®ã¯å®¹æ˜“ã§ã™ãŒã€ãƒ©ãƒ™ãƒ«ã‚’ä¿¯çž°ã™ã‚‹ã®ãŒå›°é›£ã§ã™ã€‚ 2.
the-day 2009/09/30
usability

ui

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

tips

useful

sample

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
http://www.designwalker.com/2009/08/user-interface.html
the-day 2009/09/03
sample

material

ã¾ã¨ã‚

ui

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ç¾Žã—ã„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³22 â€“ creamu
Tutorial9ã§ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ãŸã‚ã®ç¾Žã—ã„jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã–ã£ã¨ã„ãã¤ã‹ã”ç´¹ä»‹ã€‚ Â» jQuery.popeye â€“ an inline lightbox alternative lightboxã‚’ã‚®ãƒ£ãƒ©ãƒªãƒ¼ã®ã‚ˆã†ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã«ä»£æ›¿ã—ãŸjQuery.popeye Â» jPlayer â€“ jQuery mp3 player plugin jQueryã§ä½œã‚‹mp3ãƒŸãƒ¥ãƒ¼ã‚¸ãƒƒã‚¯ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ Â» jQuery form plugin jQueryã§éžåŒæœŸé€šä¿¡ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’å®Ÿè£… Â» easyDrag jQuery plugin ç°¡å˜ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒ‰ãƒ©ãƒƒã‚°&ãƒ‰ãƒãƒƒãƒ—ã§ãã‚‹ã‚ˆã†ã«ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ Â» jQuery accordion plugin â€“ vertical åž‚ç›´æ–¹å‘ã®ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ Â» Switch stylesheets with jQuery
the-day 2009/08/20
ã¾ã¨ã‚

jquery

ajax

library

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ui
ãƒªãƒ³ã‚¯
ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã‚‹ã¨ãã«è¦‹ã‚‹ã¹ãã‚¨ãƒ³ãƒˆãƒªã¾ã¨ã‚
Form Design ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ ã•ã¦ã•ã¦ã€æœ€è¿‘ã®webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã¯æœ¬å½“ã«å‡ã£ã¦ã‚‹ã¨ã“ã‚ãŒå¤šãã¦ã€ãŸã ãŸã é–¢å¿ƒã™ã‚‹ã°ã‹ã‚Šã€‚ ãã‚“ãªã‚ã‘ã§ä»Šå›žã¯ã€ç„¦ç‚¹ã‚’ã€Žãƒ•ã‚©ãƒ¼ãƒ ã€ã«é™å®šã—ã€ã‚¹ã‚¿ã‚¤ãƒ«æŠœç¾¤ãªãƒ•ã‚©ãƒ¼ãƒ UIã‚’å‹‰å¼·ã—ã¦ã¿ãŸã„ã€‚ æµã‚Œçš„ã«ã¯ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³é›†CSSã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ã®å¤‰æ›´æ–¹æ³•JavaScriptã«ã‚ˆã‚‹ãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã„ã†æ„Ÿã˜ã§ãŠé€ã‚Šã„ãŸã—ã¾ã™ã€‚ ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ ã¾ãšã¯ã€ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ã‚©ãƒ¼ãƒ ã€‚ ã“ã‚Œã‚‰ã¯ã€webãƒ‡ã‚¶ã‚¤ãƒ³å…¨ä½“ãŒãƒ•ã‚©ãƒ¼ãƒ ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãªã£ã¦ã„ã‚‹ã¾ã¨ã‚ã§ã™ã€‚ ã¾ã•ã«ãƒã‚¤ãƒ³ãƒ€ãƒ¼ã€‚ webã®å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’è¡—é ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆç”¨ç´™ã®ã‚ˆã†ã«ä»•ä¸Šã’ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ã‹ã£ã“ã„ã„ã€‚ ãã—ã‚ƒãã—ã‚ƒã£ã¨ã—ãŸã‚ˆã†ãªç´™ã®ä¸€éƒ¨ã«ãƒ•ã‚©ãƒ¼ãƒ ãŒè¨ç½®ã•ã‚Œã¦ã„ã‚‹ã€‚ ã“ã¡ã‚‰ã‚‚ãƒ¡ãƒ¢ã«åå‰ã‚’æ›¸ãã‹ã®ã”ã¨ãã€‚ æ·±æµ·ã«å…‰ãŒã•ã™æ„Ÿã˜ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ã€‚ ã‚·ãƒ³ãƒ—ãƒ«ã‚¤ã‚ºãƒ™ã‚¹ãƒˆãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¨è¨ˆãŒãªã•ã‚Œã¦ã„ã‚‹ã€‚ ï¼‘ï¼Œï¼’ï¼Œï¼“ï¼Œ
the-day 2009/06/26
form

sample

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

css

html

ui
ãƒªãƒ³ã‚¯
ã€æµ·å¤–äº‹ä¾‹ã«å¦ã¶ã€‘ ãƒªãƒƒãƒåŒ–ã™ã‚‹ãƒ•ãƒƒã‚¿ãƒ¼ (ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£å®Ÿè·µãƒ¡ãƒ¢)
ã“ã‚Œã¾ã§å½“ã‚µã‚¤ãƒˆã§ã‚‚ã€ã„ãã¤ã‹ã®è¨˜äº‹ã§ãƒ•ãƒƒã‚¿ãƒ¼ã«ã¤ã„ã¦æ‰±ã£ã¦ãã¾ã—ãŸã€‚æœ€è¿‘ã€æµ·å¤–ã®ã‚µã‚¤ãƒˆã‚’è¦‹ã¦ã„ã‚‹ã¨ã€ãƒ•ãƒƒã‚¿ãƒ¼ã«ã¤ã„ã¦æ–°ã—ã„å–ã‚Šçµ„ã¿ãŒè¦‹ã‚‰ã‚Œã¾ã™ã€‚ ä»Šå›žã¯ã€æµ·å¤–ã‚µã‚¤ãƒˆã®å‹•å‘ã‚’ã‚µãƒ³ãƒ—ãƒ«ã¨ã—ã€ãƒ•ãƒƒã‚¿ãƒ¼ã«ãŠã‘ã‚‹æ–°ãŸãªå–ã‚Šçµ„ã¿ã®ãƒ¡ãƒªãƒƒãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Geek Trends: 15 Footers with great usability ( pop upon magazine ) 6 Things To Include for a User Friendly Footer ( UXBooth ) Modern Sit emap and Footer ( WebDesignerWall ) Footers (76 examples) ( Smiley Cat Elements of Design ) ä¾‹ãˆã°TIGERS ï¼ˆhttp://www.tigers.org.auï¼‰ã®ãƒ•ãƒƒã‚¿ãƒ¼(ä¸‹å›³)ã§ã¯ã€é©
the-day 2009/06/24
usability

navigation

ui

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æŽ¨å¥¨é…è‰²ã‚»ãƒƒãƒˆ
è‰²è¦šã®å¤šæ§˜æ€§ã«é…æ…®ã—ãŸ æ¡ˆå†…ãƒ»ã‚µã‚¤ãƒ³ãƒ»å›³è¡¨ç‰ç”¨ã®ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ æŽ¨å¥¨é…è‰²ã‚»ãƒƒãƒˆ â– æ±äº¬å¤§å¦åˆ†åç´°èƒžç”Ÿç‰©å¦ç ”ç©¶æ‰€ é«˜æ¬¡æ§‹é€ ç ”ç©¶åˆ†é‡Žã€€ä¼Šè—¤å•“ â– ç¤¾å›£æ³•äººæ—¥æœ¬å¡—æ–™å·¥æ¥ä¼šï¼ˆJPMAï¼‰ â– DIC æ ªå¼ä¼šç¤¾ï¼ˆæ—§ï½¥å¤§æ—¥æœ¬ã‚¤ãƒ³ã‚åŒ–å¦å·¥æ¥æ ªå¼ä¼šç¤¾ï¼‰ DIC ã‚«ãƒ©ãƒ¼ãƒ‡ã‚¶ã‚¤ãƒ³æ ªå¼ä¼šç¤¾ â– ç‰¹å®šéžå–¶åˆ©æ´»å‹•æ³•äººã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æ©Ÿæ§‹ï¼ˆCUDOï¼‰ æ¦‚ç•¥ ä¸€èˆ¬ã®äººã«ã‚‚è‰²ã®è¦‹ãˆæ–¹ãŒç•°ãªã‚‹äººã«ã‚‚è¦‹åˆ†ã‘ã‚„ã™ã„ã€ã‚«ãƒ©ãƒ¼ãƒ¦ãƒ‹ãƒãƒ¼ã‚µãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³æŽ¨å¥¨é…è‰²ã‚»ãƒƒãƒˆã‚’ä½œæˆã€‚ è¢«é¨“è€…å®Ÿé¨“ã‚’é‡ãã€æ•°åƒã®å€™è£œè‰²ã‹ã‚‰20è‰²ã‚’çµžã‚Šè¾¼ã¿ã€‚ å¡—æ–™æ¥ç•Œã®è‰²æŒ‡å®šã®æ¥ç•Œæ¨™æº–ã§ã‚ã‚‹JPMAå¡—æ–™ç”¨æ¨™æº–è‰²2011å¹´Fç‰ˆã«å¯¾å¿œè‰²ã‚’åŽéŒ²ã€‚å°åˆ·ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³æ¥ç•Œã®è‰²æŒ‡å®šã®æ¥ç•Œæ¨™æº–ã§ã‚ã‚‹DICã‚«ãƒ©ãƒ¼ã‚¬ã‚¤ãƒ‰ã‚·ãƒªãƒ¼ã‚ºã‹ã‚‰å¯¾å¿œè‰²ã‚’é¸å‡ºã€‚ ã¯ã˜ã‚ã« ã€€ã„ã‚ã‚†ã‚‹è‰²å¼±ï¼ˆè‰²è¦šç•°å¸¸ï¼‰ã®äººã‚„ã€ç·‘å†…éšœãªã©ç¶²è†œã®ç–¾æ‚£ã‚’æŒã¤äººã€ç™½å†…éšœã®äººã¯ã€è‰²ã«ã‚ˆã£ã¦ã¯é•ã„ã‚’
the-day 2009/06/17
color

accessibility

usability

ui

design

webãƒ‡ã‚¶ã‚¤ãƒ³

webåˆ¶ä½œ

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
ã€Œãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã¯åº—èˆ—ã ã€â€•â€•ãƒžã‚¯ãƒ‰ãƒŠãƒ«ãƒ‰ãŒ5å¹´åŠã¶ã‚Šã®HPåˆ·æ–°ã«è¾¼ã‚ãŸæ€ã„
æ—¥æœ¬ãƒžã‚¯ãƒ‰ãƒŠãƒ«ãƒ‰ãŒ5å¹´åŠã¶ã‚Šã«ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’åˆ·æ–°ã—ãŸã€‚LPOã‚’æŽ¡ç”¨ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å‹•çš„ã«è¡¨ç¤ºã—ãŸã‚Šã€æ™‚é–“ã«å¿œã˜ã¦Webã‚µã‚¤ãƒˆã«å¤‰åŒ–ã•ã›ãŸã‚Šã™ã‚‹ãªã©ã€ã€ŒWebã‚µã‚¤ãƒˆã‚‚åº—èˆ—ã®1ã¤ã€ã¨ã„ã†ã‚³ãƒ³ã‚»ãƒ—ãƒˆã«åŸºã¥ãã€â€œãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ¥½ã—ã•â€ã‚’æ¼”å‡ºã™ã‚‹ã€‚ãã“ã«ã¯ã€æ”¯æŒã‚’é›†ã‚ã‚‹ä¼æ¥ã‚µã‚¤ãƒˆã®è¦ç´ ãŒã¡ã‚Šã°ã‚ã‚‰ã‚Œã¦ã„ã‚‹ã€‚ ä¼æ¥ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã¯ã€ãã®ä¼æ¥ã®æ´»å‹•ã‚„ç†å¿µã‚’æ˜ ã—å‡ºã™é¡ã ã€‚æ›´æ–°é »åº¦ã‚’ä¸Šã’ã€é®®åº¦ã®é«˜ã„æƒ…å ±ã‚’ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å‡ºã—ç¶šã‘ã‚‹ã“ã¨ã§ã€é–²è¦§æ•°ã¯å¢—ãˆã€é¡§å®¢ã®å›²ã„è¾¼ã¿ã«ã¤ãªã’ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ æ—¥æœ¬ãƒžã‚¯ãƒ‰ãƒŠãƒ«ãƒ‰ã®ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã¯ã€æœˆé–“5000ä¸‡ãƒšãƒ¼ã‚¸ãƒ“ãƒ¥ãƒ¼ï¼ˆPVï¼‰ã‚’ç¨¼ãŽå‡ºã™ä¸€å¤§ã‚µã‚¤ãƒˆã ã€‚æ—¥æœ¬ãƒ–ãƒ©ãƒ³ãƒ‰æˆ¦ç•¥ç ”ç©¶æ‰€ãŒèª¿ã¹ãŸã€Œå†è¨ªã—ãŸã„ä¼æ¥Webã‚µã‚¤ãƒˆã€ã§ç¬¬3ä½ã«ãƒ©ãƒ³ã‚¯ã‚¤ãƒ³ã™ã‚‹ãªã©ã€é¡§å®¢ã‹ã‚‰ã®æ”¯æŒã‚‚åŽšã„ã€‚ ãã‚“ãªä¸ã€åŒç¤¾ã¯æ–°ãŸãªæ©Ÿèƒ½ã‚„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’å–ã‚Šå…¥ã‚Œã€5å¹´åŠã¶ã‚Šã«ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸ã‚’åˆ·æ–°ã—ãŸã€‚ã€ŒPVã®å¢—åŠ ã‚‚è€ƒãˆãŸãŒã€ãã‚Œä»¥ä¸Šã«ãƒžã‚¯ãƒ‰
the-day 2009/02/27
marketing

webåˆ¶ä½œ

webãƒ‡ã‚¶ã‚¤ãƒ³

LPO

SEM

SEO

ui

interview
ãƒªãƒ³ã‚¯
1 2 3 4 5 6 7 8 æ¬¡ã®ãƒšãƒ¼ã‚¸