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

dealforest id:dealforest

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

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

ã‚¹ãƒžãƒ›UIè€ƒï¼ˆç•ªå¤–ç·¨ï¼‰ã€€é¡§å®¢ã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®è¦æœ›ã«å…¨ã¦å¯¾å¿œã™ã‚‹ã¨ã€ã‚¢ãƒ—ãƒªã¯99%ç ´ç¶»ã™ã‚‹ | fladdict
é¡§å®¢ã‚„ä¸Šå¸ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å ´å½“ãŸã‚Šãªè¦æœ›ã«å¯¾å¿œã—ã¤ã¥ã‘ã‚‹ã¨ã€ã©ã‚“ãªã‚¢ãƒ—ãƒªã‚‚ã‚´ãƒŸã‚¢ãƒ—ãƒªã«ãªã‚‹ã€‚ãŸã¨ãˆãã‚ŒãŒç†ã«ã‹ãªã£ãŸè¦æœ›ã§ã‚ã£ã¦ã‚‚ã€‚ ãªãœãªã‚‰é¢ç©ã®é™ã‚‰ã‚ŒãŸã‚¹ãƒžãƒ›ã§ã¯ã€Œä¸€ç”»é¢ã®æ©Ÿèƒ½æ•°ã¨ãƒœã‚¿ãƒ³æ•°ã€ãŒã€ä½¿ã„æ˜“ã•ã¨å“è³ªã«æ·±ããƒªãƒ³ã‚¯ã—ã¦ã„ã‚‹ã‹ã‚‰ã§ã™ã€‚ ã¨ã„ã†ã“ã¨ã‚’ã€ã‚¨ãƒ©ã„äººã«ãƒ—ãƒ¬ã‚¼ãƒ³ã™ã‚‹ã®ãŒãŠä»•äº‹ã®ä»Šæ—¥ã“ã®é ƒã€‚ã§ã‚‚æ¯Žå›žæ¯Žå›žã€åŒã˜ã“ã¨ã‚’èª¬æ˜Žã™ã‚‹ã®ãŒã‚·ãƒ³ãƒ‰ã‚¤ã®ã§è³‡æ–™ã‚’ãƒ–ãƒã‚°ã«ã¾ã¨ã‚ãŸã„ãªãã¨æ€ã†ãªã©ã€‚ æ€è€ƒå®Ÿé¨“ã¨ã—ã¦ã€ã“ã“ã§ã¯æž¶ç©ºäº‹ä¾‹ã¨ã—ã¦Twitterã‚¢ãƒ—ãƒªã‚’ä¾‹ã«è€ƒãˆã¦ã¿ã‚‹ã€‚ ä½•ã‹ã®é–“é•ã„ã§ã€æ—¥æœ¬ã®å¤§æ‰‹ãƒ¡ãƒ¼ã‚«ãƒ¼ãŒTwitterã‚’è²·åŽã™ã‚‹ã¨ãƒ»ãƒ»ãƒ»UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒä½“ã‚’å¼µã‚‰ãªã„ã¨99%ãã‚‰ã„ã®ç¢ºçŽ‡ã§ã“ã†ãªã‚‹ã®ã§ã™ã€‚ ã“ã“ãŒã‚ªãƒªã‚¸ãƒŠãƒ« Request1: ãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã‚’ãƒˆãƒƒãƒ—éšŽå±¤ã« ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‹ã‚‰ã®çœŸã£å½“ãªè¦æœ›ã€‚å®Ÿéš›ã«ã¯ã‚µãƒ¼ãƒ“ã‚¹ã®æœ¬è³ªã§ã¯ãªã„ã®ã§ã™ãŒã€è¦æœ›ã¯ã‹ãªã‚Šå¤šã„ã¯ãšã€‚ ãŸã Twitterç¤¾çš„ã«ã¯me
dealforest 2013/08/08
UI
ãƒªãƒ³ã‚¯
ãªãœEtsyã§ã¯ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã¯å¤±æ•—ã—ãŸã®ã‹
ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒšãƒ¼ã‚¸ã«æ»žåœ¨ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é–¢ã‚ã‚‹æ™‚é–“ãŒé•·ããªã‚‹ã€ã¨ã„ã‚ã‚Œã‚‹ç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã‚’æŽ¡ç”¨ã—ãŸã‚‚ã®ã®ã€ã†ã¾ãã„ã‹ãªã‹ã£ãŸã¨ã„ã†Etsyã§ã®äº‹ä¾‹ã‹ã‚‰ã€ãã®æ•™è¨“ã‚’èªã¿è§£ãã¾ã™ã€‚ U-Siteç·¨é›†éƒ¨ 2013å¹´1æœˆ25æ—¥ HCDæ–°äººéƒ¨å“¡ã®Tã§ã™ã€‚ 1å¹´ä»¥ä¸Šå‰ã®è¨˜äº‹ã§ã™ãŒã€ã€ŒPinterestã«ã‚ˆã£ã¦ã‚‚ãŸã‚‰ã•ã‚ŒãŸã€6ã¤ã®é‡è¦ãªWebãƒ‡ã‚¶ã‚¤ãƒ³ã¨ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ãŠã‘ã‚‹ãƒˆãƒ¬ãƒ³ãƒ‰ã€ã¨ã„ã†ä¸‹è¨˜ã®è¨˜äº‹ã‚’èªã‚“ã§ã„ã¾ã—ãŸã€‚ è©²å½“è¨˜äº‹ï¼š6 Important Web Design and Usability Trends Sparked By Pinterest â€“ The Daily Egg ã“ã“ã§æŒ™ã’ã‚‰ã‚Œã¦ã„ã‚‹é …ç›®ã®3ã¤ç›®ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã€â€Deliver Content in Flowâ€ã‚’è¦‹ã¦ã¿ã¾ã™ã¨ã€ã€Œç„¡é™ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã«ã‚ˆã£ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãƒšãƒ¼ã‚¸ã«æ»žåœ¨ã—ã¦ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã«é–¢ã‚ã‚‹æ™‚é–“ãŒé•·ããªã‚‹ã€ã¨æ›¸ã‹ã‚Œã¦ã„ã¾ã™ã€‚ Bec
dealforest 2013/02/06
UI
ãƒªãƒ³ã‚¯
iPad App and Website Usability | Free UX Research Report by NN/g
Learn how iPad users interact with apps and websites on their devices, and whether usability improves with time as people practice and learn new interfaces. The design guidelines are based on 2 rounds of usability studies, conducted one year apart. We observed participants working on their own iPads to accomplish a broad variety of tasks. Articles on research findings: iPad Usability: First Findin
dealforest 2010/05/13
ipad

