[B! Flatãƒ‡ã‚¶ã‚¤ãƒ³] satotaka99ã®ãƒ

satotaka99 id:satotaka99

Flatãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹satotaka99ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (8)

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

Flipsblog.jp
ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã™ã‚‹ä¸Šã§ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãŒãƒ¯ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã«ãªã£ãŸã‚Šã€ç…®è©°ã¾ã£ãŸã‚Šã™ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã‚“ãªæ™‚ã€Instagram ã‚’ä½¿ã‚ãªã„æ‰‹ã¯ã‚ã‚Šã¾ã›ã‚“ä¸–ç•Œä¸ã®ã‚¤ãƒ³ã‚¹ãƒ”ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³æº¢ã‚Œã‚‹ã‚¢ãƒ¼ãƒˆç³»ã®ç™ºä¿¡ã‚„ãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã®ã‚¤ãƒ¡ãƒ¼ã‚¸ãŒãŸãã•ã‚“å‚ç…§ã§ãã¾ã™æœ¬è¨˜äº‹ã§ã¯ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ’ãƒ³ãƒˆã«ãªã‚‹ã“ã¨é–“é•ã„ãªã—ã®æµ·å¤–ã®ã‚¢ãƒ¼ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ç³»ã® Instagram ã‚¢ã‚«ã‚¦ãƒ³ãƒˆã‚’ã”ç´¹ä»‹ã—ã¾ã™ã€‚
satotaka99 2015/07/31
Flatãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Flat Surface Shader
Admit it, 3D is cool. But, you know what's cooler? 2D. I love WebGL, but unfortunately it doesn't work everywhere. This lighting simulation can be configured to use either the 2D context of a canvas element or an array of SVG polygons to draw the triangles. It also utilises native Float32Arrays to store numerical data for highly optimised calculations. This is a collaborative effort between Matthe
satotaka99 2014/07/19
Flatãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Bootstrapã ã‘ã˜ã‚ƒãªã„ï¼ãƒžãƒƒãƒã§ãƒ•ãƒ©ãƒƒãƒˆã‚„ç¾Žã—ã„ãƒ‡ã‚¶ã‚¤ãƒ³ã®UIãŒå°Žå…¥ã§ããã†ãªãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ ã‚„UIã‚ãƒƒãƒˆç‰è‰²ã€…ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
satotaka99 2013/08/06
CSS

Flatãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚³ãƒ„çš„ãªã‚¢ãƒ¬ - ç´è±†ã«ã¯åµã‚’å…¥ã‚Œã‚‹æ´¾ã§ã™ã€‚
P4Dã§æ•™ãˆã¦ã„ãŸã ã„ãŸã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã•ã‚“ã«èžã‹ã‚ŒãŸã®ã§ã€ãªã‚“ã‹æ•´ç†ã—ãã‚Œã¦ãªãã¦ã–ã£ãã‚Šãªã‚“ã§ã™ãŒã€å–ã‚Šæ€¥ãŽã€ãªã‚“ã‹ãã‚Œã£ã½ããªã‚‹ã‚³ãƒ„ã¿ãŸã„ãªã®ã‚’ç‹¬æ–ã¨åè¦‹ã§ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ 3è‰²ã€œ5è‰²ãã‚‰ã„ã®è‰²ã‚’ç”»é¢ã®ä¸ã§å‡ç‰ã«ä½¿ã†ã®ãŠã™ã™ã‚ ä½œã‚ŠãŸã„ã‚µãƒ¼ãƒ“ã‚¹ãŒä½•ã§è‰²åˆ†ã‘ã§ãã‚‹ã‹è€ƒãˆã¾ã™ã€‚ã¡ã‚‡ã†ã©ã‚ˆã3ã€œ5ç¨®é¡žãã‚‰ã„ã®ã‚¹ãƒ†ãƒ¼ã‚¿ã‚¹ã‚„ã‚«ãƒ†ã‚´ãƒªãªã©ãŒã‚ã£ãŸã‚‰ã€ãã‚Œã«å¿œã˜ã¦è‰²ãŒå¤‰ã‚ã‚‹ã¨ã‹ã™ã‚‹ã¨ã†ã¾ããƒãƒžã‚‹ã€‚ã‹ã‚‚ã€‚ Flat UI Colorã§è‰²é¸ã³ http://flatuicolors.com/ ã¨ã„ã†ä¾¿åˆ©ãªã‚µã‚¤ãƒˆãŒã‚ã£ã¦ã€ã“ã“ã‹ã‚‰3ã€œ5è‰²ãã‚‰ã„é¸ã¶ã¨ã‚ˆã„ã§ã™ã€‚ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã‚«ãƒ©ãƒ¼ã‚³ãƒ¼ãƒ‰ãŒã‚³ãƒ”ãƒ¼ã•ã‚Œã¾ã™ã€‚ã‚ã‚‰ä¾¿åˆ©ã€‚èµ¤ã¯ä»–ã®è‰²ã¨ä»²è‰¯ãã™ã‚‹ã®ãŒé›£ã—ã‚ã€‚ Sassã§å½©åº¦ã‚’æŠ‘ãˆã‚‹ã¨è½ã¡ç€ã„ãŸè‰²èª¿ã«ãªã£ã¦ã€ä½¿ã„ã“ãªã—ã®é›£æ˜“åº¦ãŒä½Žããªã‚Šã¾ã™ ä¸Šã®ã‚µã‚¤ãƒˆã‚‚ãã†ãªã‚“ã§ã™ãŒã€Flat UIã«ã‚ˆãä½¿ã‚ã‚Œã¦ã„ã‚‹è‰²ã¯ã€é®®ã‚„ã‹ãªãŒå¤šã
satotaka99 2013/06/20
Flatãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã€iOS7ã€‘ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³UIå®Ÿè£…ã«å½¹ç«‹ã¤ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã¾ã¨ã‚ - ãã®å¾Œã®ãã®å¾Œ
iOS7ã§æŽ¡ç”¨ã•ã‚ŒãŸãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã£ã½ã„UIã‚’ã€ç¾è¡ŒiOSï¼ˆã€œ6.xï¼‰ã§å®Ÿè£…ã™ã‚‹éš›ã«å½¹ç«‹ã¤OSSã‚’ã¾ã¨ã‚ã¾ã—ãŸã€‚å¾ŒåŠã§ã¯iOS7ã£ã½ãä¸‹ã®ãƒ“ãƒ¥ãƒ¼ã‚’ãƒ–ãƒ©ãƒ¼ã‹ã‘ã¦åŠé€éŽè¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚„ã€ãƒ‘ãƒ©ãƒ©ãƒƒã‚¯ã‚¹è¡¨ç¤ºã™ã‚‹ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚‚ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚ * English version of this article â€»ï¼ˆ2013å¹´7æœˆ17æ—¥è¿½è¨˜ï¼‰9ç‚¹è¿½åŠ ã—ã€ã‚«ãƒ†ã‚´ãƒªæ¯Žã«åˆ†é¡žã—ã¾ã—ãŸã€‚ ç·åˆ FlatUIKit ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãªUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè©°ã‚åˆã‚ã›ã€‚ã‚½ãƒ¼ã‚¹ã‚’ã¿ã‚‹ã¨ã€ã»ã¨ã‚“ã©ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆãŒè©²å½“ã™ã‚‹UIKitã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ã‚«ãƒ†ã‚´ãƒªã‚„ã‚µãƒ–ã‚¯ãƒ©ã‚¹ã¨ã—ã¦ã¤ãã£ã¦ã‚ã£ã¦ã€ä½¿ã„ã‚„ã™ãã†ã§ã™ã€‚ FlatUI åŒæ§˜ã«UIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆè©°ã‚åˆã‚ã›ã§ã™ãŒã€ã‹ãªã‚ŠiOS7ã«ä¼¼ã›ã¦ã¤ãã‚‰ã‚Œã¦ã„ã‚‹ç‚¹ãŒç‰¹é•·ã§ã™ã€‚ UI7Kit iOS5, iOS6 ã§ iOS7 ã®è¦‹ãŸç›®ã‚’å®Ÿç¾ã™ã‚‹UIKitã®ã‚µãƒ–ã‚¯ãƒ©ã‚¹é›†ã€‚ iPho
satotaka99 2013/06/19
Flatãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ | ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¯UIã‚’é€²åŒ–ã•ã›ã‚‹ã‹
ã‚¦ã‚§ãƒ–ã‚„ã‚¢ãƒ—ãƒªã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚Œã°ã€ã“ã“1ã€œ2å¹´ã®UIãƒˆãƒ¬ãƒ³ãƒ‰ã§ã‚ã‚‹ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¤ã„ã¦ã”å˜ã˜ã ã¨æ€ã„ã¾ã™ã€‚ã™ã§ã«ã“ã®ãƒˆãƒ¬ãƒ³ãƒ‰ã‚’æ„è˜ã—ã¦å®Ÿè·µã—ã¦ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ä»Šå›žã¯ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã®ç‰¹å¾´ã¨ãã®ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã€ç”»é¢ã«è¡¨ç¤ºã™ã‚‹ãƒœã‚¿ãƒ³ã‚„ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã®UIè¦ç´ ã‚’éžå¸¸ã«å¹³å¦ãªè¦‹ãŸç›®ã«ã™ã‚‹ã¨ã„ã†è¡¨ç¾æ‰‹æ³•ã§ã™ã€‚ã‚¦ã‚§ãƒ–ã§ã‚‚ã‚¢ãƒ—ãƒªã§ã‚‚ä»Šã‚„ã“ã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã‚’å–ã‚Šå…¥ã‚Œã¦ã„ã‚‹ã‚‚ã®ãŒæ²¢å±±ã‚ã‚Šã¾ã™ãŒã€ä¸ã§ã‚‚ä»£è¡¨çš„ãªã®ã¯ã€Windows 8 ã® Modern UI ã¨ Google ã®ä¸€é€£ã®ã‚µãƒ¼ãƒ“ã‚¹ã§ã—ã‚‡ã†ã€‚ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨è¨€ã£ã¦ã‚‚ã€ã‚‚ã¡ã‚ã‚“æ˜Žç¢ºãªå®šç¾©ãŒã‚ã‚‹ã‚ã‘ã§ã¯ãªãã€ãƒ•ãƒ©ãƒƒãƒˆåº¦åˆã„ã¯æ§˜ã€…ã«è©¦ã•ã‚Œã¦ã„ã¾ã™ãŒã€ä¸€èˆ¬çš„ãªç‰¹å¾´ã‚’ã‚ã’ã¦ã¿ã¾ã™ã€‚ UIè¦ç´ ã®ã€Œå¡—ã‚Šã€ã«ã€ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚„ãƒ†ã‚¯ã‚¹ãƒãƒ£ã‚’ä½¿ã‚ãšã€å˜è‰²ã«ã™ã‚‹ ãƒ‰ãƒãƒƒãƒ—ã‚·ãƒ£ãƒ‰ã‚¦ã‚„ãƒ™ãƒ™ãƒ«ã¨ã„ã£ãŸç«‹ä½“æ„Ÿã‚’å‡ºã™è¡¨ç¾ã‚’ç”¨
satotaka99 2013/05/02
webãƒ‡ã‚¶ã‚¤ãƒ³

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

WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
34 Flat Website Layouts for Design Inspiration - DesignM.ag
The flat metro-style design trend has only been active within the community for a couple of years. The original designs started with Microsoft and have grown in complexity ever since. Specifically I have noticed a lot of designers working with flat CSS3 buttons, links, icons, and other UI features. I want to dedicate this showcase towards flat website interfaces. The gallery includes 34 examples o
satotaka99 2013/03/27
Flatãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
1