[B! MaterialDesign] saladdaysã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

saladdays id:saladdays

MaterialDesignã«é–¢ã™ã‚‹saladdaysã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (31)

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

Material Design ã®ãƒªã‚½ãƒ¼ã‚¹ãªã©ãªã©
ã“ã“æœ€è¿‘ã€Material Design ã«ã¤ã„ã¦ãŠè©±ã—ã•ã›ã¦ã„ãŸã ãæ©Ÿä¼šãŒå¤šã„ã®ã§ã™ãŒã€ ãã®éš›ã«è‰¯ã Material Design ã«é–¢ã™ã‚‹ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã‚„äº‹ä¾‹ã¯ã©ã“ã‚’è¦‹ãŸã‚‰è‰¯ã„ã‹ã¨ã„ã†è³ªå•ã‚’ã„ãŸã ãã®ã§ã€ã“ã¡ã‚‰ã«ç¾æ™‚ç‚¹(2015å¹´10æœˆ) ã®ã‚’ã¡ã‚‡ã£ã¨ã¾ã¨ã‚ã¦ã¿ã¾ã™ãã€‚ ãƒªã‚½ãƒ¼ã‚¹ Material Design Specs ã“ã¡ã‚‰ã¯ã€æœ¬å®¶ã® Material Design ã®ã‚µã‚¤ãƒˆã§ã™ãã€‚ä¸€ç•ªè‰¯ãè¦‹ã‚‹ã®ã¯ã“ã¡ã‚‰ã®ã‚µã‚¤ãƒˆã ã¨æ€ã„ã¾ã™ã€‚ä½•æ°—ã«ã¡ã‚‡ã“ã¡ã‚‡ã“ã¨ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã•ã‚Œã¦ã¾ã—ã¦ã€åŽ»å¹´1å¹´é–“ã§4å›žã«æ¸¡ã£ã¦ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆãŒè¡Œã‚ã‚Œã¦ã„ã¾ã™ã€‚ Google Design Google Design ã®ã‚µã‚¤ãƒˆã§ã¯ã€Material Design ã ã‘ã§ã¯ãªãã€ã€Œã©ã†ã‚„ã£ã¦ Material Design ã‚’ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ä½¿ã„ã¤ã¤ã€è‡ªç¤¾ãƒ–ãƒ©ãƒ³ãƒ‰ã‚’é…åŠ›çš„ã«è¦‹ã›ã‚‹ã‹ã€ãªã©ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚‚æŽ²è¼‰ã•ã‚Œã¦ã„ã¾ã™
saladdays 2015/11/16
MaterialDesign
ãƒªãƒ³ã‚¯
Photogram -Material Design Concept-
saladdays 2015/09/23
MaterialDesign
ãƒªãƒ³ã‚¯
Androidç‰ˆã€Œãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ã€ã‚’ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã—ãŸã¨ãã®ã‚ã‚Œã“ã‚Œ - Money Forward Developers Blog
ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®é»’ç”°ã§ã™ã€‚ ã“ã®åº¦Androidç‰ˆã€Œãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ã€ã‚¢ãƒ—ãƒªã‚’ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãƒ•ãƒ«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã—ã¾ã—ãŸã€‚ ãã—ã¦ãªã‚“ã¨ï¼ï¼ï¼ ãŠã‹ã’ã•ã¾ã§GooglePlayã®ã€Œ2014å¹´ãƒ™ã‚¹ãƒˆã‚¢ãƒ—ãƒªã€ã«é¸å‡ºã„ãŸã ãã¾ã—ãŸï¼ GooglePlay 2014å¹´ãƒ™ã‚¹ãƒˆã‚¢ãƒ—ãƒª ã‚¢ãƒ—ãƒªã®DLã¯ã“ã¡ã‚‰ã‹ã‚‰ å®¶è¨ˆç°¿ãƒžãƒãƒ¼ãƒ•ã‚©ãƒ¯ãƒ¼ãƒ‰ã€æŠ•è³‡ãƒ»è³‡ç”£ç®¡ç†ã€‘ ã“ã®è¨˜äº‹ã§ã¯ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã™ã‚‹ã«ã‚ãŸã‚Šã€è€ƒãˆãŸã“ã¨ã‚„å®Ÿéš›ã«æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã€ä½¿ã£ãŸãƒ„ãƒ¼ãƒ«ãªã©ã‚ã‚Œã“ã‚Œã¨æ›¸ã„ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯GoogleãŒç™ºè¡¨ã—ãŸæ–°ãŸãªãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã«é™ã‚‰ãšã€AndroidWearã‚„AndroidTVãªã©æ§˜ã€…ãªãƒ‡ãƒã‚¤ã‚¹ã§ã‚‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦åŒã˜ä½“é¨“ã‚’æä¾›ã™ã‚‹ã“ã¨ã‚’ç›®çš„ã¨ã—ã¦ã„ã¾ã™ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ç´°ã‹ã„èª¬æ˜Žã¯å‰²æ„›ã—ã¾ã™ãŒã€Google Mapã‚„GMailãª
saladdays 2015/09/23
android