document

UI
ãƒªãƒ³ã‚¯
Convert design evolution
What happens when you stick a few people who canâ€™t agree on anything at firstâ€¦ but later agree on everythingâ€¦ in a virtual room to do some app design? This is the result: http://www.vimeo.com/6245088 I had originally planned to do a post detailing the design of Convertâ€¦ from my assy â€œprogrammer mockupâ€â€¦ until the finished app. But I figured that this would be much more fun and 1000x less long-wind
dealforest 2009/09/07
Convert(from TapTapTap) ã® UI ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã§ãã‚‹ã¾ã§ã®ãƒ—ãƒã‚»ã‚¹

iphone

ui

design
ãƒªãƒ³ã‚¯
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ - ã¯ã¦ãªã®å‘ŠçŸ¥
ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®çµ‚äº†æ—¥ã‚’2020å¹´1æœˆ31æ—¥(é‡‘)ã«æ±ºå®šã—ã¾ã—ãŸ ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªã®é€šã‚Šã€ä»Šå¹´æœ«ã‚’ç›®å‡¦ã«ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã‚’çµ‚äº†äºˆå®šã§ã‚ã‚‹æ—¨ã‚’ãŠçŸ¥ã‚‰ã›ã—ã¦ãŠã‚Šã¾ã—ãŸã€‚ 2019å¹´æœ«ã‚’ç›®å‡¦ã«ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®æä¾›ã‚’çµ‚äº†ã™ã‚‹äºˆå®šã§ã™ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã“ã®ãŸã³ã€æ£å¼ã«çµ‚äº†æ—¥ã‚’æ±ºå®šã„ãŸã—ã¾ã—ãŸã®ã§ã€ä»¥ä¸‹ã®é€šã‚Šã”ç¢ºèªãã ã•ã„ã€‚ çµ‚äº†æ—¥: 2020å¹´1æœˆ31æ—¥(é‡‘) ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆå¸Œæœ›ç”³è«‹æœŸé™:2020å¹´1æœˆ31æ—¥(é‡‘) çµ‚äº†æ—¥ä»¥é™ã¯ã€ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã®é–²è¦§ãŠã‚ˆã³æŠ•ç¨¿ã¯è¡Œãˆã¾ã›ã‚“ã€‚æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãŒå¿…è¦ãªæ–¹ã¯ä»¥ä¸‹ã®è¨˜äº‹ã«ã—ãŸãŒã£ã¦æ‰‹ç¶šãã‚’ã—ã¦ãã ã•ã„ã€‚ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—ã«æŠ•ç¨¿ã•ã‚ŒãŸæ—¥è¨˜ãƒ‡ãƒ¼ã‚¿ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆã«ã¤ã„ã¦ - ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ ã”åˆ©ç”¨ã®ã¿ãªã•ã¾ã«ã¯ã”è¿·æƒ‘ã‚’ãŠã‹ã‘ã„ãŸã—ã¾ã™ãŒã€ã©ã†ãžã‚ˆã‚ã—ããŠé¡˜ã„ã„ãŸã—ã¾ã™ã€‚ 2020-06-25 è¿½è¨˜ ã¯ã¦ãªã‚°ãƒ«ãƒ¼ãƒ—æ—¥è¨˜ã®ã‚¨ã‚¯ã‚¹ãƒãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã¯2020å¹´2æœˆ28
dealforest 2009/08/12
iphoen

