[B! ui] hiragumoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

hiragumo id:hiragumo

uiã«é–¢ã™ã‚‹hiragumoã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

${{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ãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹Pinterestã®ãƒœãƒ¼ãƒ‰ã®ã¾ã¨ã‚
å…ˆæ—¥ã€æ—¥æœ¬èªžç‰ˆãŒãƒãƒ¼ãƒ³ãƒã—ãŸPinterestã‹ã‚‰ã€ã‚¦ã‚§ãƒ–ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„UI/UXãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ãªã‚‹ãƒœãƒ¼ãƒ‰ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ æ—¥æœ¬èªžç‰ˆã‚’åˆ©ç”¨ã™ã‚‹ã®ã¯ç°¡å˜ã§ã™ã€‚ Pinterestã«ãƒã‚°ã‚¤ãƒ³ã—ã¦ã€idã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã‚¢ã‚«ã‚¦ãƒ³ãƒˆè¨å®šã‚’é¸æŠžã—ã¾ã™ã€‚
hiragumo 2013/11/15
UI

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

ã¾ã¨ã‚

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

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

*webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã‚’ç”Ÿã‹ã—ã¦ä½œã‚‹ã€æ±Žç”¨æ€§ã®ã‚ã‚‹ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³
ã•ã¦ä»Šå›žã¯ã€ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®é›†å¤§æˆã¨ã‚‚ã„ãˆã‚‹ã€Œã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã€ã§ã™ã€‚ã“ã‚Œã¾ã§ã®é€£è¼‰ã§å–ã‚Šä¸Šã’ãŸæ•°ã€…ã®ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€ã€Œã‚ºãƒ«ã„ãƒ†ã‚ã‚¹ãƒˆã‚·ãƒ£ãƒ‰ã‚¦ã€ã€Œã‚ºãƒ«ã„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ã€Œã‚ºãƒ«ã„è§’ä¸¸ã€ã€ãã—ã¦å‰å›žè§£èª¬ã—ãŸã€Œã‚ºãƒ«ã„ãƒœãƒƒã‚¯ã‚¹ã‚·ãƒ£ãƒ‰ã‚¦ã€ã‚’ç”¨ã„ãŸã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã®ä½œã‚Šæ–¹ã‚’è§£èª¬ã—ã¾ã™ã€‚ ä»Šå›žã®ã‚ºãƒ«ã„ãƒœã‚¿ãƒ³ã«é–¢ã—ã¦ã¯ã€ä»¥å‰ã«ã‚ºãƒ«ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã®ã‚¹ãƒ©ã‚¤ãƒ‰ã§ç´¹ä»‹ã—ãŸã‚‚ã®ã‹ã‚‰å¤§å¹…ã«æ”¹å®šã‚’åŠ ãˆã¦ã€ã‚ˆã‚Šæ±Žç”¨æ€§ãŒã‚ã‚Šã€ã•ã¾ã–ã¾ãªå ´é¢ã§ä½¿ã„å‹æ‰‹ã®è‰¯ã„ã‚‚ã®ã«åˆ·æ–°ã—ã¾ã—ãŸã€‚ æ”¹è‰¯ã®ãƒã‚¤ãƒ³ãƒˆã¯æ¬¡ã®é€šã‚Šã§ã™ã€‚ æ–‡å—ã‚µã‚¤ã‚ºã®å¤‰æ›´ã€ã¾ãŸãã‚Œã«ä½µã›ã¦ãƒœã‚¿ãƒ³ã‚µã‚¤ã‚ºã®å¤‰æ›´ã«å¯¾å¿œã—ã¦ã„ã¾ã™ iã‚¿ã‚°ã‚’ä½¿ã£ãŸã‚¢ã‚¤ã‚³ãƒ³ç”¨ã®Webãƒ•ã‚©ãƒ³ãƒˆã«å¯¾å¿œã—ã¾ã—ãŸã€‚ä»Šå›žã¯font-awesomeã‚’ä½¿ã£ã¦è§£èª¬ã—ã¦ã„ã¾ã™ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®æµè¡Œã«ä¼´ã†ãƒ‡ã‚¶ã‚¤ãƒ³å‚¾å‘ã«åˆã‚ã›ã€ç«‹ä½“æ„Ÿã‚„ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚ˆã‚ŠæŽ§ãˆã‚ã«ã€ã‹ã¤paddingã‚’å¤§ãã‚ã«å–ã£ãŸ
hiragumo 2013/09/13
css

Webãƒ‡ã‚¶ã‚¤ãƒ³

css3

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

ãƒœã‚¿ãƒ³

design

UI
ãƒªãƒ³ã‚¯
https://jp.techcrunch.com/2013/04/03/20130401famo-us-the-framework-for-fast-and-beautiful-html5-apps-will-be-free-thanks-to-huge-hardware-vendor-interest/
hiragumo 2013/04/04
HTML5

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

javascript

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

UI

HTML

é–‹ç™º

famo.us
ãƒªãƒ³ã‚¯
[JS]ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ°—æŒã¡ã„ã„ï¼è¤‡æ•°ã®ãƒ‘ãƒãƒ«ã‚’iOSé¢¨ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã§åˆ‡ã‚Šæ›¿ãˆã‚‹ -Kontext
CSSã®3Dã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½¿ã£ãŸã€iPhone, iPadã‚¢ãƒ—ãƒªã§è¦‹ã‹ã‘ã‚‹ãƒ‘ãƒãƒ«åˆ‡æ›¿ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«å®Ÿè£…ã™ã‚‹ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€ Kontext -GitHub Kontextã®ãƒ‡ãƒ¢ Kontextã®ä½¿ã„æ–¹ Kontextã®ãƒ‡ãƒ¢ ãƒ‡ãƒ¢ã§ã¯3æžšã®ãƒ‘ãƒãƒ«ã‚’ãƒ€ã‚¤ãƒŠãƒŸãƒƒã‚¯ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§åˆ‡ã‚Šæ›¿ãˆã¾ã™ã€‚ æ“ä½œã¯ã€ä¸‹éƒ¨ã®ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®çŸ¢å°ã‚ãƒ¼ã«å¯¾å¿œã—ã¦ã„ã¾ã™ã€‚ Kontext -ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ Kontextã®ä½¿ã„æ–¹ ã‚¹ã‚¯ãƒªãƒ—ãƒˆã¯å˜ä½“ã§å‹•ä½œã™ã‚‹ã®ã§ã€jQueryãªã©ã¯å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ Step 1: å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ« å½“ã‚¹ã‚¿ã‚¤ãƒ«ã‚·ãƒ¼ãƒˆã‚’headå†…ã«ã€ã‚¹ã‚¯ãƒªãƒ—ãƒˆã‚’<body>ã®ä¸Šã«å¤–éƒ¨ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã—ã¦è¨˜è¿°ã—ã¾ã™ã€‚ <head> <link rel="stylesheet" href="css/kontext.css"> <link rel="stylesheet" href="
hiragumo 2013/02/28
Javascript

js

CSS

jQuery

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

iOS

webåˆ¶ä½œ

ui

Must

webdesign
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’å¦ã¼ã†ã€2012å¹´ä¸ŠåŠæœŸæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚£ãƒ†ãƒ¼ãƒ«ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
2012å¹´ä¸ŠåŠæœŸã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’dribbbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ ã»ã¨ã‚“ã©ã®ã‚‚ã®ãŒPSDãƒ•ã‚¡ã‚¤ãƒ«ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã®ã§ã€å‹‰å¼·ã«ãªã‚Šã¾ã™ã‚ˆã€‚
hiragumo 2012/07/04
2011å¹´

ã¾ã¨ã‚

webåˆ¶ä½œ

ç´ æ

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

ãƒœã‚¿ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³

UI

webdesign

2012å¹´
ãƒªãƒ³ã‚¯
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚
jQueryã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã™ã‚‹ç³»ã„ã‚ã„ã‚ æœ€è¿‘ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãã«ã„ã‚ã„ã‚ä»•æŽ›ã‘ã‚’ã™ã‚‹ã®ãŒæµè¡Œãªã‚ˆã†ã§ã™ã€‚ ã“ã“ã§ã¯ã‚·ãƒ³ãƒ—ãƒ«ã«ã‚ã‚‹è¦ç´ ã®ä½ç½®ã¨ã‹æœ€ä¸‹éƒ¨ã¾ã§ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚‰ä½•ã‹è¡¨ç¤ºã™ã‚‹ã¨ã„ã†ã“ã¨ã‚’ã‚„ã£ã¦ã¿ã¾ã™ã€‚ æŠ•ç¨¿æ—¥2012å¹´03æœˆ08æ—¥ æ›´æ–°æ—¥2019å¹´12æœˆ19æ—¥ ã¡ã‚‡ã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨ãƒ•ã‚§ãƒ¼ãƒ‰ã—ã¦ã€Œãƒˆãƒƒãƒ—ã¸æˆ»ã‚‹ãƒœã‚¿ãƒ³ã€ã‚’è¡¨ç¤ºã‚’è¡¨ç¤ºã—ã¾ã™ã€‚ ãƒœã‚¿ãƒ³ã¯ä¸‹ã®æ–¹ã«ã“ã‚“ãªæ„Ÿã˜ã§é…ç½®ã—ã¾ã™ã€‚ html <p id="page-top"><a href="#wrap">PAGE TOP</a></p> fixedã«ã™ã‚‹ã¨å›ºå®šé…ç½®ã•ã‚Œã¾ã™ã€‚ css #page-top { position: fixed; bottom: 20px; right: 20px; font-size: 77%; } #page-top a { background: #666; text-decoration
hiragumo 2012/03/08
ãƒœã‚¿ãƒ³

javascript

html

ã¾ã¨ã‚

webåˆ¶ä½œ

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

jquery

jQuery

ã‚¹ã‚¯ãƒãƒ¼ãƒ«

ui
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–åˆ¶ä½œã®æ™‚é–“ã‚’å¤§å¹…ã«çŸç¸®ã™ã‚‹ã€ä»Šæ™‚ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒç°¡å˜ã«å®Ÿè£…ã§ãã‚‹ -Chico UI
HTML5+CSS3+JavaScriptã§åˆ¶ä½œã•ã‚ŒãŸã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚³ãƒ¬ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ Chico UI [ad#ad-2] Chico UIã®å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ã¯ä¸‹è¨˜ã®é€šã‚Šã§ã™ã€‚ IE6ã«ã¯å¯¾å¿œã—ã¦ã„ã¾ã›ã‚“ãŒã€ååˆ†ã§ã—ã‚‡ã†ã€‚ å¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ Google Chrome Safari Firefox 4+ Internet Explorer 7+ Opera Chico UIã®ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã«ä½¿ç”¨ã™ã‚‹ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ã¨ã€ãã®å‰ã«ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¨ã‚°ãƒªãƒƒãƒ‰ã‹ã‚‰ã€‚
hiragumo 2012/03/02
UI

webåˆ¶ä½œ

html

css3

javascript

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

framework

html5

WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ã€ã‚ˆã‚Šå‘ä¸Šã•ã›ã‚‹ç›®çš„ã§ä½œã‚‰ã‚ŒãŸã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆãƒ»99lime - ã‹ã¡ã³ã¨.net
çµæ§‹å‚è€ƒã«ãªã£ãŸã®ã§å‚™å¿˜éŒ²ãŒã¦ã‚‰ ã”ç´¹ä»‹ã€‚Webã‚µã‚¤ãƒˆã®åˆ¶ä½œã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’ ã‚ˆã‚Šå‘ä¸Šã•ã›ã‚‹ãŸã‚ã«ã€æ±Žç”¨çš„ãªUI ã‚’é›†ã‚ã¦ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚ç¶ºéº—ãªçŠ¶æ…‹ ã§æ¸ˆã‚€ã‚ˆã†ã«è¨è¨ˆã•ã‚ŒãŸã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ ã‚ãƒƒãƒˆã€ã¨ã„ã†ã‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ åˆ¶ä½œã‚¹ãƒ”ãƒ¼ãƒ‰ã‚’å‘ä¸Šã•ã›ã‚‹ç›®çš„ã§ä½œã‚‰ã‚ŒãŸHTML5ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã ã‘ã§ãªãã€æ±Žç”¨çš„ãªUIã‚‚å‚™ã‚ã£ã¦ã„ã¦ã€classå1ã¤ä»˜ã‘ã‚‹ã ã‘ã§ã‚¿ãƒ–ã‚„ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ã‚’å®Ÿè£…å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ãã†ã„ã£ãŸä»•æ§˜ã«ã™ã‚‹äº‹ã§ã€ã‚·ãƒ³ãƒ—ãƒ«ã§ç¶ºéº—ã§å¯èªæ€§ã®é«˜ã„ã‚½ãƒ¼ã‚¹ã‚’ä¿ã¦ã‚‹ã‚ˆã†ã«è¨è¨ˆã•ã‚Œã¦ã„ãŸã‚Šã¨ã€çµæ§‹å‚è€ƒã«ãªã‚‹ã‚¹ã‚¿ãƒ¼ã‚¿ãƒ¼ã‚ãƒƒãƒˆã§ã™ã‚ˆã€‚ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯è‡ªä½œã—ã¦ã‚‹ã®ã§è‰¯ã„éƒ¨åˆ†ã‚’çµ„ã¿è¾¼ã‚“ã§ã¿ã‚ˆã†ã‹ãªã¨æ€ã„ã¾ã—ãŸã€‚ ã‚¿ãƒ–ã‚„ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ã€ã‚¹ãƒ©ã‚¤ãƒ‰ã‚·ãƒ§ãƒ¼ãªã©ã‚’å‚™ãˆã¦ã„ã‚‹ã ã‘ã§ãªãã€classå1ã¤ã§å®Ÿè£…å‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€ç¶ºéº—ãªã‚½ãƒ¼ã‚¹ã‚’ä¿æŒã™ã‚‹äº‹ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã„ã‚ã„ã‚
hiragumo 2012/01/22
ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯

UI

webåˆ¶ä½œ

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

web

CSS

html

HTML5

framework

webã‚µã‚¤ãƒˆ
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’ç£¨ã“ã†ã€ç´ æ•µãªUIãƒ‡ã‚¶ã‚¤ãƒ³ã®ã¾ã¨ã‚
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚»ãƒ³ã‚¹ã‚’ç£¨ãæ–¹æ³•ã®ä¸€ã¤ã«ã€ä»–äººã®ä½œã£ãŸã‚‚ã®ã‚’æ•°å¤šãè¦‹ã‚‹ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ 2011å¹´ãŒçµ‚ã‚ã‚‹å‰ã«ã€ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’dribbleã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚
hiragumo 2011/11/22
ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³

UI

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

web
ãƒªãƒ³ã‚¯
https://www.fenrir.co.jp/blog/2011/11/maxpaint.html
hiragumo 2011/11/12
ãƒœã‚¿ãƒ³

UI

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

fireworks
ãƒªãƒ³ã‚¯
ãšã£ã¨ä½¿ãˆã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ã™ã£ãã‚Šç¾Žã—ãè¦‹ã›ã‚‹ã€Žä½™ç™½ã€ã¨ã€Žæ–‡å—ã€ã®ä½¿ã„æ–¹ã€‚
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é•·è°·å·ã§ã™ã€‚ ä»Šå›žã¯åƒ•ãŒæ™®æ®µæ°—ã‚’ã¤ã‘ã¦ã„ã‚‹ã€ã¡ã‚‡ã£ã¨æ„è˜ã™ã‚‹ã ã‘ã§ã‚¹ãƒƒã‚ãƒªã—ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã«ãªã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®ã‚³ãƒ„ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã˜ã‚ƒãªã„æ–¹ã‚‚ã€ä¼ç”»æ›¸ã‚„ç°¡å˜ãª UI ã®ãƒ¢ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã€Web ã‚„é›‘èªŒã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ã«å¿œç”¨ã§ãã‚‹ã¨æ€ã„ã¾ã™ã®ã§ã€ãœã²å‚è€ƒã«ã—ã¦ã„ãŸã ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ 1. ä¸Šä¸‹å·¦å³ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚’å‡ä¸€ã« Web ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ UI ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦ç´ å…¨ã¦ã«å¯¾ã—ã¦éš£ã‚Šåˆã†è¦ç´ ã¨ã®é–“éš”ã‚„ãƒãƒŠãƒ¼ã€ãƒœã‚¿ãƒ³ãªã©ã®å¤–å´ã¨å†…å´ã®è¦ç´ ã®ä¸Šä¸‹å·¦å³ãƒžãƒ¼ã‚¸ãƒ³ã‚’ã§ãã‚‹ã ã‘å‡ä¸€ã«ã™ã‚‹ã“ã¨ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚¹ãƒƒã‚ãƒªè¦‹ãˆã¾ã™ã€‚ 2. å†…å´ã®ãƒžãƒ¼ã‚¸ãƒ³ã¯å¤–å´ã®ãƒžãƒ¼ã‚¸ãƒ³ã‚ˆã‚Šç‹ã ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©ä¸€ç•ªå¤–å´ã¨ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®é–“éš”ã‚ˆã‚Šæ–‡ç« ã®ã‹ãŸã¾ã‚Šã‚„ç”»åƒåŒå£«ã®é–“éš”ã‚’å°ã•ãã—ã¾ã™ã€‚åŸºæœ¬çš„ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ã¾ã¨ã¾ã‚Šã‚’ä½œã‚‹ãŸã‚ã§ã™ã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ã¯åºƒãå–ã£ã¦åŒºåˆ†ã‘ã‚‹å ´åˆã‚‚ã‚ã‚Šã¾ã™ã€‚ 3. æ®µè½ã®ä¸‹ã¯é–“éš”ã‚’åºƒãé–‹ã‘
hiragumo 2011/08/20
ãƒ‡ã‚¶ã‚¤ãƒ³

UI

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

web

CSS

tips

design

ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆ

Webåˆ¶ä½œ
ãƒªãƒ³ã‚¯
ã‚¿ãƒ–ã‚„ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãªã©ã€æ§˜ã€…ãªUIæ§‹ç¯‰ç”¨ã®jQueryãƒ—ãƒ©ã‚°ã‚¤ãƒ³30å€‹ä»¥ä¸Šã‚’ã‚»ãƒƒãƒˆã«ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ» jQuery EasyUI - ã‹ã¡ã³ã¨.net
æ™®æ®µã‹ã‚‰ã‚ˆãè¦‹ã‹ã‘ã‚‹jQueryã«ã‚ˆã‚‹ ã‚¿ãƒ–ã‚„ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ãªã©ã®UIã®æ§‹ç¯‰ ã‚’ç°¡ç•¥åŒ–ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãƒ» jQuery EasyUIã®ã”ç´¹ä»‹ã§ã™ã€‚ãƒ—ãƒ©ã‚° ã‚¤ãƒ³ã¯30å€‹ä»¥ä¸Šã‚ã‚Šã€ã©ã‚Œã‚‚ã‚·ãƒ³ãƒ—ãƒ« ãªã‚‚ã®ã«ãªã£ã¦ã„ã¾ã™ã€‚ æ•°ã˜ã‚ƒæ•µã„ã¾ã›ã‚“ã‘ã©ã€Ext JSã®jQueryä¾å˜åž‹ã¿ãŸã„ãªå°è±¡ã§ã™ã€‚çµæ§‹æ˜”ã‹ã‚‰ã‚ã‚‹ã¿ãŸã„ãªã®ã§çŸ¥ã£ã¦ã‚‹æ–¹ã‚‚å¤šã„ã‹ã‚‚ã§ã™ã‘ã©ãƒ»ãƒ»ãƒ»æ¥ãšã‹ã—ãªãŒã‚‰æœ€è¿‘çŸ¥ã£ãŸã®ã§ã€åƒ•ã¨åŒæ§˜ã«ã¾ã çŸ¥ã‚‰ãªã„æ–¹å‘ã‘ã«ã‚·ã‚§ã‚¢ã€‚ jQueryã‚’ä½¿ã£ãŸã‚·ãƒ³ãƒ—ãƒ«ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æ§‹ç¯‰ã™ã‚‹ç‚ºã®ãƒ—ãƒ©ã‚°ã‚¤ãƒ³30æ•°å€‹ã‚’ãƒ¯ãƒ³ã‚»ãƒƒãƒˆã«ã—ã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ä½™è¨ˆãªæ©Ÿèƒ½ãŒä»˜ã„ã¦ã„ãªã„ã‚‚ã®ã°ã‹ã‚Šãªã®ã§ã‚«ã‚¹ã‚¿ãƒ ã—ã‚„ã™ã„ã®ã§ã¯ã€‚ ã‚³ãƒ¼ãƒ‰ã¯ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«å…¨éƒ¨æ›¸ã„ã¦ã‚ã‚Šã¾ã™ã®ã§å‰²æ„›ã—ã¾ã™ã€‚ ãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ä¸€éƒ¨ã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚ Accordion é–‹é–‰ã™ã‚‹ã‚¢ã‚³ãƒ¼ãƒ‡ã‚£ã‚ªãƒ³ Menu ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ¡ãƒ‹ãƒ¥ãƒ¼ Panel ãƒ‘
hiragumo 2011/07/14
jQuery

jquery

ui

*ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
jQueryã‚’ä½¿ã£ã¦å®Ÿè£…ã™ã‚‹ã€ã‹ã£ã“ã„ã„ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
åˆ©ç”¨ã—ã‚„ã™ã„ã‚‚ã®ã‹ã‚‰ã€åˆ©ç”¨ã‚·ãƒ¼ãƒ³ã‚’é¸ã¶ã‚‚ã®ã¾ã§ã€jQueryã‚’ä½¿ã£ã¦å®Ÿè£…ã—ãŸãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
hiragumo 2011/06/21
ã¾ã¨ã‚

webåˆ¶ä½œ

web

css3

jQuery

jquery

ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³

Webãƒ‡ã‚¶ã‚¤ãƒ³

UI

javascript
ãƒªãƒ³ã‚¯
1