[B! ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³] rechiba3ã®ãƒ

rechiba3 id:rechiba3

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«é–¢ã™ã‚‹rechiba3ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (7)

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

2016å¹´ã‚‚å¤§æµè¡Œã®ãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ UXã®ã‚«ã‚®æ¡ã‚‹ã€Œã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã€ã®å½¹å‰²
2016å¹´ã‚‚UIãƒ‡ã‚¶ã‚¤ãƒ³ç•Œéšˆã§å¤§æµè¡Œã—ãŸã€Œãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã€ã€‚ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã®åŠ¹æžœã¨æ„å‘³ã‚’ç†è§£ã™ã‚‹ã¨ã€è‡ªç„¶ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§UXã‚’å‘ä¸Šã•ã›ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®é•·ã•ã‚„ã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’å¤‰æ›´ã™ã‚‹ã¨ã€éžå¸¸ã«ãƒ¦ãƒ‹ãƒ¼ã‚¯ãªãƒˆãƒ©ãƒ³ã‚¸ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã—ãŸã‚Šã€ãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ï¼ˆã€Žã€ŒBMWã®ãƒ‰ã‚¢éŸ³ã€ã«å¦ã¶ã€å®Œç’§ãªUXãƒ‡ã‚¶ã‚¤ãƒ³ã®ãŸã‚ã®ãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã€å‚ç…§ï¼‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ãŒå‘ä¸Šã—ãŸã‚Šã—ã¾ã™ã€‚ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŒ–ã™ã‚‹æ–¹æ³•ã¯ã€ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ï¼ˆeasingï¼‰ã¨ã‚‚å‘¼ã°ã‚Œã¾ã™ã€‚ã†ã¾ãå¾®èª¿æ•´ã™ã‚Œã°ã€ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã¯UIã‚’é€šã˜ã¦ãƒžã‚¤ã‚¯ãƒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã¨ã¨ã‚‚ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’å®‰å…¨ã«ä¿è·ã—ãŸã‚Šã€è¦–è¦šçš„ãªç¾Žã—ã•ã‚’ã‚‚ãŸã‚‰ã—ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ°—åˆ†ã‚’å¤‰ãˆã•ã›ãŸã‚Šã§ãã‚‹ã®ã§ã™ã€‚ ã©ã†ã‚„ã£ã¦ï¼Ÿ ã§ã¯è¦‹ã¦ã¿ã¾ã—ã‚‡ã†ï¼ ã‚¤ãƒ¼ã‚¸ãƒ³ã‚°ã§ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’è‡ªç„¶ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³åŒ–ã™ã‚‹ å®Ÿç”Ÿæ´»ã§ã¯ã€ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒä¸€å®šã®é€Ÿ
rechiba3 2017/02/10
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

UX

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
"èªçŸ¥ä¿ƒé€²"ã‚’é€šã‚Šè¶Šã—"æ„Ÿå‹•"ã‚’ä¸Žãˆã‚‹ã€‚ä¼æ¥ãŒæœ¬æ°—ã§ä½œã‚Šã™ãŽãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‹•ç”»åºƒå‘Š10é¸ | å‹•ç”»ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ç ”ç©¶æ‰€ by crevo
å‹•ç”»ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ç ”ç©¶æ‰€ by crevo > å‹•ç”»ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°äº‹ä¾‹ > â€œèªçŸ¥ä¿ƒé€²â€ã‚’é€šã‚Šè¶Šã—â€æ„Ÿå‹•â€ã‚’ä¸Žãˆã‚‹!ä¼æ¥ãŒæœ¬æ°—ã§ä½œã‚Šã™ãŽãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‹•ç”»åºƒå‘Š10é¸ â€œèªçŸ¥ä¿ƒé€²â€ã‚’é€šã‚Šè¶Šã—â€æ„Ÿå‹•â€ã‚’ä¸Žãˆã‚‹!ä¼æ¥ãŒæœ¬æ°—ã§ä½œã‚Šã™ãŽãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‹•ç”»åºƒå‘Š10é¸ ä¼æ¥ãŒãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ã®ã„ã¡æ‰‹æ®µã¨ã—ã¦ã€å‹•ç”»åºƒå‘Šã‚’é¸æŠžã™ã‚‹ã“ã¨ãŒå¢—ãˆã¦ãã¦ã„ã¾ã™ã€‚ãã®å‹•ç”»åºƒå‘Šã‚‚è¦‹ã›æ–¹ãŒç´°åˆ†åŒ–ã•ã‚Œã¦ãŠã‚Šã€å®Ÿå†™ã‚„ã‚¤ãƒ³ãƒ•ã‚©ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã€CGã‚„å†™çœŸã€ãã—ã¦ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã•ã¾ã–ã¾ãªç¨®é¡žãŒã‚ã‚Šã¾ã™ã€‚ ãã®ä¸ã§ã‚‚ç‰¹ã«æœ€è¿‘å¢—ãˆã¦ãã¦ã„ã‚‹å‹•ç”»ã®å±•é–‹æ–¹æ³•ã¨ã—ã¦ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ä»Šå›žã¯ä¼æ¥ãŒãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°è¡Œå‹•ã®ä¸€ã¤ã¨ã—ã¦åˆ¶ä½œã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å‹•ç”»ã®ã†ã¡ã€å•†å“ãƒ»ã‚µãƒ¼ãƒ“ã‚¹è¨´æ±‚ã¯ã‚‚ã¡ã‚ã‚“ã€ã‚¹ãƒˆãƒ¼ãƒªãƒ¼æ€§ã¨æ˜ åƒç¾ŽãŒç›¸ã¾ã£ã¦äººã€…ã®å¿ƒã«æ®‹ã£ãŸå‹•ç”»ã‚’10æœ¬ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚
rechiba3 2015/04/21
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’ç£¨ã“ã†ï¼ 2013å¹´æ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
2013å¹´ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’dribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ é«˜è§£åƒåº¦ã®.psdã‚„.pngãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ããŸã‚Šã€å‹•ãã‚’ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³gifã§æ¥½ã—ã‚ãŸã‚Šã—ã¾ã™ã€‚ 2013å¹´ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŒ¯ã‚Šè¿”ã‚Šã¤ã¤ã€æ¥å¹´ã¯ã¾ãŸã©ã‚“ãªç´ æ•µãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒç”Ÿã¾ã‚Œã‚‹ã®ã‹æ¥½ã—ã¿ã§ã™ãã€‚
rechiba3 2013/12/17
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