design

MaterialDesign
ãƒªãƒ³ã‚¯
ã‚¢ãƒƒãƒ—ãƒ«ã¨ã‚°ãƒ¼ã‚°ãƒ«ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã«å¦ã¶ã‚¹ãƒžãƒ›Webãƒ‡ã‚¶ã‚¤ãƒ³ã®è¦ç‚¹ï¼ˆã‚¹ãƒ©ã‚¤ãƒ‰ä»˜ï¼‰ | ãƒ™ã‚¤ã‚¸ã®ç¤¾é•·ãƒ–ãƒã‚°
ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å¯¾å¿œã•ã›ã‚‹Webã‚µã‚¤ãƒˆãŒæ€¥å¢—ã—ã¦ã„ã¾ã™ã€‚ã—ã‹ã—ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ãŒå°ã•ãã‚¿ãƒƒãƒæ“ä½œãŒãƒ¡ã‚¤ãƒ³ã®ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã§ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—å‘ã‘Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã§åŸ¹ã£ãŸãƒŽã‚¦ãƒã‚¦ã®å¤šããŒé€šç”¨ã—ã¾ã›ã‚“ã€‚ã“ã®ã‚ˆã†ãªæ™‚ä»£ã«ãŠã‘ã‚‹ã‚¹ã‚¿ãƒ³ãƒ€ãƒ¼ãƒ‰ãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ«ãƒ¼ãƒ«ã‚’å¦ã¶ãŸã‚ã«ã€å¼Šç¤¾ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®è’ç ‚ã‚’ä¸å¿ƒã«ã€AppleãŒå…¬é–‹ã—ã¦ã„ã‚‹iOS Human Interface Guidelineã¨ã€GoogleãŒå…¬é–‹ã—ã¦ã„ã‚‹Material Design Guidelineã®æ¯”è¼ƒã‚’è¡Œã„ã¾ã—ãŸã€‚ï¼ˆä»¥é™ã€ä¸¡è€…ã‚’ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ç•¥ã—ã¾ã™ï¼‰ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®Webã‚µã‚¤ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’è€ƒãˆã‚‹ä¸Šã§ã€ã‚¢ãƒ—ãƒªã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å®šçŸ³ã‚’çŸ¥ã‚‹ã“ã¨ã¯é‡è¦ã§ã™ã€‚ãªãœãªã‚‰ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã«ãŠã„ã¦ã¯Webã‚µã‚¤ãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚ºã™ã‚‹æ©Ÿä¼šã¯14ï¼…ã—ã‹ãªãï¼ˆcomScoreèª¿æŸ»ï¼2014ï¼‰ã€å¤šãã®æ™‚é–“ã‚’ã‚¢ãƒ—ãƒªã®ä¸ã§éŽã”ã—ã¦ã„ã‚‹ãŸã‚ã§ã™ã€‚ã•ã‚‰ã«ãƒ¦ãƒ¼ã‚¶ã¯ã€Œã“ã‚Œã¯
saladdays 2015/07/07
ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³

iOS

MaterialDesign
ãƒªãƒ³ã‚¯
Google Assistant, your own personal Google
saladdays 2015/06/12
ã‚«ãƒ¼ãƒ‰UI

MaterialDesign

