[B! flatui] gayouã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

gayou id:gayou

flatuiã«é–¢ã™ã‚‹gayouã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (33)

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

ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ19é¸ | æ ªå¼ä¼šç¤¾LIG(ãƒªã‚°)ï½œDXæ”¯æ´ãƒ»ã‚·ã‚¹ãƒ†ãƒ é–‹ç™ºãƒ»Webåˆ¶ä½œ
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ä»Šã‚„å¤§ããªãƒˆãƒ¬ãƒ³ãƒ‰ã¨ãªã£ã¦ã„ã¾ã™ã€‚ ã“ã‚Œã¾ã§ã‚ã‚Œã ã‘ã€ŒSkeuomorphismãƒ‡ã‚¶ã‚¤ãƒ³ã€ã‚’æŽ¨é€²ã—ã¦ããŸAppleã§ã•ãˆã€iOS 7ã‹ã‚‰ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¡ç”¨ã—å§‹ã‚ã¾ã—ãŸã€‚æ½®æµã¨ã¯å„šã„ã‚‚ã®ã§ã™ãã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç‰¹å¾´ä¸Šã€è¦‹ãŸç›®ãŒã‚·ãƒ³ãƒ—ãƒ«ã§è³ªæ„Ÿã‚’è¦ã—ãªã„ã®ã§ã€åˆ¶ä½œã™ã‚‹ã®ã«ã€ŒSkeuomorphismãƒ‡ã‚¶ã‚¤ãƒ³ã€ã»ã©æ™‚é–“ãŒã‹ã‹ã‚‰ãšå¤§é‡ç”Ÿç”£ã§ãã¡ã‚ƒã„ã¾ã™ã€‚ãªã®ã§ã€è³ªã®é«˜ã„ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã‚’é¸ã‚Šã™ãã‚‹ã®ã«ã¯çµæ§‹æ™‚é–“ãŒã‹ã‹ã‚Šã¾ã™ã€‚ ã¨ã„ã†ã“ã¨ã§ã€ä»Šå›žã¯ãã‚“ãªã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ã«ä½¿ãˆã‚‹ã‚¨ãƒ¬ã‚¬ãƒ³ãƒˆãªã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆã‚’20å€‹é›†ã‚ã¦ã¿ã¾ã—ãŸã€‚å‚è€ƒã«ãªã‚Œã°ã¨æ€ã„ã¾ã™ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«ä½¿ãˆã‚‹ç„¡æ–™ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ20é¸ 5 Flat Popular Browsers Icons Set PSD https://gooloc.com/5-flat-popular-browsers-icons-s
gayou 2015/05/19
ç´ æ

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