UI

design
ãƒªãƒ³ã‚¯
jQuery UIã§å®Ÿç¾ï¼ Ajaxã§è¤‡æ•°é¸æŠžãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—
jQueryã€ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€jQuery UIã€WebçµŒç”±ã®CDNã¨ã¯ CSSã®æ›¸ãæ–¹ã‚‚åˆ†ã‹ã‚‹jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³å®Ÿè·µæ´»ç”¨æ³•ï¼ˆ1ï¼‰ åŸºæœ¬ï¼ãŠã•ã‚‰ã„ã¨ã—ã¦ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã‚„jQuery UIã«ã¤ã„ã¦ç°¡å˜ã«è§¦ã‚Œã€WebçµŒç”±ã§jQueryã‚’ä½¿ã†CDNã«ã¤ã„ã¦è§£èª¬ ãƒ‡ã‚¶ã‚¤ãƒ³ãƒãƒƒã‚¯ ï¼œ ãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ 2009/12/8 ä»Šå›žã¯ã€ŒjQuery UIã€ã®ã‚ˆã‚Šé€²ã‚“ã æ´»ç”¨ä¾‹ â– jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã€ŒjQuery UIã€ã¨ã¯ï¼Ÿ ä»Šå›žç´¹ä»‹ã™ã‚‹jQuery UIã¯ã€JavaScriptï¼ˆAjaxï¼‰ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯jQueryã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒjQueryç”¨ã«é–‹ç™ºã—ã¦ã„ã‚‹ã€ä»¥ä¸‹ã®æ©Ÿèƒ½ã‚’æä¾›ã™ã‚‹ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã§ã™ã€‚ ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ãªã©ã®ãƒžã‚¦ã‚¹æ“ä½œã®æ©Ÿèƒ½æ‹¡å¼µ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’æ”¹å–„ã™ã‚‹ã‚¦ã‚£ã‚¸ã‚§ãƒƒãƒˆï¼ˆã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ã€æ—¥ä»˜å…¥åŠ›ã€ãƒ€ã‚¤ã‚¢ãƒã‚°ã€ã‚¹ãƒ©ã‚¤ãƒ€ãƒ¼ã€ã‚¿ãƒ–ãªã©ï¼‰ ä»Šå›žã¯ã€jQuery UIã®ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—æ©Ÿèƒ½
dealforest 2009/05/27
jquery

ui
ãƒªãƒ³ã‚¯
ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›ã‚’ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ãã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆ -Context highlighting | ã‚³ãƒªã‚¹
Janko at warp speedã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã‹ã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã®å…¥åŠ›æ™‚ã«ã€ãƒ©ãƒ™ãƒ«ã¨å…¥åŠ›ç®‡æ‰€ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã—ã¦ã€ã‚ˆã‚Šåˆ†ã‹ã‚Šã‚„ã™ãã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Building a better web forms: Context highlighting using jQuery ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯æ®‹å¿µãªãŒã‚‰ã€labelã¯ä½¿ç”¨ã•ã‚Œã¦ãŠã‚‰ãšã€classåã€Œrowã€ã®divã§å›²ã¾ã‚ŒãŸç¯„å›²ã«ãƒã‚¤ãƒ©ã‚¤ãƒˆãŒé©ç”¨ã™ã‚‹ä»•æ§˜ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹ç®‡æ‰€ã¯ã€ãƒ©ãƒ™ãƒ«ã¨å…¥åŠ›ç®‡æ‰€ã®ã»ã‹ã«ã‚‚ã€ãã®ã‚°ãƒ«ãƒ¼ãƒ—å…¨ä½“ã‚’ãƒã‚¤ãƒ©ã‚¤ãƒˆã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ Context highlightingã¯jQueryã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ãŸã‚ã€å‹•ä½œã«ã¯jquery.jsãŒå¿…è¦ã§ã™ã€‚ ã¾ãŸã€ä¸Šè¨˜ã¨åŒã˜ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆãŒåˆ¥ã‚µã‚¤ãƒˆã§ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ã€‚
dealforest 2009/05/21
javascript