google
ãƒªãƒ³ã‚¯
Ink - Designmodo Market
Â© 2022 Designmodo. Market is a place of carefully selected products for web designers and developers. It's a Designmodo project connecting designers with website and app creators. Note that all it ems featured in the Market are designed and developed by each featured creator.
saladdays 2015/06/12
MaterialDesign
ãƒªãƒ³ã‚¯
ã‚ˆãã‚ã‹ã‚‹ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã®è¨è¨ˆã‚³ãƒ³ã‚»ãƒ—ãƒˆ | fladdict
iPhoneã¨Androidã§ã¯iPhoneã®ã»ã†ãŒè‰¯ãã§ãã¦ã„ã‚‹ãŒã€iOSã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨Androidã®ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã§ã¯å¾Œè€…ã®è¨è¨ˆãŒå„ªã‚Œã¦ã„ã‚‹ã€‚ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ãŒé«˜ã„ãƒ¬ãƒ™ãƒ«ã§èžåˆã—ã¦ã„ã¦ã€ãƒã‚¸ã‚«ãƒ«ã§éžå¸¸ã«ç¾Žã—ã„ã€‚ ä»¥ä¸‹ã€è‡ªåˆ†ã®ç†è§£ã‚’ã¾ã¨ã‚ãŸãƒ¡ãƒ¢ã€‚ ç´™ã¨ã‚¤ãƒ³ã‚¯ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€Œãƒšãƒ¼ãƒ‘ãƒ¼ã€ã¨ã€Œã‚¤ãƒ³ã‚¯ã€ã®ãƒ¡ã‚¿ãƒ•ã‚¡ãƒ¼ã§ã§ãã¦ã„ã‚‹ã€‚ ãƒšãƒ¼ãƒ‘ãƒ¼ã®ç‰¹å¾´ ãƒãƒ¼ã‚„ãƒœã‚¿ãƒ³ã¨ã„ã£ãŸç”»é¢ä¸Šã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯ã€ãƒãƒ¼ãƒãƒ£ãƒ«ãªç´™ã§ã§ããŸã‚«ãƒ¼ãƒ‰ã¨è€ƒãˆã‚‹ã€‚ã¾ãŸã€ã“ã®ãƒšãƒ¼ãƒ‘ãƒ¼ã¯1dpã®åŽšã•ã‚’æŒã£ã¦ã„ã‚‹ã€‚ ãƒšãƒ¼ãƒ‘ãƒ¼ã¯ç´”ç™½ã®çŸ©å½¢ã€ã‚ã‚‹ã„ã¯ã‚·ãƒ³ãƒ—ãƒ«ãªå††å½¢ã§ã‚ã‚‹ã€‚ä¸‰è§’ã‚„æ˜Ÿåž‹ã¨ã„ã£ãŸè¤‡é›‘ãªå½¢ã¯ã¨ã‚‰ãªã„ã€‚ãã®ã‚ˆã†ãªè¤‡é›‘ãªå½¢çŠ¶ã‚„æ¨¡æ§˜ã¯ã‚¤ãƒ³ã‚¯ãŒæ‹…å½“ã™ã‚‹ã€‚ ç¾å®Ÿã¨ã“ã¨ãªã‚Šã€ã“ã®ãƒšãƒ¼ãƒ‘ãƒ¼ã¯è‡ªç”±ã«ä¼¸ç¸®ã™ã‚‹ã“ã¨ãŒã§ãã‚‹ã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã‘ã‚‹ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€è¤‡æ•°ã®ãƒšãƒ¼ãƒ‘ãƒ¼ã‚’ä¸¦ã¹ãŸã‚Šã€é‡ããŸ
saladdays 2015/05/25
MaterialDesign
ãƒªãƒ³ã‚¯
Freebie: Google Material Design Shadow Helper
One of the things that Google revealed at the Google I/O 2014 was the new visual language for all their apps, services and Android OS â€” called material design. Together with the keynote they released a living style guide.I am impressed by the attention Google pays to all the details in their guide. I was especially impressed by the section on shadows which are used to define different layers and t
saladdays 2015/02/23
Material Designã®box-shadowã®å‚è€ƒå€¤