flatui
ãƒªãƒ³ã‚¯
Mobile App Introduction TemplateÂ·ãƒ•ãƒ©ãƒƒãƒˆUIãŒæ ¼å¥½è‰¯ã„ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªç´¹ä»‹ãƒšãƒ¼ã‚¸ç”¨ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ MOONGIFT
Webãƒšãƒ¼ã‚¸ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã¨è¨€ãˆã°æ±Žç”¨çš„ãªã‚‚ã®ãŒå¥½ã¾ã‚Œã¾ã™ãŒã€ã¡ã‚‡ã£ã¨ç‰©è¶³ã‚Šãªã„ã¨æ„Ÿã˜ã‚‹ã“ã¨ã‚‚å¤šã€…ã‚ã‚Šã¾ã™ã€‚ãã‚“ãªã¨ãã«ã¯ã„ã£ãã®ã“ã¨ã€ç‰¹å®šã®ç›®çš„ã«åˆã‚ã›ãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’é¸ã¶ã®ã‚‚è‰¯ã„ã§ã™ã€‚ Mobile App Introduction Templateã¯ã¾ã•ã«ç›®çš„ãŒæ˜Žç¢ºã§ã€ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—ãƒªç´¹ä»‹ãƒšãƒ¼ã‚¸ç”¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ä»Šæ™‚ã®ç”»é¢ãƒ‡ã‚¶ã‚¤ãƒ³ã§ç´¹ä»‹ãƒšãƒ¼ã‚¸ã‚’ä½œæˆã™ã‚‹éš›ã«ã¯ãœã²ï¼ Mobile App Introduction Templateã®ä½¿ã„æ–¹ ã“ã¡ã‚‰ãŒãƒ¡ã‚¤ãƒ³ç”»é¢ã€‚ãƒ•ãƒ©ãƒƒãƒˆãªUIã§æ ¼å¥½è‰¯ã„ã§ã™ãã€‚ æ©Ÿèƒ½èª¬æ˜Žãƒšãƒ¼ã‚¸ã€‚ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã‚¹ãƒ©ã‚¤ãƒ‰å¼ã®èª¬æ˜Žãƒšãƒ¼ã‚¸ã€‚ ã‚‚ã¡ã‚ã‚“ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªãƒ‡ã‚¶ã‚¤ãƒ³ã§ã™ã€‚ ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã™ã‚‹ã¨è¡¨ç¤ºã•ã‚Œã‚‹ãƒ„ãƒ¼ãƒ«ãƒãƒ¼ã€‚ Mobile App Introduction Templateã¯Tumblrã«ä¼¼ãŸã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚å¾Œã¯ã‚¢ãƒ—ãƒªã®
gayou 2014/11/11
smartphone

flatui

framework
ãƒªãƒ³ã‚¯
2014å¹´9æœˆç¬¬4é€±å· 1ä½ã¯ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãƒ¬ãƒ¼ãƒˆã‚’ã‚¢ãƒƒãƒ—ã•ã›ãŸäº‹ä¾‹ã€æ°—ã«ãªã‚‹ãƒã‚¿ã¯ã€Twitpicã€è²·åŽã«ã‚ˆã‚Šå˜ç¶šæ±ºå®šâ”€â”€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚‚ç„¡äº‹ã« | gihyo.jp
é€±åˆŠWebãƒ†ã‚¯é€šä¿¡ 2014å¹´9æœˆç¬¬4é€±å·1ä½ã¯ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãƒ¬ãƒ¼ãƒˆã‚’ã‚¢ãƒƒãƒ—ã•ã›ãŸäº‹ä¾‹ã€æ°—ã«ãªã‚‹ãƒã‚¿ã¯ã€Twitpicã€è²·åŽã«ã‚ˆã‚Šå˜ç¶šæ±ºå®šâ”€â â”€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚‚ç„¡äº‹ã« ãƒãƒƒãƒˆã§è¦‹ã‹ã‘ãŸWebãƒ†ã‚¯ï¼ˆWebãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãƒ»Webãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ï¼‰è¨˜äº‹ã‹ã‚‰ã€Webãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ç›®ã§åŽ³é¸ã—ãŸãƒã‚¿ã‚’é€±åˆŠã§ç´¹ä»‹ã™ã‚‹ã“ã®ã‚³ãƒ¼ãƒŠãƒ¼ã€‚ä»Šå›žã¯ã€2014å¹´9æœˆ15æ—¥ï½ž9æœˆ21æ—¥ã®é–“ã«è¦‹ã¤ã‘ãŸè¨˜äº‹ã®ãƒ™ã‚¹ãƒˆ5ã§ã™ã€‚ 1. How Flat Design Increases Conversion Rates - Speckyboyhttp://speckyboy.com/2014/09/17/flat-design-increases-conversion-rates/ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãƒ¬ãƒ¼ãƒˆï¼ˆã‚µã‚¤ãƒˆè¨ªå•è€…ãŒè³¼å…¥ã‚„è³‡æ–™è«‹æ±‚ã€ä¼šå“¡ç™»éŒ²ãªã©ã«è‡³ã‚‹å‰²åˆï¼‰ã‚’ã‚¢ãƒƒãƒ—ã•ã›ãŸäº‹ä¾‹ã‚’ç´¹ä»‹ã—ãŸè¨˜äº‹ã§ã™ã€‚ ä»¥ä¸‹ã€å„
gayou 2014/09/27
webæ”¿ç–

