[B! ux][html5] ko-ya-maã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ko-ya-ma id:ko-ya-ma

uxã¨html5ã«é–¢ã™ã‚‹ko-ya-maã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ
ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ å…¥åŠ›å†…å®¹ã®æ¤œè¨¼ã¨ã‹ã€éƒµä¾¿ç•ªå·å¤‰æ›ã‚’å‚™ãˆãŸã€ãã“ãã“ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’ä½œã‚Šã¾ã—ãŸ time2014/01/18 hatenabookmark- åŽ»å¹´æœ«å®Ÿå®¶ã«å¸°çœã—ã¦ã„ãŸæ™‚ã«ã€jQueryã®ç·´ç¿’ï¼†æ¥å‹™ã§ä½¿ã†ãŸã‚ã«ã€ãƒ•ã‚©ãƒ¼ãƒ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‹éƒµä¾¿ç•ªå·å¤‰æ›ã¨ã‹ã‚’å‚™ãˆãŸã€ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã—ã¦ã„ãŸã®ã§ã€ã“ã“ã§å…¬é–‹ã—ã¦ãŠãã¾ã™ã€‚ ãƒ•ã‚©ãƒ¼ãƒ ã‚µãƒ³ãƒ—ãƒ« ã‚½ãƒ¼ã‚¹ãŠæŒã¡å¸°ã‚Šç”¨ (Github) ã“ã“ã§"ãã“ãã“"ã¨è¨€ã£ã¦ã„ã‚‹ã®ã¯ã€ã‚‚ã¨ã‚‚ã¨æ¥å‹™ã§ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£æ”¹å–„æ¡ˆã¨ã—ã¦ä½¿ã†ã“ã¨ãŒç›®çš„ã§ã‚ã£ã¦ã€ãƒ™ã‚¹ãƒˆã‚’ç›®æŒ‡ã—ã¦ã‚‚ã‚µãƒ¼ãƒåˆ¶ç´„ã‚„ã‚³ã‚¹ãƒˆçš„ãªè¦³ç‚¹ã§ä½¿ãˆãªã„ã“ã¨ãŒã‚ã‚‹ã‹ã‚‰ã€ãã“ã¯ç›®æŒ‡ã•ãªã„ã‚ˆã¨ã„ã†æ„å‘³ã§ã™ã€‚ãã‚‚ãã‚‚ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯å¿…è¦æ‚ªã§ã™ã—ã€ãƒ™ã‚¹ãƒˆã¯ãƒ•ã‚©ãƒ¼ãƒ ãŒå˜åœ¨ã—ãªã„ã“ã¨ã§ã™ãã€‚ ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰å®Ÿè£…ã ã‘ã§ã™ï¼ˆã‚µãƒ¼ãƒå´ã‚¹ã‚¯ãƒªãƒ—ãƒˆ
ko-ya-ma 2014/01/20
ã“ã‚ŒãƒŠã‚¤ã‚¹ï¼ >ãƒ¡ãƒ¼ãƒ«ã‚¢ãƒ‰ãƒ¬ã‚¹ã‚’ã§ã£ã‹ãè¡¨ç¤ºã—ã¦ç¢ºèªã‚’ä¿ƒã™

form

ui

ux

sample