MaterialDesign

css3
ãƒªãƒ³ã‚¯
An exploration in Material Design by feedly
Google recently launched Android Lollipop which introduces some major changes and a new visual language called Material Design. With this new OS, Android is bringing a comprehensive guide for visual, motion, and interaction design across platforms and devices. On October 7th I attended a workshop hosted at Google where Material Designâ€™s UX team shared insights on this new approach to Androidâ€™s des
saladdays 2015/02/06
MaterialDesign
ãƒªãƒ³ã‚¯
[CSS]ã“ã‚Œã‹ã‚‰å¢—ãˆã¦ããã†ãªMaterial Designã«ã´ã£ãŸã‚Šï¼æ°—æŒã¡ã„ã„ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§è¡¨ç¤ºã•ã›ã‚‹ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
ãƒ‡ãƒ¢ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³GIF å®Ÿè£… HTML ãƒ‡ãƒ¢ãƒšãƒ¼ã‚¸ã®ä¸å¤®ã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ï¼ˆèƒŒæ™¯ã‚°ãƒªãƒ¼ãƒ³ã®ç®‡æ‰€ï¼‰ã®HTMLã§ã™ã€‚ <section class="cd-section">  <div class="cd-modal-action"> <a href="#0" class="btn" data-type="modal-trigger">Fire Modal Window</a> <span class="cd-modal-bg"></span> </div> <div class="cd-modal"> <div class="cd-modal-content">  </div> </div> <a href="#0" class="cd-modal-close">Close</a> </section> ãƒœã‚¿ãƒ³ã€ãƒ¢ãƒ¼ãƒ€ãƒ«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„
saladdays 2015/02/03
css3

MaterialDesign
ãƒªãƒ³ã‚¯
Polymerã§Material Designãªãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’ä½œã‚ã†
ä»Šå¹´æ³¨ç›®ã®ã‚ªãƒ¼ãƒ—ãƒ³Webãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã®ã²ã¨ã¤ã«ã€Web ComponentsãŒæŒ™ã’ã‚‰ã‚Œã‚‹ã¨æ€ã„ã¾ã™ã€‚HTML5Experts.jpã§ã‚‚ä»Šã¾ã§å¹¾åº¦ã‚‚é–¢é€£è¨˜äº‹ã€Polymer.jsã«ã¤ã„ã¦ã®è¨˜äº‹ãŒç´¹ä»‹ã•ã‚Œã¦ãã¾ã—ãŸã€‚ä»Šå›žã¯å®Ÿéš›ã«ã€Polymerã¨Material Designã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ³ã‚»ãƒ—ãƒˆã‚’ç”¨ã„ã¦ã€è¦–è¦šçš„ã«ã‚‚ãƒ¦ãƒ¼ã‚¶ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã«ã‚‚å„ªã‚ŒãŸãƒãƒ£ãƒƒãƒˆã‚¢ãƒ—ãƒªã‚’å®Ÿéš›ã«ä½œã£ã¦ã¿ã¾ã—ã‚‡ã†ã€‚ ã¾ãšå§‹ã‚ã‚‹å‰ã«ã“ã®ãƒ©ã‚¤ãƒ–ãƒ‡ãƒ¢ã€Kitteh Anonymousã‚’ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã¾ãŸã¯ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¢ãƒ€ãƒ³ãƒ–ãƒ©ã‚¦ã‚¶ã§å®Ÿéš›ã«è©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚ã“ã“ã§ã¯ã€ã“ã®ãƒ‡ãƒ¢ã®ç°¡ç•¥ç‰ˆã§ã‚ã‚‹Liteãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’å®Ÿéš›ã«ä½œæˆã™ã‚‹æ–¹æ³•ã‚’ã‚¹ãƒ†ãƒƒãƒ—ãƒ»ãƒã‚¤ãƒ»ã‚¹ãƒ†ãƒƒãƒ—ã§ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å¿…è¦ãªçŸ¥è˜ Polymerã®åŸºç¤ŽçŸ¥è˜ ãƒ‘ãƒƒã‚±ãƒ¼ã‚¸ãƒžãƒãƒ¼ã‚¸ãƒ£ã€Bowerã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ï¼ˆPolymerã¨ä¾å˜ã™ã‚‹ãƒ•ã‚¡ã‚¤ãƒ«ã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã€ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã™ã‚‹ã®ã«ä½¿
saladdays 2015/01/27
html5

