[B! CSSè¨è¨ˆ][webåˆ¶ä½œ] ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ihok id:ihok

CSSè¨è¨ˆã¨webåˆ¶ä½œã«é–¢ã™ã‚‹ihokã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

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

å®£è¨€ãƒ–ãƒãƒƒã‚¯ã®CSSè¨è¨ˆ - kojika17
æ—¥æœ¬èªžã§ã€ŒCSSè¨è¨ˆã€ã‚’æ¤œç´¢ã™ã‚‹ã¨ã€è¨˜äº‹ã‚„ã¤ã¶ã‚„ããªã©ã§ã‚»ãƒ¬ã‚¯ã‚¿ã®å‘½åè¦å‰‡ã«é–¢ã™ã‚‹è©±é¡ŒãŒå¤šã„ã§ã™ã€‚ CSSã‚’è¨è¨ˆã™ã‚‹ä¸Šã§ã€å‘½åè¦å‰‡ã¯é‡è¦ãªè¦ç´ ã§ã—ã‚‡ã†ã€‚ ç°¡å˜ãªã‚»ãƒ¬ã‚¯ã‚¿åã ã¨ä»–ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¨é‡è¤‡ã™ã‚‹å¯èƒ½æ€§ã‚‚ã‚ã‚Šã¾ã™ã€‚ä»–ã®ã‚¹ã‚¿ã‚¤ãƒ«ã¨é‡è¤‡ã—ãªã„ã‚ˆã†ã«ã‚»ãƒ¬ã‚¯ã‚¿ã®åå«æ•°ã‚’å¢—ã‚„ã—ã¦ã—ã¾ã†ã¨ã€ä»Šåº¦ã¯ã‚¹ã‚¿ã‚¤ãƒ«ã®å–ã‚Šå›žã—ãŒæ‚ªããªã‚Šã¾ã™ã€‚ ã¾ãŸãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã«åˆ†ã‘ã‚‹ç²’åº¦ã«ã¤ã„ã¦ç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã™ãŒã€å‘½åè¦å‰‡ã®åˆ†ã‘æ–¹ã®ã‚ˆã†ã«ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹ã‚ˆã†æ„Ÿã˜ã¾ã™ã€‚ è«–ç†çš„ã«æ§‹é€ ã‚’ã‚ã‘ã¦å‘½åã—ã¦ã„ããŸã‚ã€è¦šãˆã‚„ã™ãã€ä¼ãˆã‚„ã™ã•ã‚‚ã‚ã‚ã•ã£ã¦ã€ç¾åœ¨ã®ã€ŒCSSè¨è¨ˆ = å‘½åè¦å‰‡ã€ã®ã‚ˆã†ãªæ§‹å›³ãŒã§ãã‚ãŒã£ãŸã¨æ„Ÿã˜ã¦ã„ã¾ã™ã€‚ CSSè¨è¨ˆã¯å‘½åè¦å‰‡ã ã‘ã‹ å‘½åè¦å‰‡ã¯CSSè¨è¨ˆã«ãŠã„ã¦ã€é‡è¦ãªè¦ç´ ã§ã™ã€‚ ã—ã‹ã—CSSã¯å‘½åè¦å‰‡ã•ã›æ°—ã‚’ä»˜ã‘ã‚Œã°è‰¯ã„ã€ã¨ã„ã†ã‚‚ã®ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ç§ã¯ã€ã™ã§ã«ã‚ã‚‹ã‚µã‚¤ãƒˆã®ä¸€éƒ¨ã®ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä½œæˆã‚„ã™ã§ã«ç”¨
ihok 2017/07/19
css

CSSè¨è¨ˆ

design

architecture

webåˆ¶ä½œ

è¨è¨ˆ

HTMLãƒ»CSS

programming
ãƒªãƒ³ã‚¯
ã‚ˆã‚Šè‰¯ã„CSSã‚’æ›¸ããŸã‚ã®æ§˜ã€…ãªCSSè¨è¨ˆã¾ã¨ã‚
CSSã¯èª°ã§ã‚‚ç°¡å˜ã«è‡ªç”±ã«æ›¸ã‘ã‚‹ã®ã§ã™ãŒã€å¥½ããªã‚ˆã†ã«æ›¸ã„ã¦ã„ã‚‹ã¨ã€Œã“ã“ã‚’å¤‰æ›´ã—ãŸã‚‰ã€é•ã†ã¨ã“ã‚ãŒå´©ã‚ŒãŸã€ã¨ã„ã£ãŸã‚ˆã†ã«ã™ãã«ç ´ç¶»ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ ã•ã‚‰ã«ã€è¤‡æ•°äººã§æ›¸ã„ã¦ã„ã‚‹å ´åˆã¯ã€å„ã€…ãŒå¥½ããªã‚ˆã†ã«æ›¸ã„ã¦èªã‚€ã ã‘ã§ã‚‚è‹¦ç—›ãªCSSãŒå‡ºæ¥ä¸ŠãŒã£ã¦ã—ã¾ã„ã¾ã™ã€‚ ãã“ã§ã€ã“ã‚Œã‚‰ã®å•é¡Œã‚’è§£æ±ºã™ã‚‹ãŸã‚ã«è€ƒãˆã‚‰ã‚ŒãŸã®ãŒã€ŒCSSè¨è¨ˆã€ã§ã™ã€‚ ä»Šå›žã¯è¨˜äº‹ãŒé•·ããªã‚ŠéŽãŽã‚‹ã®ã§ã€CSSè¨è¨ˆã®æ¦‚è¦ã®ã¿ã‚’èª¬æ˜Žã—ã€å‚è€ƒã¨ãªã‚‹å…¬å¼ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã¸ã®ãƒªãƒ³ã‚¯ã‚’è¨˜è¼‰ã—ã¾ã—ãŸã€‚ CSSè¨è¨ˆã¨ã¯ CSSè¨è¨ˆã¯ã€CSSã‚’è¨˜è¿°ã™ã‚‹æ™‚ã®ãƒ«ãƒ¼ãƒ«ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆæ¯Žã«é©ã—ãŸCSSè¨è¨ˆã‚’æŽ¡ç”¨ã™ã‚‹ã“ã¨ã§ã€ã€Œè‰¯ã„CSSã€ã«ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ æœ€è¿‘ã§ã¯ã€å‘½åè¦å‰‡ã¯BEMã§ã€æ§‹æˆã¯SMACCSã®ã‚ˆã†ã«å„CSSè¨è¨ˆã®æ¦‚å¿µã‚’å–ã‚Šè¾¼ã‚“ã ã‚ªãƒªã‚¸ãƒŠãƒ«ã®è¦ç´„ã‚’ã¤ãã‚‹ã¨ã„ã£ãŸã“ã¨ã‚‚å¤šã„ã‚ˆã†ã§ã™ã€‚ ã€Œè‰¯ã„CSSã€ã¨ã¯ ã€Œè‰¯ã„CSSã€ã®å®šç¾©ã¨ã—ã¦ã€ãŠãã‚‰
ihok 2016/07/08
css