UI

Webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
HTML5ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ã‚µã‚¤ãƒˆã€ŒHTML5 MAKERã€ | ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚«ãƒ¼ãƒ»ã‚¸ãƒ£ãƒ‘ãƒ³
ã€ŒHTML5 MAKERã€ã¯HTML5ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç°¡å˜ã«ä½œæˆã§ãã‚‹ã‚µã‚¤ãƒˆã§ã™ã€‚HTML5ã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã®ãŒç°¡å˜ã«è¡Œãˆã¾ã™ã‚ˆã€‚ãƒ‰ãƒ©ãƒƒã‚°ï¼†ãƒ‰ãƒãƒƒãƒ—ã§ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’è¿½åŠ ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¤ã‘ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚PowerPointã¨ä¼¼ãŸã‚ˆã†ãªå‹•ä½œã§HTML5ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå®Œæˆã—ã¾ã™ã€‚ ä»¥ä¸‹ã«ä½¿ã£ã¦ã¿ãŸæ§˜åã‚’è¼‰ã›ã¦ãŠãã¾ã™ã€‚ã¾ãšHTML5 MAKERã¸ã‚¢ã‚¯ã‚»ã‚¹ã—ã¾ã—ã‚‡ã†ã€‚ç™»éŒ²ä¸è¦ã§ä½œæˆã§ãã‚‹ã®ã§ã€æ—©é€Ÿã€ŒCREATE ANIMATIONã€ã‹ã‚‰ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã“ã®ã‚ˆã†ã«ã€ç”»åƒã‚„ãƒ†ã‚ã‚¹ãƒˆã‚’è¿½åŠ ã—ã¦ã„ãã¾ã™ã€‚ä¸‹éƒ¨ã«ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®è¨å®šãŒã‚ã‚Šã¾ã™ã‚ˆã€‚é–‹å§‹æ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„çµ‚äº†æ™‚ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒè¨å®šã§ãã¾ã™ã€‚å·¦å´ã«ã‚¹ãƒ©ã‚¤ãƒ‰ä¸€è¦§ãŒã‚ã‚Šã¾ã™ã€‚ä¸€ã¤å‰ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã‚’è¤‡è£½ã§ãã‚‹ã®ã§ã€é€£ç¶šã—ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†ã¨ãã«ä¾¿åˆ©ã§ã™ãã€‚å®Œæˆã—ãŸã‚‰ã€ã€ŒSaveã€ã™ã‚‹ã¨HTML5å½¢å¼ã§ã¾ã‚‹
rechiba3 2013/10/28
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

html5

html

webåˆ¶ä½œ

CSS3

