[B! css][Coding] Mukeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Muke id:Muke

cssã¨Codingã«é–¢ã™ã‚‹Mukeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

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

Emmetã€€CSSã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰
Emmetã¯ã€Zen-Codingã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®åå‰ã§ã™ã€‚ Zen-Codingã¯HTMLã®è¨˜è¿°æ–¹æ³•ãŒå–ã‚Šä¸Šã’ã‚‰ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ãŒã€å€‹äººçš„ã«ã¯ã€CSSã®å…¥åŠ›è£œåŠ©ã“ãçœŸä¾¡ãŒç™ºæ®ã•ã‚Œã‚‹ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ç§ã¯ã€Emmetã¾ãŸã¯Zen-CodingãŒãªã‘ã‚Œã°ã€CSSã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã‚’æ‰“ã¤ã®ãŒè‹¦ç—›ãªã»ã©ã§ã™ã€‚ Emmetã‹ã‚‰ã€ã•ã‚‰ã«å¤šãã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«å¯¾å¿œã—ã€æ•°å€¤ã‚‚å«ã‚ã¦å±•é–‹ã§ãã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚CSSã®è¨˜è¿°ãŒã‚ˆã‚Šä½¿ã„ã‚„ã™ããªã£ãŸã®ã§ã€ç´¹ä»‹ã—ã¾ã™ã€‚ Zen-Codingã‹ã‚‰ä½¿ãˆã‚‹ CSSã®å±•é–‹ã¯ã€ã»ã¨ã‚“ã©ã®Zen-Codingã‹ã‚‰ä½¿ãˆã¾ã™ã€‚ Emmetã§ã¯ã•ã‚‰ã«ä½¿ã„ã‚„ã™ããªã‚Šã¾ã—ãŸãŒã€Emmetã¯ç¾åœ¨é–‹ç™ºä¸ã®ãŸã‚ã€ä¸å®‰å®šãªéƒ¨åˆ†ãŒã‚ã‚Šã¾ã™ã€‚ä¸å®‰ãªæ–¹ã¯ã€Zen-Codingã‚’ãŠã™ã™ã‚ã—ã¾ã™ã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã€ã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰ãŒç”¨æ„ã•ã‚Œã¦ãŠã‚Šã€+ã§ã¤ãªã„ã§å±•é–‹(Expand Abbreviation)ã™ã‚‹å½¢
Muke 2012/10/18
zen-coding

Coding

CSS
ãƒªãƒ³ã‚¯
Zen Codingã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ | Zen Coding 3-1 | HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ10å€é€Ÿããªã‚‹Zen Coding
Zen Codingã‚’ä½¿ã£ã¦HTML/CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã™ã‚‹ã«ã¯ã€Zen Codingã‚’å°Žå…¥ã—ãŸç’°å¢ƒã§ãã‚Œãžã‚Œã®HTML/CSSã‚¿ã‚°ã®ã€Œçœç•¥å½¢ã€ï¼ˆAbberiviationï¼‰ã¨ã„ã‚ã‚Œã‚‹ç•¥èªžã‚’å…¥åŠ›ã—ã€ã€Œå±•é–‹ã€ã‚’å®Ÿè¡Œï¼ˆï¼»Expand Abberiviationï¼½ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’é¸æŠžã€ã‚ã‚‹ã„ã¯ ï¼‹ã‚ãƒ¼ã‚’æŠ¼ã™â€»ï¼‰ã—ã¾ã™ã€‚å…¥åŠ›ã—ãŸçœç•¥å½¢ã‚’ã€Œå±•é–‹ã€ï¼ˆExpandï¼‰ã™ã‚‹ã¨ã€çµ±åˆé–‹ç™ºç’°å¢ƒã®ã‚¹ãƒ‹ãƒšãƒƒãƒˆï¼ˆçµ±åˆé–‹ç™ºç’°å¢ƒã‹ã‚‰çŸã„ãƒ—ãƒã‚°ãƒ©ãƒ ã‚³ãƒ¼ãƒ‰ã‚’å‘¼ã³å‡ºã™æ©Ÿèƒ½ï¼‰ã®ã‚ˆã†ã«ã€ä¸€é€£ã®ã‚³ãƒ¼ãƒ‰ãŒç”Ÿæˆã•ã‚Œã‚‹ã—ãã¿ã«ãªã£ã¦ã„ã¾ã™ã€‚ çœç•¥å½¢ã‚’è¦šãˆã‚‹ã®ã¯ãŸã„ã¸ã‚“ã ã¨æ€ã†ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€1ç« ã§è¿°ã¹ãŸã¨ãŠã‚Šã€ã™ã¹ã¦ã‚’è¦šãˆã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚è‡ªåˆ†ãŒã‚ˆãä½¿ã†ã‚¿ã‚°ã®çœç•¥å½¢ã ã‘ã‚’è¦šãˆã‚Œã°ã˜ã‚…ã†ã¶ã‚“ã§ã™ã€‚ ã¾ãŸã€Zen Codingã®çœç•¥å½¢ã¯ã€HTMLã®å ´åˆã¯HTMLã‚¿ã‚°ã®åå‰ã®ã€CSSã®å ´åˆã¯ã‚¹ã‚¿ã‚¤ãƒ«æŒ‡å®šã®ãŸã‚ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£åã®é æ–‡å—ãªã©ã«ãªã£ã¦ã„ã¾
Muke 2011/02/15
Coding

