[B! webãƒ‡ã‚¶ã‚¤ãƒ³] masao_hgã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

masao_hg id:masao_hg

webãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹masao_hgã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

HTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã®äººæ°—ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¯ï¼Ÿ ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆçµæžœã‹ã‚‰åˆ†æžã™ã‚‹ã‚¤ãƒžãƒ‰ã‚ã®ã‚¦ã‚§ãƒ–åˆ¶ä½œäº‹æƒ… - ICS MEDIA
ã‚¦ã‚§ãƒ–æ¥ç•Œã®å½“ãŸã‚Šå‰ã ã¨æ€ã£ã¦ã„ã‚‹ã“ã¨ã§ã‚‚ã€åŒæ¥ä»–ç¤¾ã®äººã«ã¯é•ã†å¸¸è˜ãŒã‚ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚è‡ªåˆ†ãŒæ¥ç•Œå¤šæ•°ã®å‚¾å‘ã¨é•ã†ã¨ã“ã‚ã¯ã©ã“ãªã®ã‹ãƒ»ãƒ»ãƒ» ã“ã®é€£è¼‰ã§ã¯ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒ‡ãƒ¼ã‚¿ã‹ã‚‰å›½å†…ã®ã‚¦ã‚§ãƒ–æ¥ç•Œã®å‚¾å‘ã‚’åˆ†æžã—ã¾ã™ã€‚ é€£è¼‰ç¬¬3å›žç›®ã¨ãªã‚‹æœ¬è¨˜äº‹ã§ã¯ã‚¦ã‚§ãƒ–æ¥ç•Œã®ã€ŒHTMLã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ã‚„ã€Œãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã€ã‚’ä¸å¿ƒã«ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆçµæžœã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã¯ç†è€…ã®Twitterã‹ã‚‰å®Ÿæ–½ã—ã¦ã„ãŸã‚‚ã®ã§ã™ã€‚ CSSã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ä½¿ã†ã®ã¯FlexboxãŒå¤šã„ ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®å¤§æž ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’çµ„ã‚€ã¨ãã«ä¸€ç•ªä½¿ã£ã¦ã„ã‚‹CSSã®ç¨®é¡žã‚’è³ªå•ã—ã¾ã—ãŸã€‚ 727ç¥¨ã®å›žç”ãŒã‚ã‚Šã€Œfloatã€ãŒ32%ã€ã€ŒFlexboxã€ãŒ51%ã€ã€ŒGrid Layoutã€ãŒ11%ã€ã€Œtableã€ãŒ6%ã§ã—ãŸã€‚ FlexboxãŒæœ€å¤šã¨ãªã£ãŸã®ã¯ã€æœªå¯¾å¿œãƒ–ãƒ©ã‚¦ã‚¶ï¼ˆä¾‹ï¼šIE9ï¼‰ãŒç„¡è¦–ã§ãã‚‹ã‚·ã‚§ã‚¢ã¾ã§ä¸‹ãŒã£ãŸã“ã¨ã‚„ã€floatã‚ˆã‚ŠFlexboxã®ã»ã†ãŒ
masao_hg 2018/01/11
webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Fonts by Hoefler&Co.
H&Co designs fonts for print, web, and mobile environments.
masao_hg 2015/11/05
è³‡æ–™

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

design

font

typography
ãƒªãƒ³ã‚¯
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ï¼š èµ·æºã€å•é¡Œã€ãƒ•ãƒ©ãƒƒãƒˆ2.0ã®ã»ã†ãŒæœ›ã¾ã—ã„ç†ç”±
ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯2012å¹´ã”ã‚ã«åºƒã¾ã£ãŸWebãƒ‡ã‚¶ã‚¤ãƒ³ã®ã‚¹ã‚¿ã‚¤ãƒ«ã§ã‚ã‚‹ã€‚ãã‚Œã¯åºƒãä»Šã‚‚åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹ãŒã€éŽåº¦ãªåˆ©ç”¨ã¯æ·±åˆ»ãªãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ä¸Šã®å•é¡Œã‚’å¼•ãèµ·ã“ã—ã‹ããªã„ã€‚ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ˆã£ã¦ç™ºç”Ÿã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ä¸Šã®æœ€å¤§ã®èª²é¡Œã®1ã¤ã«ã€ã‚¯ãƒªãƒƒã‚¯å¯èƒ½ãªè¦ç´ ã®ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ä¸è¶³ãŒã‚ã‚‹ã€‚ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³2.0ã¯ã€ãã‚Œã«å¯¾ã™ã‚‹å„ªã‚ŒãŸè§£æ±ºç–ã‚’æä¾›ã—ã¦ãã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚‹ã€‚ Flat Design: Its Origins, Its Probl ems, and Why Flat 2.0 Is Better for Users by Kate Meyer on September 27, 2015 æ—¥æœ¬èªžç‰ˆ2015å¹´11æœˆ2æ—¥å…¬é–‹ ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¯äººæ°—ã®ã‚ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¹ã‚¿ã‚¤ãƒ«ã§ã€Webãƒšãƒ¼ã‚¸ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯è¦ç´ ã«ã€å…‰æ²¢æ„Ÿã‚„ç«‹ä½“æ„Ÿã¨ã„ã†è¦–è¦šåŠ¹æžœã‚’åˆ©ç”¨ã—ãªã„ã‚‚ã®ã®ã“ã¨ã§ã‚ã‚‹ã€‚ãã‚Œã¯å¤šãã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰Web
masao_hg 2015/11/02
ã‚ã¨ã§èªã‚€

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

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