jquery

UI
ãƒªãƒ³ã‚¯
jQuery UI
jQuery UI is a curated set of user interface interactions, effects, widgets, and themes built on top of the jQuery JavaScript Library. Whether you're building highly interactive web applications or you just need to add a date picker to a form control, jQuery UI is the perfect choice. What's New in jQuery UI 1.14? Compatibility with recent jQuery versions (up to 3.7): Usage of deprecated jQuery API
dealforest 2009/05/21
jquery

UI

plugin
ãƒªãƒ³ã‚¯
åˆ¶ç´„ã®ãªã„ä¸–ç•Œã§è‡ªç”±ã«ç¾½ã°ãŸã‘ã‚‹ã‹ - ã¦ã£ãç…®ãƒ–ãƒã‚°
æƒ³åƒã§ããªã„ã¨äººé–“ã¯ã‚¤ãƒ©ã‚¤ãƒ©ã™ã‚‹ã‚‚ã®ã ã€‚ã€ŒFLASHã£ã¦å†—é•·ã€ã€ŒFLASHã†ã–ã„ãªã€ã¨æ€ã†ã€‚æ™‚é–“ãŒã‹ã‹ã‚‹ã¨ã„ã†æ„å‘³ã§ã¯ã€Youtubeãªã©ã®å‹•ç”»ã¨åŒã˜ãªã®ã ãŒã€å‹•ç”»ã¨é•ã†ã®ã¯æ—©é€ã‚Šãƒ»å·»ãæˆ»ã—ãŒè‡ªç”±ã˜ã‚ƒãªã„ã“ã¨ã ã‚ã†ã‹ã€‚ã‚ã¨ã€FLASHå…¨ç·¨ãŒä½•åˆ†ã‚ã£ã¦ã€ã„ã¾ã©ã“ãªã®ã‹ã¨ã„ã†æƒ…å ±ã‚‚ãªã„ã€‚åŠ ãˆã¦è¨€ã†ãªã‚‰ã€ã“ã®FLASHã¯ãªã‚“ãªã®ã‹ã¨ã„ã†æƒ…å ±ãŒï¼ˆå‹•ç”»ã«æ¯”ã¹ã‚Œã°ï¼‰å°‘ãªã„ã‹ã‚‚ã—ã‚Œãªã„ã€‚ã“ã®ã€Œè¦‹é€šã—ã®ãã‹ãªã„æ„Ÿã€ã€Œã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã§ããªã„æ„Ÿã€ã¯é‡è¦ã‹ã¨ã€‚ãªãœå‹•ç”»ã¯OKã§FLASHã¯ã†ã–ã„ã®ã‹ - kokokubeta;ä¾‹ãˆã°ã€Windows ã«ã¯ã‚³ãƒ¢ãƒ³ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«ã¨ã„ã†ã®ãŒå˜åœ¨ã™ã‚‹ã€‚æ˜”Windows95ãŒã¾ã æœ€æ–°ã®Windowsã ã£ãŸã“ã‚GUIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŠä½œæ³•ã£ã¦ã„ã†æœ¬ã‚’ç«‹ã¡èªã¿ã—ãŸã¨ãã«ã€ã«ã€Windowsã®ã‚³ãƒ¢ãƒ³ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«(Windowsã®æ¨™æº–ã®ãƒœã‚¿ãƒ³ã¨ã‹ã€ãƒ„ãƒªãƒ¼ãƒ“ãƒ¥ãƒ¼ã¨ã‹ã€ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã¨ã‹ã€ã‚³ãƒ³
dealforest 2008/04/07
*ã«ã¨ã‚ˆã‚“

flash

UI
ãƒªãƒ³ã‚¯
1