webã‚µãƒ¼ãƒ“ã‚¹
ãƒªãƒ³ã‚¯
CSSã§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã®ãŒã‚°ãƒƒã¨æ¥½ã«ãªã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¾ã¨ã‚
ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æ™®åŠã«ã‚ˆã‚Šã€ä»¥å‰ã«æ¯”ã¹ã‚‹ã¨CSS... / CSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒª / Animate.cssä»–...å…¨19ä»¶ ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã®æ™®åŠã«ã‚ˆã‚Šã€ä»¥å‰ã«æ¯”ã¹ã‚‹ã¨CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã†æ©Ÿä¼šãŒå¢—ãˆã¦ãã¦ã„ã¾ã™ã€‚CSSã‚’ä½¿ã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯ã€ãƒ—ãƒ¬ãƒ•ã‚£ãƒƒã‚¯ã‚¹ãŒå¿…è¦ã ã£ãŸã‚Šã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®æµã‚ŒãŒã‚³ãƒ¼ãƒ‰ã‚’è¦‹ãŸã ã‘ã§ã¯ç›´æ„Ÿçš„ã«åˆ†ã‹ã‚Šè¾›ã‹ã£ãŸã‚Šã€è‡ªç”±ã«ä½¿ã„ã“ãªã›ã‚‹ã«ã¯æ…£ã‚Œã¨çµŒé¨“ãŒå¿…è¦ã§ã™ã€‚ ãã†ã„ã£ãŸæ‚©ã¿ã‚’è§£æ±ºã—ã¦ãã‚Œã‚‹ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒå˜åœ¨ã™ã‚‹ã®ã‚’ã”å˜æ°ã§ã—ã‚‡ã†ã‹ï¼Ÿã¡ã‚‡ã£ã¨ã—ãŸCSSã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§ã‚ã‚Œã°ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã†ã“ã¨ã§ã„ã¨ã‚‚ç°¡å˜ã«çµ„ã¿è¾¼ã‚€ã“ã¨ãŒã§ãã¾ã™ã€‚ ãã‚“ãªã‚ã‚ŠãŒãŸãƒ¼ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’é›†ã‚ã¾ã—ãŸã€‚
rechiba3 2013/07/08
ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

css

css3

javascript
ãƒªãƒ³ã‚¯
https://www.tellmedesign.com/lightbox02/
rechiba3 2013/02/14
ã‚¹ãƒ©ã‚¤ãƒ‰

jQuery

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³

html
ãƒªãƒ³ã‚¯
jQueryã‚ˆã‚Š20å€é€Ÿã„ï¼æœ€å¼·ãƒˆã‚¥ã‚¤ãƒ¼ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªTweenMaxJS | DECONCEPTER
Flashç•Œæœ€å¼·ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ä¸€è§’ jQuery animateã‚ˆã‚Šã‚‚åœ§å€’çš„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã€‚Flashã®æœ€å¼·ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãƒ©ã‚¤ãƒ–ãƒ©ãƒªTweenMaxã€‚JavaScriptç‰ˆãŒã‚ã‚‹ã®ã¯ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ã€‚ TimlineMax/Lite TweenMax/Liteã®4ã¤ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªç¾¤ã®ç·ç§°ã§GSAP JSã¨ã„ã†ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸æ§‹æˆã§ã™ã€‚â€»è¦ãƒ©ã‚¤ã‚»ãƒ³ã‚¹æ³¨æ„ï¼ˆå¾Œè¿°ï¼‰ ã¾ãšã¯ãã®åœ§å€’çš„ãƒ‘ãƒ•ã‚©ãƒ¼ãƒžãƒ³ã‚¹ã‚’ä½“æ„Ÿã—ã¦ãã ã•ã„ã€‚ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ã‹ã‚‰ä¸»è¦ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’é¸ã‚“ã§ã€STARTã‚’æŠ¼ã™ã¨å³ä¸‹ã®fpsã®æ•°å€¤ãŒå¤‰ã‚ã‚Šã¾ã™ã€‚ GreenSock Animation Speed Test è±Šå¯Œãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³æ©Ÿèƒ½ GSAP JSã®ä¸»è¦ãªæ©Ÿèƒ½ã¨ã—ã¦ä¸‹è¨˜ã®ç‰©ãŒæŒ™ã’ã‚‰ã‚Œã¾ã™ã€‚ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹ãªã©ã®ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ãƒ†ã‚£ãƒ–ãªã‚µã‚¤ãƒˆã‚’ä½œã‚‹ä¸Šã§ã‚‚ã¨ã¦ã‚‚ã™ã”ãé‡å®ã—ãã†ã§ã™ã€‚ ãƒ™ã‚¸ã‚§ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ ç¹°ã‚Šè¿”ã— é€†å†ç”Ÿ æ™‚é–“æŒ‡å®š ä¸€æ™‚åœæ¢ ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ©ãƒ™ãƒ« ã‚†
rechiba3 2012/10/22
jQuery

javascript

ã‚°ãƒ©ãƒ•

ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
1