html5
ãƒªãƒ³ã‚¯
ä¸–ã®ä¸ã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„ã‚“ã‚ˆ - mizchi's blog
2chã¾ã¨ã‚ã¿ãŸã„ãªã‚¿ã‚¤ãƒˆãƒ«ã«ã—ã¦ã¿ãŸã€‚(ã—ã¦ã¿ãŸã‹ã£ãŸ) HTML5ã®ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã¨åˆæœŸåŒ–ã¨ã‚ãƒ£ãƒƒã‚·ãƒ¥ã®è€ƒãˆæ–¹ãŒã€ã€Œã‚¦ã‚§ãƒ–ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€ã¯æœ¬å½“ã«å‡ºæ¥ã¦ãªã„ã€‚ ã¨ãã«ã‚½ã‚·ãƒ£ã‚²ã‚’ã‚¦ã‚§ãƒ–ãƒ“ãƒ¥ãƒ¼ã«è²¼ã£ã¦ã‚¹ãƒžãƒ›å¯¾å¿œã—ã¾ã—ãŸç³»ã€‚æœ¬å½“ã«ãƒ€ãƒ¡ã€‚ ã˜ã‚ƒã‚ã©ã†ã™ã‚‹ã‹ï¼ŸåŸºæœ¬çš„ã«ã€ŒåˆæœŸåŒ–ã€ã®è€ƒãˆæ–¹ã‚’ç›´ã›ã°ã©ã†ã«ã‹ãªã‚‹ã€‚ (ã“ã®è¨˜äº‹ã¯Backboneã‚’ä½¿ã†ã¨ãã«è€ƒãˆã¦ã‚‹ã“ã¨ã ã‘ã©ã€ä»–ã§ã‚‚ä¸€ç·’ã ã¨æ€ã†) å‰æ ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ ã‚»ãƒžãƒ³ãƒ†ã‚£ã‚¯ã‚¹ã‚„SEOã¯è€ƒæ…®ã—ãªã„ åŸºæœ¬å“²å¦ å…±é€šãƒ¢ãƒ‡ãƒ«ã®åˆæœŸåŒ–ã‚’å¾¹åº•çš„ã«è¡Œã† ã‚µãƒ¼ãƒãƒ¼ã«ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’æŠ•ã’ã‚‹ã®ã¯æœ€å°é™ ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã§ã‚µãƒ¼ãƒãƒ¼ãƒ¢ãƒ‡ãƒ«ã®ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’ä½œã‚Šã€æ›´æ–°ãŒæœŸå¾…ã•ã‚Œã‚‹ã¾ã§å†å–å¾—ã—ãªã„ ç†ç”± ã„ãã‚‰DOMã®æœ€é©åŒ–ã—ãŸã¨ã“ã‚ã§UXã«å½±éŸ¿ãŒå¤§ãã„ã®ã¯ã‚µãƒ¼ãƒãƒ¼ãƒªã‚¯ã‚¨ã‚¹ãƒˆ(200~2000ms)ã§ã€ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°æ®µéšŽã§è¾›ã•ãŒã‚ã¤ã¾ã‚‹ã®ã¯éžåŒæœŸå‡¦ç†ã®éƒ¨åˆ†ã€‚ ãƒ—ãƒã‚°ãƒ©ãƒžã¨ã—
ko-ya-ma 2013/09/25
html5

ux

dev

basic

idea
ãƒªãƒ³ã‚¯
HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸæ¬¡ä¸–ä»£è¡¨ç¾ã‚’å¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«
ã‚ãšã‹280è¡Œç¨‹åº¦ã®JavaScriptã§ä½œã‚‰ã‚Œ... / JavaScriptã§ä½œã‚‹ã„ã‚ã„ã‚ãªç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬... / JavaScriptã«ã‚ˆã‚‹æ³¢ã®ç‰©ç†ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ã‚·ãƒ§...ä»–...å…¨14ä»¶
ko-ya-ma 2013/04/10
html5

css3

ui

animation

code

ux

sample
ãƒªãƒ³ã‚¯
cmmntr.com
This domain may be for sale!
ko-ya-ma 2012/10/12
ãƒªãƒƒãƒã™ãŽã¦ãŸã‚æ¯ãŒå‡ºã‚‹

html5

ux

animation

WebDesign

sample
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (10)

uxã¨html5ã«é–¢ã™ã‚‹ko-ya-maã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (10)

uxã¨html5ã«é–¢ã™ã‚‹ko-ya-maã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ

ä¸–ã®ä¸­ã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„ã‚“ã‚ˆ - mizchi's blog

HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸæ¬¡ä¸–ä»£è¡¨ç¾ã‚’å­¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«

cmmntr.com

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (10)

uxã¨html5ã«é–¢ã™ã‚‹ko-ya-maã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

ãã“ãã“ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®é«˜ã„ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½œã£ãŸ

ä¸–ã®ä¸ã®HTML5ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ãŒç³žã ã‹ã‚‰ã€ä¿ºãŒã€ŒåˆæœŸåŒ–ã€ã®ä½œã‚Šæ–¹ã‚’æ•™ãˆã¦ã‚„ã‚“ã‚ˆ - mizchi's blog

HTML5ã‚„CSS3ã‚’ä½¿ã£ãŸæ¬¡ä¸–ä»£è¡¨ç¾ã‚’å¦ã¶ã®ã«å½¹ç«‹ã¤ã‚³ãƒ¼ãƒ‰ã‚µãƒ³ãƒ—ãƒ«

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆç¬¬5é€±ï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