Polymer

MaterialDesign
ãƒªãƒ³ã‚¯
Material Designã«å‚™ãˆã¦ãŠã“ã†ï¼ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒæƒã£ã¦ã‚‹PSDã¨Sketchç”¨ã®ç„¡æ–™ç´ æ -Android Lollipop UI Kit
2015å¹´æ³¨ç›®ã®Material Designã‚’ãƒ™ãƒ¼ã‚¹ã«ã—ãŸ45ç¨®é¡žã®UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒæƒã£ãŸAndroid Lollipopã®ãƒ¦ãƒ¼ã‚¶ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ç”¨ã®ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ iOSç‰ˆChromeã‚‚å…ˆæ—¥ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã§UIãŒä¸€æ–°ã•ã‚Œã€Material DesignãŒæŽ¡ç”¨ã•ã‚Œã¾ã—ãŸã€‚ ä»Šå¹´ã¯ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‹ã‚‰é€²åŒ–ã—ãŸMaterial DesignãŒã‚¬ãƒ³ã‚¬ãƒ³ããã†ã§ã™ãã€‚ Android Lollipop UI Kit Material Designã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ»ã‚¹ãƒžãƒ›ãƒ»ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚’ã¯ã˜ã‚ã¨ã™ã‚‹ã•ã¾ã–ã¾ãªãƒ‡ãƒã‚¤ã‚¹ã§ç›´æ„Ÿçš„ã«æ“ä½œãŒã§ãã‚‹ã‚ˆã†æ–°ã—ã„UXã®ã‚¢ãƒ—ãƒãƒ¼ãƒã§ã™ã€‚Androidã«ã‚‚å…¨é¢çš„ã«æŽ¡ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ Android 5.0: Lollipop ä»Šå›žç´¹ä»‹ã™ã‚‹ã®ã¯ã€ãã‚“ãªLollipopç”¨ã®ã•ã¾ã–ã¾ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãƒ»ã‚¨ãƒ¬ãƒ¡ãƒ³ãƒˆãŒæƒã£ãŸPSDã¨Sketchç”¨ã®ç´ æã§ã™ã€‚
saladdays 2015/01/26
MaterialDesign
ãƒªãƒ³ã‚¯
ðŸŽ¨ Material Design Colors, Color Palette | Material UI
Material Design Color Palette will help you quickly decide which color to choose for your project. Colors are taken from Google's Material Design Guidelines.
saladdays 2015/01/19
MaterialDesign
ãƒªãƒ³ã‚¯
Material Design
saladdays 2015/01/09
MaterialDesign
ãƒªãƒ³ã‚¯
æ–°ç€è¨˜äº‹
ã€Žãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ãƒ»ãƒ–ã‚¤ã‚¢ã‚¤ãƒ”ãƒ¼ã€ã®æ–°ç€è¨˜äº‹ã§ã™ã€‚ãƒ•ã‚©ãƒˆã‚·ãƒ§ãƒƒãƒ—ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ãŸã®ã—ã‚€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚2009å¹´ï¼“æœˆå‰µåˆŠä»¥æ¥ã€3800ã‚’è¶…ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’æ›´æ–°ã—ã¦ã„ã¾ã™ã€‚ãƒ•ãƒªãƒ¼ãƒ•ã‚©ãƒ³ãƒˆãªã©ã®ç„¡æ–™ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æï¼é…è‰²ã‚„Webåˆ¶ä½œã¨ã„ã£ãŸæœ€æ–°ãƒˆãƒ¬ãƒ³ãƒ‰ã‚‚å…¬é–‹ä¸ã€‚
saladdays 2014/12/22
MaterialDesign
ãƒªãƒ³ã‚¯
Android ã‚¢ãƒ—ãƒªã«ãƒžãƒ†ãƒªã‚¢ãƒ« ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å°Žå…¥ã™ã‚‹
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
saladdays 2014/12/16
MaterialDesign
ãƒªãƒ³ã‚¯
ä»Šã•ã‚‰èžã‘ãªã„ï¼ï¼Ÿæ£ã—ã„ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã®ä»˜ãåˆã„æ–¹
Googleã®æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¨ã—ã¦å…ˆã”ã‚ç™ºè¡¨ã•ã‚ŒãŸã€Œãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã€‚æ—©é€Ÿã“ã®æ–°ã—ã„ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’å–ã‚Šå…¥ã‚ŒãŸäº‹ä¾‹ã‚„ã€ã‚¹ãƒ ãƒ¼ã‚ºã«å°Žå…¥ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒç´¹ä»‹ã•ã‚ŒãŸã‚Šã™ã‚‹ã®ã‚’è¦‹ã‹ã‘ã¾ã™ãŒã€UIã®é–‹ç™ºã«æºã‚ã‚‹ã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã¨ã—ã¦ã¯ã€å–ã‚Šå…¥ã‚Œã‚‹å‰ã«ãã®æ€æƒ³ã‚’ã—ã£ã‹ã‚Šã¨ç†è§£ã—ã¦ãŠãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¨ã„ã†ã‚ã‘ã§ã€æ€æƒ³ã®èƒŒæ™¯ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã€æ³¨æ„ç‚¹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãŒå®šç¾©ã•ã‚ŒãŸèƒŒæ™¯ Googleã®ç”Ÿã¿å‡ºã™ã‚µãƒ¼ãƒ“ã‚¹ã¯ã€ã‚‚ã¯ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã‚„PCï¼ˆAndroid OSï¼‰ã ã‘ã«é™ã‚‰ã‚ŒãŸã‚‚ã®ã§ã¯ãªãã€è…•æ™‚è¨ˆã‚„ãƒ¡ã‚¬ãƒã¨ã„ã£ãŸã‚¦ã‚§ã‚¢ãƒ©ãƒ–ãƒ«ï¼ˆGoogle glassã€Google Fitï¼‰ã€ãƒãƒ³ã‚ºã‚ªãƒ³ã§ã®æ“ä½œã‚’å¯èƒ½ã«ã™ã‚‹è‡ªå‹•è»Šç”¨ã‚·ã‚¹ãƒ†ãƒ ï¼ˆAndroid Autoï¼‰ãªã©ãªã©ã€æ§˜ã€…ãªåˆ†é‡Žã«åºƒãŒã£ã¦ã„ã¾ã™ã€‚ ä»Šå¾Œã‚‚æ›´ã«æ§˜ã€…ãªã‚¹ã‚¯ãƒªãƒ¼ãƒ³ç’°å¢ƒã€æ“ä½œç’°å¢ƒãŒå¢—ãˆç¶šã‘ã‚‹ã®ã¯ç¢ºå®Ÿã§
saladdays 2014/12/16
MaterialDesign
ãƒªãƒ³ã‚¯
æ–°OSã€ŒAndroid 5.0 Lollipopã€ã¯ã©ã“ãŒæ–°ã—ã„ã®ã‹ã€æ–°æ—§UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å¾¹åº•æ¯”è¼ƒã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜
ã€ŒAndroidå²ä¸Šæœ€å¤§ã®ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆã€ã¨å‘¼ã°ã‚Œã‚‹æ–°OSã€ŒAndroid 5.0(Lollipop)ã€ãŒã€Nexus 9ãƒ»Nexus 6ã§ç™»å ´ã—ãŸã®ã‚’çš®åˆ‡ã‚Šã«ã€æ¬¡ç¬¬ã«ã‚¢ãƒƒãƒ—ãƒ‡ãƒ¼ãƒˆå¯¾å¿œç«¯æœ«ãŒå¢—ãˆã¦ãã¦ã„ã¾ã™ã€‚Lollipopã§ã¯çµ±ä¸€UIãƒ‡ã‚¶ã‚¤ãƒ³ã€ŒMaterial Design(ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³)ã€ãŒæŽ¡ç”¨ã•ã‚Œã€ã‚¬ã‚¤ãƒ‰æ©Ÿèƒ½ã‚’ã‚‚ã¤ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³è¡¨ç¤ºã ã‘ã§ãªãã€ãƒ‘ãƒƒã¨è¦‹ã¦æ¬¡ã«ä½•ã‚’ã™ã‚Œã°ã©ã‚“ãªã“ã¨ãŒèµ·ã“ã‚‹ã®ã‹ãŒåˆ†ã‹ã‚Šã‚„ã™ã„ã‚·ãƒ³ãƒ—ãƒ«ã‹ã¤ã‚«ãƒ©ãƒ•ãƒ«ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒæŽ¡ã‚Šå…¥ã‚Œã‚‰ã‚Œã¦ã„ã‚‹ã¨ã®ã“ã¨ã§ã™ãŒã€å¾“æ¥ã®Android 4.4(KitKat)ã¨æ¯”è¼ƒã™ã‚‹ã¨ã“ã‚“ãªæ„Ÿã˜ã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã©ã®ã‚ˆã†ã«å¤‰æ›´ã•ã‚ŒãŸã®ã‹ãŒä¸€ç›®çžç„¶ã«ãªã£ã¦ã„ã¾ã™ã€‚ Gallery: Android 5.0 Lollipop, before and after | Ars Technica http://arstechnica.com/gadgets
saladdays 2014/11/20
MaterialDesign
ãƒªãƒ³ã‚¯
Material Design on Android Checklist (Japanese version) ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®ãŸã‚ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ - å®‰è—¤æ—¥è¨˜
â– ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³å¯¾å¿œã®ãŸã‚ã®ãƒã‚§ãƒƒã‚¯ãƒªã‚¹ãƒˆ åŽŸæ–‡ (Material Design on Android Checklist) By Roman Nurik, Design Advocate ( http://android-developers.blogspot.jp/2014/10/material-design-on-android-checklist.html ) Android 5.0 ã¯ã€ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚„ã‚·ã‚¹ãƒ†ãƒ ã‚¢ãƒ—ãƒªç”¨ã®æ–°ã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚·ã‚¹ãƒ†ãƒ ã§ã‚ã‚‹ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å°Žå…¥ã—ã¦ã„ã¾ã™ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çš†æ§˜ã¯ã‚‚ã†ã™ã Android 5.0 ã®å…¥æ‰‹ãŒå¯èƒ½ã«ãªã‚Šã¾ã™ãŒã€ã‚‚ã†æ—¢ã«å½¼ã‚‰ã¯ Google Play Newsstand ã‚„ Inbox by Gmailã€Tumblr ãªã©ã®ã‚¢ãƒ—ãƒªã§ãƒžãƒ†ãƒªã‚¢ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’åž£é–“è¦‹ã¦ã„ã¾ã™ã€‚é–‹ç™ºè€…ã®æ–¹ã€…ã¯ä¸‹ä½äº’æ›æ€§ã‚’ä¿ã¤ãŸã‚ã® AppCompat
saladdays 2014/10/30
MaterialDesign

ui

design
ãƒªãƒ³ã‚¯
èª°ã§ã‚‚Android 5.0ã®Material Desginã‚’Webã«æŒã¡è¾¼ã‚ã‚‹Polymer
èª°ã§ã‚‚Android 5.0ã®Material Desginã‚’Webã«æŒã¡è¾¼ã‚ã‚‹Polymerï¼šHTML5ã‚¢ãƒ—ãƒªä½œã‚ã†ãœï¼ï¼ˆ13ï¼‰ï¼ˆ1/4 ãƒšãƒ¼ã‚¸ï¼‰ Material Desginã§Web Componentsã§ã‚ªãƒ¼ãƒ—ãƒ³ã‚½ãƒ¼ã‚¹ã§ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ãªJavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒPolymerã€ã‚’Webä¸Šã§æ´»ç”¨ã™ã‚‹ãŸã‚ã®ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«è¨˜äº‹ã§ã™ã€‚Bootstrapãƒ©ã‚¤ã‚¯ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’å®Ÿç¾ã™ã‚‹ã‚µãƒ³ãƒ—ãƒ«ã‚’äº¤ãˆã¦ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«æ–¹æ³•ã‚„ä½¿ã„æ–¹ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚
saladdays 2014/10/21
MaterialDesign

android

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