html5

flatui
ãƒªãƒ³ã‚¯
Multi-Level Push Menu v2.1.4, https://github.com/adgsm/multi-level-push-menu
Multi-level push menu v2.1.4 by ECM-DMS (BPM) Multi-level push menu is cross-browser compatible jQuery plug-in allowing endless nesting of navigation elements. Following basic, lightweight release v1, version v2 brings number of exposed plug-in methods (NEW! Redraw, Visible menus, Hidden menus, Propagate events), options (NEW! Full menu collapse) and events/callbacks (onMenuReady and onMenuSwipe a
gayou 2013/12/25
smartphone

html5

flatui
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã§CSSãƒ™ãƒ¼ã‚¹ã®èªè¾¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã„ã‚ã„ã‚ã€ŒSpinKitã€:phpspoté–‹ç™ºæ—¥èªŒ
SpinKit | Simple CSS Spinners ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã§CSSãƒ™ãƒ¼ã‚¹ã®èªè¾¼ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã„ã‚ã„ã‚ã€ŒSpinKitã€ ï¼˜ç¨®é¡žã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã§ã‚«ãƒƒã‚³ã„ã„ãƒ”ãƒ¥ã‚¢CSSã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæŽ²è¼‰ã•ã‚Œã¦ãŠã‚Šã€ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚‚ç°¡å˜ã‚³ãƒ”ãƒšã§ãã¾ã™ ã“ã‚Œã¾ã§ã®GIFã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã ã¨ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå°ç„¡ã—ã€ã¨ã„ã†ã“ã¨ã«ã‚‚ãªã‚Šãã†ã§ã™ãŒã€ãƒ•ãƒ©ãƒƒãƒˆãªã‚µã‚¤ãƒˆã®ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚’å®Ÿè£…ã™ã‚‹éš›ã«ã¯ä½¿ãˆã¾ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ”ãƒ¥ã‚¢CSSãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³å®Ÿè£…ã‚µãƒ³ãƒ—ãƒ« ã‚¯ãƒ¼ãƒ«ãªãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã®ã‚¢ã‚¤ãƒ‡ã‚¢ï¼†ã‚µãƒ³ãƒ—ãƒ«é›† ãƒœã‚¿ãƒ³ã«ç›´æŽ¥ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãƒœã‚¿ãƒ³ã‚’ä»˜ã‘ã‚‰ã‚Œã‚‹ã€ŒLaddaã€ for Bootstrap 3
gayou 2013/12/24
css3

flatui
ãƒªãƒ³ã‚¯
Flatastic Mobile UI Kit - The Design Inspiration
Designers of mobile interfaces are becoming more prominent in todayâ€™s faced-paced web space. App designers are in high demand now particularly in user interface. UI design focuses on user experience and interaction, and while being easy-to-use is important for a successful mobile app. Flatastic Mobile UI Kit is a large user interface kit containing hundreds of mobile UI elements, which will help y
gayou 2013/12/13
flatui
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆã§è¶…ã‚«ãƒƒã‚³ã„ã„UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSemantic UIã€:phpspoté–‹ç™ºæ—¥èªŒ
Getting Started | Semantic UI ãƒ•ãƒ©ãƒƒãƒˆã§è¶…ã‚«ãƒƒã‚³ã„ã„UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒSemantic UIã€ ãƒœã‚¿ãƒ³ã€ãƒ˜ãƒƒãƒ€ãƒ¼ã€ã‚¢ã‚¤ã‚³ãƒ³ã€ãƒ‘ãƒ³ããšãƒªã‚¹ãƒˆã€ãƒ•ã‚©ãƒ¼ãƒ ã€ã‚°ãƒªãƒƒãƒ‰ã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ç‰å®Ÿã«è±Šå¯Œã§ã€ã‚¯ãƒ¼ãƒ«ãªãªUIã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒã‚»ãƒƒãƒˆã«ãªã£ã¦ã„ã¾ã™ã€‚ ã–ã£ã¨è¦‹ãŸã¨ã“ã‚ã€Bootstrapã«ã‚‚å¯¾æŠ—ã§ããã†ãªUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã™ã€‚ã¨ã«ã‹ãã€æµè¡Œã‚Šã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãƒ™ãƒ¼ã‚¹ãŒã‚«ãƒƒã‚³ã„ã„ã€‚ ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—ã‚‚Bootstrapã‚ˆã‚Šã€ã‚ˆã‚Šè‡ªç„¶ãªè¨˜æ³•ã«ãªã£ã¦ã„ã‚‹ã¨ã“ã‚ã‚‚å¬‰ã—ã„ã€‚ Bootstrapã¨ãŠäº’ã„ã«ç«¶äº‰ã—ã¦ç´ æ™´ã‚‰ã—ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«ãªã£ã¦ãã‚Œã‚‹ã¨åˆ©ç”¨å´ã¨ã—ã¦ã¯é¸æŠžè‚¢ãŒå¢—ãˆã¦ã‚ã‚ŠãŒãŸã„é™ã‚Šã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª FlatãªUIãŒç¾Žã—ã„JSãƒ¬ã‚¹ãªUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒTopCoatã€â€‹ YahooãŒä½œã£ãŸãƒ”ãƒ¥ã‚¢CSSã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒPureã€ 30ä»¥ä¸Šã®ãƒªãƒƒãƒã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒè©°ã¾ã£ãŸHTML5ã®UIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€Œ
gayou 2013/09/25
bootstrap

flatui
ãƒªãƒ³ã‚¯
Flat Rounded Square UI Kit
Flat Rounded Square UI Kit Download for Free Return to the Article
gayou 2013/09/24
flatui
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
gayou 2013/09/09
ãƒ•ã‚©ãƒ³ãƒˆ

flatui
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
gayou 2013/09/06
webãƒ‡ã‚¶ã‚¤ãƒ³

flatui
ãƒªãƒ³ã‚¯
ç¾Žã—ã„ãƒ•ãƒ©ãƒƒãƒˆãªã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŒDripiconsã€:phpspoté–‹ç™ºæ—¥èªŒ
Dripicons (Line-Icon Font) by Amit Jakhu ç¾Žã—ã„ãƒ•ãƒ©ãƒƒãƒˆãªã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŒDripiconsã€ ã“ã“ã®æ‰€ã€ã‚¬ãƒ³ã‚¬ãƒ³ã“ã†ã—ãŸã‚¢ã‚¤ã‚³ãƒ³ãŒå‡ºã¦ã„ã¾ã™ãŒã€ä»Šå¾Œã‚‚ã‚‚ã£ã¨æ²¢å±±ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã§ã¦ãã‚‹ã§ã—ã‚‡ã†ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã‚¢ã‚¤ã‚³ãƒ³ã‚‚ä½œã‚Šã‚„ã™ã„ã¨ã„ã†äº‹ãŒã‚ã‚Šã¾ã™ã‹ã‚‰ã€ç´ æã‚‚ã©ã‚“ã©ã‚“å¢—ãˆã¦ã‚ˆã‚Šãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã‚‚ä¾¿åˆ©ã«ãªã£ã¦ã„ãä¸€æ–¹ã§ã€ãƒ•ãƒ©ãƒƒãƒˆãªã‚Šã®å·¥å¤«ã‚’ä»˜ã‘ãªã„ã¨èª°ãŒä½œã£ã¦ã‚‚åŒã˜ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã†é¢¨ã«ãªã‚Šãã†ã§ã™ãã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª FlatãªUIãŒç¾Žã—ã„WEBã‚µã‚¤ãƒˆï¼’ï¼• å¤©æ°—äºˆå ±ç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³ãŒã‚»ãƒƒãƒˆã«ãªã£ãŸã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŒForecast Fontã€ FlatãªUIãŒç¾Žã—ã„JSãƒ¬ã‚¹ãªUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ŒTopCoatã€â€‹ ãƒ•ãƒªãƒ¼ãª1262ç¨®é¡žã®ãƒ•ãƒ©ãƒƒãƒˆã‚¢ã‚¤ã‚³ãƒ³ã€ŒCOSMO MINIã€
gayou 2013/08/26
ç´ æ

ã‚¢ã‚¤ã‚³ãƒ³

flatui
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚µã‚¤ãƒˆã€ã‚¢ã‚¤ã‚³ãƒ³ã€é…è‰²ã¾ã¨ã‚é›† | Webåˆ¶ä½œ | SRE BLOG
ã‹ãªã¯ã¾ã§ã™ã€‚ ä»Šå›žã¯ä»Šå¹´å¤§æµè¡Œã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ã‚µã‚¤ãƒˆã®ã¾ã¨ã‚ã§ã™ã€‚ã‚µã‚¤ãƒˆåˆ¶ä½œå‰ã«ãœã²å‚è€ƒã«ã—ã¦ã¿ã¦ãã ã•ã„ï¼ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼Ÿ ã‚·ãƒ³ãƒ—ãƒ«ã§å¹³é¢çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ã“ã¨ã§ã™ã€‚æœ€è¿‘ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã¨ã—ã¦ã€Appleã‚„Googleã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã‚‚ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å–ã‚Šå…¥ã‚Œã¦ã„ã¾ã™ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã§ç¾ä»£çš„ãªUIã‚’å®Ÿç¾ã™ã‚‹ã“ã¨ãŒã§ãã‚‹åŠé¢ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã©ã“ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã¦è‰¯ã„ã‹åˆ†ã‹ã‚Šã«ãã„ã€å€‹æ€§çš„ãªã‚µã‚¤ãƒˆãŒä½œã‚Šã«ãã„ãªã©ã¨ã„ã£ãŸãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã™ã€‚ â—†å‚è€ƒã€€ã‚¦ã‚§ãƒ–æ¥ç•Œã§æµè¡Œã—ã¦ã„ã‚‹ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®åˆ©ç‚¹ã¨æ¬ ç‚¹ http://gigazine.net/news/20130808-flat-web-design-is-here-to-stay/ ä»Šå›žã¯ã€ â‘ é…è‰²ã«å›°ã£ãŸã‚‰å‚è€ƒã«ã—ãŸã„ã‚µã‚¤ãƒˆ â‘¡ãƒ•ãƒ©ãƒƒãƒˆã‚¢ã‚¤ã‚³ãƒ³ã¾ã¨ã‚ã‚µã‚¤ãƒˆé›† â‘¢ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚µã‚¤ãƒˆã¾ã¨ã‚ã®ã¾ã¨ã‚ ã‚’ç´¹ä»‹ã—ã¾ã™ï¼ â‘ é…è‰²
gayou 2013/08/18
flatui
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³UIã‚ãƒƒãƒˆ Part 1 - NxWorld
æœ€è¿‘ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒˆãƒ¬ãƒ³ãƒ‰ã®ä¸ã§ã„ã†ã¨åœ§å€’çš„ã«é£›ã³æŠœã‘ã¦ã„ã‚‹å°è±¡ã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€‚ å…ˆæ—¥ç™ºè¡¨ã•ã‚ŒãŸiOS 7ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚æŽ¡ç”¨ã•ã‚ŒãŸã“ã¨ã‚„Yahoo!ã«ã‚‚æŽ¡ç”¨ã•ã‚ŒãŸã“ã¨ã‚‚ã‚ã‚Šã€ã¾ã ã—ã°ã‚‰ãã¯é–¢é€£ã—ãŸæƒ…å ±ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¤šãè¦‹ã‹ã‘ãã†ã§ã™ã€‚ ãã‚“ãªãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æŽ¡ç”¨ã—ãŸUIã‚ãƒƒãƒˆãªã©ã®ç´ æã‚’ä¸€æ°—ã«ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒˆãƒ¬ãƒ³ãƒ‰ã«ãªã£ã¦ã„ã‚‹ã ã‘ã‚ã£ã¦ã‹ãªã‚Šã®é‡ãŒã‚ã‚‹ã®ã§ã€2å›žã«ã‚ã‘ã¦ç´¹ä»‹ã—ã¦ã„ãã¾ã™ã€‚ ç´¹ä»‹ã—ã¦ã„ã‚‹ç´ æã‚’ä½¿ç”¨ã™ã‚‹éš›ã¯ã€ãƒ©ã‚¤ã‚»ãƒ³ã‚¹ç‰ã¯å„è‡ªã§å†åº¦ç¢ºèªã—ã¦ãã ã•ã„ã€‚
gayou 2013/06/28
flatui
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ï¼ŸUIã®ç‰¹é•·ã¨æ³¨æ„ç‚¹ ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾ ãƒ“ãƒ¼ãƒˆãƒ©ãƒƒã‚¯ã‚¹: ãƒ–ãƒã‚°
æœ€è¿‘ã€Œãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã€ã¨ã„ã†è¨€è‘‰ã‚’ã‚ˆãè€³ã«ã™ã‚‹ ã€‚ ã“ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã¯ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ã‚·ãƒ£ãƒ‰ã‚¦ãªã©ã®ç«‹ä½“çš„è¦ç´ ã‚’æ¥µåŠ›é¿ã‘ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã®å¼·ã„ã‚«ãƒ©ãƒ¼ãƒ‘ãƒãƒ«ã¨æ–‡å—è¦ç´ ã‚’æ´»ç”¨ã—ã¦æ§‹æˆã•ã‚Œã‚‹ã€‚ã“ã®ã‚¹ã‚¿ã‚¤ãƒªãƒƒã‚·ãƒ¥ãªãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®å‡ºç¾ã«ã‚ˆã‚Šã€ä»Šã¾ã§ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã‚´ãƒ†ã‚´ãƒ†ã®UIãŒã„ããªã‚Šå¤ãã•ãæ„Ÿã˜ã‚‹äº‹æ…‹ãŒç™ºç”Ÿã—ã¦ã„ã‚‹ã€‚ ã“ã“æœ€è¿‘ã§ã¯GoogleãŒæä¾›ã™ã‚‹ç¨®ã€…ã®ã‚¢ãƒ—ãƒªã‚„Facebookã®UIã€Windows 8ã€ãã—ã¦å¤šãã®ã‚¹ã‚¿ãƒ¼ãƒˆã‚¢ãƒƒãƒ—ä¼æ¥ãŒæä¾›ã™ã‚‹ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã§ã€ã“ã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’UIã®ãƒ†ãƒ¼ãƒžã¨ã—ã¦æŽ¡ç”¨ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒå¢—ãˆã¦ã„ã‚‹ã€‚ ä¾‹ãˆãã®å‘¼ã³åã‚’çŸ¥ã‚‰ãªãã¦ã‚‚ã€ã‚µã‚¤ãƒˆã‚„ã‚¢ãƒ—ãƒªã‚’é€šã—ã¦ã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒãã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã‚’ç›®ã«ã—ã¦ã„ã‚‹ã¨æ€ã†ã€‚ä»£è¡¨çš„ãªä¾‹ã¨ã—ã¦ã¯Clearã€Moniã€Clear Weatherãªã©ãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸»ãªç‰¹å¾´ç‰¹ã«ã¯ã£ãã‚Šã¨ã—ãŸæ±ºã¾ã‚ŠãŒã‚ã‚‹è¨³ã§ã¯ãªã„
gayou 2013/06/14
flatui
ãƒªãƒ³ã‚¯
ãƒ•ãƒªãƒ¼ãª1262ç¨®é¡žã®ãƒ•ãƒ©ãƒƒãƒˆã‚¢ã‚¤ã‚³ãƒ³ã€ŒCOSMO MINIã€:phpspoté–‹ç™ºæ—¥èªŒ
Blog, Freebies | Icojam - sweetest free & premium royalty-free stock icons ãƒ•ãƒªãƒ¼ãª1262ç¨®é¡žã®ãƒ•ãƒ©ãƒƒãƒˆã‚¢ã‚¤ã‚³ãƒ³ã€ŒCOSMO MINIã€ æ¬¡ã®ã‚ˆã†ãªãƒ•ãƒ©ãƒƒãƒˆã‚¢ã‚¤ã‚³ãƒ³ãŒé…å¸ƒã•ã‚Œã¦ã„ã¦ã€WEBã®ä»–ã€è‰²ã€…ãªå ´æ‰€ã§ä½¿ãˆãã†ã§ã™ 40x40ã‚µã‚¤ã‚ºã®PNGå½¢å¼ã§é…å¸ƒã•ã‚Œã¦ã„ã¦ã€ãƒ™ã‚¯ã‚¿ãƒ¼ã§ã¯ã‚ã‚Šã¾ã›ã‚“ãŒã€ååˆ†ä½¿ãˆãã†ã€‚ é–¢é€£ã‚¨ãƒ³ãƒˆãƒª ãƒ•ãƒ©ãƒƒãƒˆãŒç¾Žã—ã™ãŽã‚‹ã‚¢ã‚¤ã‚³ãƒ³24å€‹ã‚»ãƒƒãƒˆ åœ°å›³ã¨å…±ã«ä½¿ãˆãã†ãªï¼’ï¼ï¼ã®ãƒ•ãƒªãƒ¼ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³é›† ã‚·ãƒ³ãƒ—ãƒ«ã§ä½¿ãˆãã†ãªï¼•ï¼ã®ãƒ™ã‚¯ã‚¿ãƒ¼ã‚¢ã‚¤ã‚³ãƒ³ã‚»ãƒƒãƒˆ æ±Žç”¨ã§ä½¿ãˆãã†ãªãƒ•ãƒªãƒ¼ã®ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã€ŒGenericonsã€ ãƒ”ã‚¯ãƒˆã‚°ãƒ©ãƒ ã‚¢ã‚¤ã‚³ãƒ³ã®æ¤œç´¢ã«ä¾¿åˆ©ãªã€ŒIconsDBã€ iPhoneç”¨ã®ã‚¢ã‚¤ã‚³ãƒ³ï¼“ï¼ï¼å€‹ã‚»ãƒƒãƒˆã€ŒICON BEASTã€ ã‚¢ã‚¤ã‚³ãƒ³ãƒ•ã‚©ãƒ³ãƒˆã‚’ä½¿ã£ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã‹ã¤Retinaå¯¾å¿œã®UIãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’
gayou 2013/06/04
ç´ æ

ã‚¢ã‚¤ã‚³ãƒ³

flatui
ãƒªãƒ³ã‚¯
äººã‚„å‹•ç‰©ã®ã‚·ãƒ«ã‚¨ãƒƒãƒˆ
Although you may have heard the term â€˜user interfaceâ€™ before, you may still wonder â€œWhat is UI?â€Â The goal and only purpose of a user interface (UI design), as the name implies, is to create an excellent user experience. Many automated solutions exist to make UI design simpler and faster; however, the designer must understand some basic rules on how to create an effective user interface design. Be
gayou 2013/06/04
flatui
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç†è§£ã™ã‚‹ä¸Šã§çŸ¥ã£ã¦ãŠããŸã„5ã¤ã®ãƒã‚¤ãƒ³ãƒˆ -Principles of Flat Design
ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€æ±ºã—ã¦å˜ç´”ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨åŒã˜æ„å‘³ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚‚ã¡ã‚ã‚“ã‚·ãƒ³ãƒ—ãƒ«ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ç”ãˆãŒã§ã‚‹ã®ã§ã‚ã‚Œã°ã€ãã‚Œã«ã“ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã®UIç´ æã‚’æ•°å¤šããƒªãƒªãƒ¼ã‚¹ã—ã¦ã„ã‚‹designmodoã‹ã‚‰ã€ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ä½•ã‹ã‚’ç†è§£ã™ã‚‹ä¸Šã§é‡è¦ã¨ãªã‚‹5ã¤ã®ç‰¹å¾´ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ ãƒ•ãƒ©ãƒƒãƒˆã«ã‚ã¾ã‚Šå¿ƒã‚’å‹•ã‹ã•ã‚Œãªã‹ã£ãŸã®ã§ã™ãŒã€ãã‚‰ã£ã¨ãã¾ã—ãŸã€‚ Into the Arctic ãƒ•ãƒ©ãƒƒãƒˆãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ãã®åã®é€šã‚Šã€äºŒæ¬¡å…ƒã®ãƒ•ãƒ©ãƒƒãƒˆãªã‚¹ã‚¿ã‚¤ãƒ«ã‚’ä½¿ç”¨ã—ã¾ã™ã€‚ã“ã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆã¯æ—¢å˜ã®ã‚¨ãƒ•ã‚§ã‚¯ãƒˆãªã—ã§æ©Ÿèƒ½ã—ã¾ã™ã€‚ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã€ãƒ™ãƒ™ãƒ«ã€ã‚¨ãƒ³ãƒœã‚¹ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãªã©å¥¥è¡Œãã‚’ä¸Žãˆã‚‹ã‚¨ãƒ•ã‚§ã‚¯ãƒˆã¯ä½¿ã‚ãªã„ã‚ˆã†ã«ã—ã¾ã™ã€‚ ãƒšãƒ¼ã‚¸å†…ã®ãƒ†ã‚ã‚¹ãƒˆã€ãƒœãƒƒã‚¯ã‚¹ã€ç”»åƒã€ãƒ•ã‚©ãƒ¼ãƒ ã€ãƒŠãƒ“ã‚²ãƒ¼ã‚·ãƒ§ãƒ³ãªã©ã®å…¨ã¦ã®è¦ç´ ã¯ã‚¨ãƒƒã‚¸ã®ãã„ãŸã‚¹ã‚¿ã‚¤ãƒ«ã§ã€ã‚·ãƒ£ãƒ‰ã‚¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚Appleã«ã‚ˆãè¦‹ã‚‹Skeuomorphi
gayou 2013/06/03
flatui
ãƒªãƒ³ã‚¯
Top 50 Free Flat Icon Sets for UI Design â€“ Speckyboy
Flat design icon sets are a popular design trend in which icons are created with a flat, minimalistic style that eschews the three-dimensional look of more traditional icons. They typically use simple shapes, bold colors, and clean lines to create a clear and easy-to-understand visual language. Flat design icon sets use a limited color palette and simple shapes, they are often more visually consis
gayou 2013/06/03
ç´ æ

ã‚¢ã‚¤ã‚³ãƒ³

flatui
ãƒªãƒ³ã‚¯
Flat Design UI Kit - Free Download | Webdesigner Depot
Trends start everyday: an idea is adopted, passed on and before you know it itâ€™s being discussed on design blogs. However, most trends vanish as quickly as they appeared. To paraphrase Andy Warhol, everything will be trendy for 15 minutes.Â Once in a while, an idea is found to have something so fundamental about it that it thrives, even after the initial clamor dies down. Responsive design was one
gayou 2013/05/30
flatui

ç´ æ
ãƒªãƒ³ã‚¯
IDEA * IDEA
ãƒ‰ãƒƒãƒˆã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ä»£è¡¨ã®ãƒ©ã‚¤ãƒ•ãƒãƒƒã‚¯ãƒ–ãƒã‚°
gayou 2013/05/30
css3

flatui
ãƒªãƒ³ã‚¯
1 2 æ¬¡ã®ãƒšãƒ¼ã‚¸