マークアップ効率化 - zen-codingã§ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’å€é€Ÿã«HTMLã®è¨˜æ³•ã«ã¤ã„㦠基本的ã«ã¯ã€Œdivã€ã®æ§˜ã«è¦ç´ ã‚’çœç•¥ã›ãšã«è¨˜è¿°ã—ã¦ã€ãれを展開ã™ã‚‹ã¨ã€Œ<div></div>ã€ã¨ã„ã†å½¢ã«å±•é–‹ã•ã‚Œã¾ã™ã€‚ ã“ã®ã¨ãã«å±•é–‹ã§ãã‚‹è¦ç´ ã¯ä»¥ä¸‹ã®å…¬å¼ãƒ‰ã‚ュメントã«æ˜Žè¨˜ã•ã‚Œã¦ã„ã¾ã™ã®ã§ãã¡ã‚‰ã‚’見るã¨ã‚ˆã„ã§ã™ã€‚ Zen HTML Elements Zen HTML Selectors Zen CheatSheets 基本的ãªè¨˜æ³• ã²ã¨ã¤ãšã¤é †ç•ªã«è¨˜è¿°ã—ã¦èª¬æ˜Žã—ã¦ã„ãã¾ã™ã€‚ã—ã°ã‚‰ãåˆæ©çš„ãªèª¬æ˜Žã«ãªã‚‹ã®ã§ã‚る程度知ã£ã¦ã„ã‚‹æ–¹ã¯é£›ã°ã—ã¦ã„ãŸã ã„ã¦è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ ã¾ãšã‚‚ã®ã™ã”ã基本的ãªè¨˜æ³•ã§ã‚ã‚‹ã€å˜ç‹¬ã‚¿ã‚°ã®è¨˜æ³•ã«ã¤ã„ã¦èª¬æ˜Žã‚’è¡Œã„ã¾ã™ã€‚ cssã®ã‚»ãƒ¬ã‚¯ã‚¿ã‚’イメージã—ãªãŒã‚‰è¦‹ã¦ã„ãã¨ç´å¾—ã—ã‚„ã™ã„ã¨æ€ã„ã¾ã™ã€‚ ã‚¿ã‚°ã ã‘å¤‰æ› å¤‰æ›å‰ div 変æ›å¾Œ <div></div> デモ 文末ã§tabを押ã—ã¦ãã ã•ã„ div 変æ›å¾Œã€divè¦ç´ ã®é–“ã«ã‚«ãƒ¼ã‚½ãƒ«ãŒç§»å‹•ã™ã‚‹ã®ã§ã€ã™ãã«ãƒ†ã‚
@IT 㧠Zen-Coding ã«ã¤ã„ã¦æ›¸ãã¾ã—㟠- techlog
ç°¡å˜ãªå…¥åŠ›ã™ã‚‹ã ã‘ã§HTMLタグを生æˆã—ã¦ãれるZenCoding | Happy My Life
Bridge Word
{{#tags}}- {{label}}
{{/tags}}