CSSè¨è¨ˆ

HTML

architecture

webåˆ¶ä½œ

TIPS

ãƒ›ãƒƒãƒˆã‚¨ãƒ³ãƒˆãƒª

å‘½åè¦å‰‡

web
ãƒªãƒ³ã‚¯
ç ´ç¶»ã—ã«ãã„CSSè¨è¨ˆã®æ³•å‰‡ 15 - Qiita
ãƒ–ãƒ©ã‚¦ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã¯å¹³å¦åŒ–ã—ã¦ãŠã ãƒªã‚»ãƒƒãƒˆCSSã¯ã‚ªãƒ—ãƒˆã‚¢ã‚¦ãƒˆå¯èƒ½ã«ã—ã¦ãŠã ç™»å ´é »åº¦ã®é«˜ã„çµ„åˆã›ã¯placeholderã¨ã—ã¦ç™»éŒ²ã—ã¦ã‹ã‚‰åˆ©ç”¨ã™ã‚‹ å¯èƒ½ãªé™ã‚Šç”»åƒã¯ã‚¹ãƒ—ãƒ©ã‚¤ãƒˆç”Ÿæˆã—ã¦ã‹ã‚‰åˆ©ç”¨ã™ã‚‹ ãã‚Œä»¥ä¸Šåˆ†è§£ä¸å¯èƒ½ãªã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯è¦ç´ ã®ã‚ˆã†ã«æ‰±ã† ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã¯è‡ªå·±å®Œçµåž‹ã®ã‚‚ã®ã‚’ä½¿ã† BEMã¯DRYã«ãªã‚‹ã‚ˆã†ç²’åº¦ã‚’ä¸‹ã’ã‚‹ å¯èƒ½ãªé™ã‚Š@extendã¯åˆ©ç”¨ã—ãªã„ ãƒ¬ã‚¹ãƒãƒ³ã‚·ãƒ–ã§ãªã„å ´æ‰€ã§ã¯ã€Utilitiesã‚¯ãƒ©ã‚¹ã‚’æ´»ç”¨ã™ã‚‹ shame.cssã¯ã„ã¤ã‚‚ç¶ºéº—ã«ã—ã¦ãŠã è©³ç´°åº¦ã¾ãŸã¯ç‰¹ç•°æ€§ã®é«˜ã„ã‚‚ã®ã»ã©å¾Œæ–¹ã«è¨˜è¿°ã™ã‚‹ å¯èƒ½ãªé™ã‚Š!importantã—ãªã„ å¯èƒ½ãªé™ã‚Šãƒãƒƒã‚¯ã—ãªã„ å¤‰æ•°ã‚’ãƒ‡ã‚¶ã‚¤ãƒ³ã‚¬ã‚¤ãƒ‰ã¨ã—ã¦æ´»ç”¨ã™ã‚‹ CSSãƒ•ã‚¡ã‚¤ãƒ«ã‚’åˆ†å‰²ã™ã‚‹ãƒ¡ãƒªãƒƒãƒˆã¯ã»ã¨ã‚“ã©ãªã„ã®ã§ä¸€ã¤ã«ã¾ã¨ã‚ã‚‹ 1. ãƒ–ãƒ©ã‚¦ã‚¶ã‚¹ã‚¿ã‚¤ãƒ«ã¯å¹³å¦åŒ–ã—ã¦ãŠã ä¾‹ãˆã°ã€ã“ã†ã„ã†Scrap & Buildã¯å˜ã«é€šä¿¡é‡ã®ãƒ ãƒ€ã€‚
ihok 2015/05/04
css

font

web

Webåˆ¶ä½œ

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

CSS3

ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°

Qiita

CSSè¨è¨ˆ
ãƒªãƒ³ã‚¯
CSSãŒç ´ç¶»ã™ã‚‹4ã¤ã®ç†ç”± - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?
ihok 2015/05/02
css

webåˆ¶ä½œ

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

tips

design

webdesign

è¨è¨ˆ

CSSè¨è¨ˆ

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°
ãƒªãƒ³ã‚¯
1