本物ã®ãƒªã‚ッドレイアウト - 補足：Hatena::agendaHatena::agenda - 本物ã®ãƒªã‚ッドレイアウトã®ç¶šã。 リã‚ッドãªãƒžãƒ«ãƒã‚«ãƒ©ãƒ ã®å®Ÿä¾‹ Hatena::agendaã¯å®Ÿé¨“å ´ã§ã¯ãªã„ã‘ã‚Œã©ã‚‚ã€CSS3 Columns - MDCã§ç´¹ä»‹ã•ã‚Œã¦ã„ã‚‹mozilla独自拡張プãƒãƒ‘ティを使用ã—ã¦ãƒªã‚ッドマルãƒã‚«ãƒ©ãƒ ã«ã—ã¦ã¿ãŸã€‚デメリットもã‹ãªã‚Šã‚ã£ã¦ã¾ã 改善ã®ä½™åœ°ãŒã‚ã‚Šä½™ã£ã¦ã„ã‚‹ã‚‚ã®ã®ã€å ´åˆã«ã‚ˆã£ã¦ã¯ä½Žè§£åƒåº¦ã‹ã‚‰é«˜è§£åƒåº¦ã¾ã§ã€ã‚·ãƒ³ã‚°ãƒ«ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã‹ã‚‰ä¸¦è¡Œé–²è¦§ã¾ã§æ‰‹åºƒãã‚«ãƒãƒ¼ã§ãる。 ã“ã®ãƒ—ãƒãƒ‘ティを実装ã—ã¦ã„ãªã„ブラウザå‘ã‘ã«ã€ä¸€å¿œã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚·ãƒ§ãƒƒãƒˆã‚’用æ„ã—ã¦ã¿ãŸã€‚ å¹…ãŒå°ã•ã„ã¨1カラム（約50kb） ã‚る程度広ã’ã‚‹ã¨2カラム（約90kb） 充分広ã’ã‚‹ã¨3カラム（約110kb） 念を押ã—ã¦ãŠããŒã€-moz-ã§å§‹ã¾ã‚‹ç‹¬è‡ªæ‹¡å¼µãƒ—ãƒãƒ‘ティã¯ã€æ£ã—ã使ãˆã°å•é¡Œãªã„。ã“ã‚Œã¯CSS validatorを通らãªã„。ã—ã‹ã—CSS実装ã¯ã€ä¸æ˜Žãªãƒ—ãƒãƒ‘ティã¯ç„¡
youmos.com
42個ã®ãƒ•ãƒªãƒ¼CSSレイアウト-サンプル集「Free Faux Column CSS Layoutsã€:phpspot開発日誌
{{#tags}}- {{label}}
{{/tags}}