HTML

web

CSS

Zen-Coding
ãƒªãƒ³ã‚¯
WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«å¿…è¦ãª3ã¤ã®åŸºç¤Žã¨æŒã£ã¦ã„ã‚‹ã¨å½¹ç«‹ã¤5ã¤ã®èƒ½åŠ› - ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€‚ ã‚¢ã‚·ã‚¢ãƒ«WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®é´¨ç”°ã§ã™ã€‚ æœ€è¿‘ã¯ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã¨ã—ã¦ã‚‚é ‘å¼µã£ã¦ã„ãŸã‚Šã™ã‚‹ã®ã§ã™ãŒã€ ã‚„ã¯ã‚Šæ ¹æœ¬ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã®ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒæŒã£ã¦ã‚‹ã¨ã€ å½¹ã«ç«‹ã¤ã‚“ã˜ã‚ƒãªã„ã‹ã¨å€‹äººçš„ã«æ€ã†èƒ½åŠ›ã«ã¤ã„ã¦ã€èªžã£ã¦ã¿ã‚ˆã†ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã¯åŸºç¤Žç·¨ã¨ã—ã¦ã€ WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‚’ç›®æŒ‡ã™äººãŒèº«ã«ã¤ã‘ã¦ãŠãã¹ãå¿…é ˆèƒ½åŠ›ã«ã¤ã„ã¦ã§ã™ã€‚ ï¼‘ï¼ŽPhotoshopåŠ› ä½•ã‚’å·®ã—ç½®ã„ã¦ã‚‚ã€ã“ã‚ŒãŒãªã„ã¨å§‹ã¾ã‚Šã¾ã›ã‚“ãã€‚ ã¨ã‚Šã‚ãˆãšã€æ•™å‰‡æœ¬ã‚’èªã‚€ã£ã¦è¨€ã†ã®ã¯ã€ ä½¿ã„æ–¹ã‚’è¦šãˆã‚‹ã®ã«ã¯ã„ã„ã‚“ã§ã™ãŒã€å¤šåˆ†æ“ä½œã ã‘è¦šãˆã¦ã‚‚ã¤ã¾ã‚‰ãªã„ã®ã§ã€ å€‹äººçš„ã«ã¯ã€è‡ªåˆ†ã§å†™çœŸã‚’æ’®ã£ã¦ã€ãã‚Œã‚’åŠ å·¥ã—ã¾ãã‚‹ã€ ã¨ã„ã†ã®ãŒã„ã„ã‚“ã˜ã‚ƒãªã„ã‹ã¨æ€ã£ãŸã‚Šã—ã¾ã™ã€‚ ã¾ã‚ã€Photoshopã¯å…ƒã€…ãƒ•ã‚©ãƒˆãƒ¬ã‚¿ãƒƒãƒã‚½ãƒ•ãƒˆãªã®ã§ã€ ãã®ç‰¹æ€§ã‚’ç”Ÿã‹ã™ã“ã¨ã§å‡ºæ¥ã‚‹ãƒ‡ã‚¶ã‚¤ãƒ³ã‚‚å‡ºã¦ãã‚‹ã¨æ€ã„ã¾ã™ã€‚ å¤§å¦ç”Ÿãã‚‰ã„ã®æ™‚ã«ã“ã†ã„ã†ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’ã¤ãã£ã¦ã€ ãªã‚“ã¡ã‚ƒã£ã¦
Muke 2010/07/23
web

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

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

