複雑ãªWebサイトデザインを容易ã«å®Ÿç¾ã™ã‚‹ãƒ†ãƒ³ãƒ—レート·YAML MOONGIFTãªãœãƒ‡ã‚¶ã‚¤ãƒ³ã¨YAMLãŒé–¢ä¿‚ã™ã‚‹ã®ã ã‚ã†ã¨æ€ã£ãŸãŒã€ã“ã“ã§ã¯ã€ŒYet Another Multicolumn Layoutã€ã®ç•¥ã‚‰ã—ã„。ã¤ã¾ã‚Šãƒžãƒ«ãƒã‚«ãƒ©ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’容易ã«å®Ÿç¾ã™ã‚‹ãŸã‚ã®CSSテンプレートã¨ã„ã†ã“ã¨ã 。 æ•´ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³ãŒç°¡å˜ã«æ‰‹ã«å…¥ã‚‹ã®ã¯ã™ã°ã‚‰ã—ã„ï¼ Webプãƒã‚°ãƒ©ãƒžã®ä¸€ç•ªã®æ‚©ã¿ã©ã“ã‚ãŒãƒ‡ã‚¶ã‚¤ãƒ³ã 。特ã«CSSを使ã£ã¦ãƒžãƒ«ãƒã‚«ãƒ©ãƒ や入れåã«ãªã£ã¦ã„るデザインã¯é›£ã—ã„。高ã•ã‚’ãã‚ãˆãŸã‚Šã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‚’横並ã³ã«ã—ã¤ã¤ã€æ¬¡ã®è¦ç´ ã§ã¯é•ã†è¡¨ç¤ºãªã©ã€è¤‡é›‘ã«ãªã‚Œã°ãªã‚‹ã»ã©æ”¾æ£„ã—ãŸããªã£ã¦ãる。ãã‚ŒãŒFirefox/IE/Safariãªã©ã®ãƒ–ラウザã«ã‚‚対応ã™ã‚‹ã¨ãªã‚Œã°å°šæ›´ã 。ãã“ã§ç™»å ´ã™ã‚‹ã®ãŒYAMLã 。 今回紹介ã™ã‚‹ãƒ•ãƒªãƒ¼ã‚¦ã‚§ã‚¢ã¯YAMLã€è¤‡é›‘ãªãƒžãƒ«ãƒã‚«ãƒ©ãƒ デザインテンプレートã 。 YAMLã§ã¯å¤šæ•°ã®ã‚µãƒ³ãƒ—ルãŒç”¨æ„ã•ã‚Œã¦ã„る。å˜ç´”ãª2ã¾ãŸã¯3カラムを基本ã¨ã—ã¦ã€ã‚°ãƒªãƒƒãƒ‰åŒ–ã•ã‚Œã¦ãƒšãƒ¼ã‚¸ã®å¹…ã«å¿œ
第29回　入力エレメントãŒå¤šã„フォームã¯ã©ã†ã™ã‚‹ã®ã‹ï¼šITpro
XHTML+CSSã§ä½œæˆã™ã‚‹10ã®ç†ç”±-CSS TIPS
{{#tags}}- {{label}}
{{/tags}}