UI
ãƒªãƒ³ã‚¯
HTML5ã¨CSS3ã§ä½•ãŒã§ãã‚‹ã‹ã‚’å®Ÿéš›ã«å‹•ã‹ã—ã¦å¦ã¹ã‚‹ã€ŒThe Expressive Webã€
ã€ŒHTML5ã€ã‚„ã€ŒCSS3ã€ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§ã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã®ä½œæˆã‚„ã‚¦ã‚§ãƒ–ãƒ‡ã‚¶ã‚¤ãƒ³ãŒã•ã‚‰ã«ä¾¿åˆ©ã«ãªã‚Šã¾ã™ã€‚ãã‚“ãªHTML5ã¨CSS3ã§è¿½åŠ ã•ã‚Œã¦ã„ã‚‹æ–°ã—ã„è¦ç´ ã§ã€Œä½•ãŒã§ãã‚‹ã®ã‹ï¼Ÿã€ã¨ã„ã†ã“ã¨ãŒã€å®Ÿéš›ã«è©¦ã—ãŸã‚Šå‹•ã‹ã—ãŸã‚Šã—ã¤ã¤å¦ã¹ã‚‹Adobeã®ã€ŒThe Expressive Webã€ã§ã™ã€‚ HTML5 and CSS3 - Adobe - The Expressive Web - Beta http://beta.theexpressiveweb.com/ ã€ŒThe Expressive Webã€ã¯å·¦å´ã«å„ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ãŒã‚ã‚Šã€1ã¤ãšã¤è¦‹ã¦ã„ãã“ã¨ã§CSSã‚„HTML5ã®å‹•ä½œãŒåˆ†ã‹ã£ã¦ã„ãã¨ã„ã†ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã€‚ä¸€ç•ªä¸Šã®ã€ŒCSS3 Animationsã€ã‚’ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¨ã€é’ã„ã‚ãƒ£ãƒ©ã‚¯ã‚¿ãƒ¼ã¨èƒŒæ™¯ãŒCSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã§å‹•ã„ã¦ã„ã‚‹æ§˜åã‚’è¦‹ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚CSS3ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã¯HTMLã«ã‚ãƒ¼ãƒ•
masao_hg 2015/02/23
è³‡æ–™

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

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

HTML5

CSS3
ãƒªãƒ³ã‚¯
Material Palette - Material Design Color Palette Generator
Choose your favorite colors and get your Material Design palette generated and downloadable.
masao_hg 2014/12/18
è³‡æ–™

design

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

webãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Material Palette - Material Design Color Palette Generator
masao_hg 2014/12/18
è³‡æ–™

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