HTML

CSS

Coding

ååˆº
ãƒªãƒ³ã‚¯
1

ãŠçŸ¥ã‚‰ã›

ã‚‚ã£ã¨èªã‚€

å…¬å¼Twitter

@hatebu
æœ€æ–°ã®äººæ°—ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®é…ä¿¡

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

jæ¬¡ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

kå‰ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lã‚ã¨ã§èªã‚€

eã‚³ãƒ¡ãƒ³ãƒˆä¸€è¦§ã‚’é–‹ã

oãƒšãƒ¼ã‚¸ã‚’é–‹ã

è¨å®šã‚’å¤‰æ›´ã—ã¾ã—ãŸx

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (8)

cssã¨Codingã«é–¢ã™ã‚‹Mukeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬4é€±ï¼‰

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2025å¹´1æœˆ31æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´æ©Ÿèƒ½ã®æä¾›ã‚’ä¸€æ™‚çš„ã«åœæ¢ã—ã¾ã™

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (8)

cssã¨Codingã«é–¢ã™ã‚‹Mukeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

Emmetã€€CSSã‚·ãƒ§ãƒ¼ãƒˆã‚³ãƒ¼ãƒ‰

Zen Codingã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ | Zen Coding 3-1 | HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ10å€é€Ÿããªã‚‹Zen Coding

WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«å¿…è¦ãª3ã¤ã®åŸºç¤Žã¨æŒã£ã¦ã„ã‚‹ã¨å½¹ç«‹ã¤5ã¤ã®èƒ½åŠ› - ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒ­ã‚°

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬4é€±ï¼‰

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2025å¹´1æœˆ31æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´æ©Ÿèƒ½ã®æä¾›ã‚’ä¸€æ™‚çš„ã«åœæ­¢ã—ã¾ã™

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

é–¢é€£ã‚¿ã‚°ã§çµžã‚Šè¾¼ã‚€ (8)

cssã¨Codingã«é–¢ã™ã‚‹Mukeã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (3)

Zen Codingã®åŸºæœ¬çš„ãªä½¿ã„æ–¹ | Zen Coding 3-1 | HTML+CSSã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ãŒ10å€é€Ÿããªã‚‹Zen Coding

WEBãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«å¿…è¦ãª3ã¤ã®åŸºç¤Žã¨æŒã£ã¦ã„ã‚‹ã¨å½¹ç«‹ã¤5ã¤ã®èƒ½åŠ› - ã‚¢ã‚·ã‚¢ãƒ«ãƒ–ãƒã‚°

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2025å¹´1æœˆç¬¬4é€±ï¼‰

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã®è¨ˆç”»ãƒ¡ãƒ³ãƒ†ãƒŠãƒ³ã‚¹ã®ãŠçŸ¥ã‚‰ã›ï¼ˆ2025å¹´1æœˆ31æ—¥(é‡‘) æ·±å¤œ1:30ã€œ3:00ï¼‰

ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã—ãŸã‚¨ãƒ³ãƒˆãƒªãƒ¼ã®ã‚¿ã‚¤ãƒˆãƒ«å¤‰æ›´æ©Ÿèƒ½ã®æä¾›ã‚’ä¸€æ™‚çš„ã«åœæ¢ã—ã¾ã™

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