webã‚µãƒ¼ãƒ“ã‚¹

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Photoshopã§ã®é¢å€’ãªä½œæ¥ã‚’ç°¡å˜ã«ï¼ä¾¿åˆ©ã™ãŽã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã®ã¾ã¨ã‚ | ã‚³ãƒªã‚¹
ã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç¸žã€…ã‚’å–ã‚Šé™¤ã„ãŸã‚Šã€èƒŒæ™¯ã‚’å‰Šé™¤ã—ãŸã‚Šã™ã‚‹å®Ÿç”¨çš„ãªã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ã¯ã˜ã‚ã€ã‚«ãƒ©ãƒ¼ã®ãƒãƒªã‚¨ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ç”Ÿæˆã—ãŸã‚Šã€ç”»åƒã‚’å¹¾ä½•å¦æ¨¡æ§˜ã‚„ãƒãƒ¼ãƒ•ãƒˆãƒ¼ãƒ³ã«ã—ãŸã‚Šã€ãƒ†ã‚ã‚¹ãƒˆã‚„ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’3Dã«ã™ã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ no more banding ãƒ•ãƒ©ãƒƒãƒˆã‚„ã‚½ãƒªãƒƒãƒ‰ãªã‚¹ã‚¿ã‚¤ãƒ«ãŒãƒˆãƒ¬ãƒ³ãƒ‰ã§ã‚‚ã€ã¾ã ã¾ã ã‚°ãƒ©ãƒ‡ã‚‚å¥åœ¨ã§ã™ã€‚ãã‚“ãªã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒæ±šãè¦‹ãˆã¦ã—ã¾ã†ç¸žã€…ï¼ˆãƒãƒ³ãƒ‡ã‚£ãƒ³ã‚°ï¼‰ã‚’å–ã‚Šé™¤ã„ã¦ã€ç¾Žã—ãä»•ä¸Šã’ã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã€‚ ãƒãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’å–ã‚Šé™¤ãä»•çµ„ã¿ã¯ã€ä»¥å‰ã®è§£èª¬è¨˜äº‹ï¼ˆã‚°ãƒ©ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã‚ˆã‚Šç¾Žã—ãæ»‘ã‚‰ã‹ã«ã™ã‚‹Photoshopã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ ï¼‰ã‚’ã”è¦§ãã ã•ã„ã€‚
masao_hg 2014/08/07
ãƒ¡ãƒ¢

photoshop

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

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

ã‚¢ã‚¯ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
100ç¨®ã®ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã‚»ãƒƒãƒˆã«ã—ãŸã€ŒFree download: 100 repeating vector patterns from freepik.comã€
100ç¨®ã®ãƒ™ã‚¯ã‚¿ãƒ¼ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã‚»ãƒƒãƒˆã«ã—ãŸã€ŒFree download: 100 repeating vector patterns from freepik.comã€ ãƒ‡ã‚¶ã‚¤ãƒ³ç´ æã®å®šç•ªã¨ã—ã¦æ„›ç”¨ã•ã‚Œã¦ã„ã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æã€‚èƒŒæ™¯ã¯ã‚‚ã¡ã‚ã‚“ã€ãƒ‘ãƒ¼ãƒ„ã¥ãã‚Šã®ç´ æã¨ã—ã¦ãªã©ã„ã‚ã„ã‚ãªã‚·ãƒ¼ãƒ³ã§æ´»èºã—ã¦ãã‚Œã¾ã™ã€‚ãã‚“ãªãƒ‘ã‚¿ãƒ¼ãƒ³ç´ æã‚’100ç¨®ã‚»ãƒƒãƒˆã«ã—ãŸã€ŒFree download: 100 repeating vector patterns from freepik.comã€ã‚’ä»Šå›žã¯ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ã®ã•ã¾ã–ã¾ãªãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒ100ç¨®ã‚‚ã‚»ãƒƒãƒˆã«ãªã£ã¦ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã§ãã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ è©³ã—ãã¯ä»¥ä¸‹ æ°´çŽ‰ã‚„ãƒã‚§ãƒƒã‚¯ã€ã‚¹ãƒˆãƒ©ã‚¤ãƒ—ã¨ã„ã£ãŸå®šç•ªã®æŸ„ã‹ã‚‰ã€å’Œã‚’æ„Ÿã˜ã•ã›ã‚‹æŸ„ã€å¹¾ä½•å¦çš„ãªæŸ„ã€ç‹¬ç‰¹ãªã‚«ãƒ©ãƒ¼ãƒªãƒ³ã‚°ã‚’å–ã‚Šå…¥ã‚ŒãŸæŸ„ãªã©ã€å¤šå½©ãªç¨®é¡žãŒæƒã£ã¦ã„ã‚‹ã®ãŒç‰¹å¾´ã€‚ãƒ™ã‚¯ã‚¿ãƒ¼å½¢å¼ãªã®ã§è‰²ã‚’å¤‰ãˆã¦é…
masao_hg 2014/07/19
ç´ æ

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

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

ãƒ™ã‚¯ã‚¿ãƒ¼
ãƒªãƒ³ã‚¯
1