Flexboxを使ã£ãŸ2カラム・3カラム・マルãƒãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã®åŸºæœ¬ã¨å¿œç”¨2015å¹´8月17æ—¥ CSS 以å‰ã€Œã“ã‚Œã‹ã‚‰ã®CSSレイアウトã¯Flexboxã§æ±ºã¾ã‚Šï¼ã€ã¨ã„ã†è¨˜äº‹ã§ç´¹ä»‹ã—ãŸã€CSSã§ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆçµ„ã¿ã«å¤§æ´»èºã§ãã‚‹Flexbox。å‰å›žã¯åŸºæœ¬çš„ãªä½¿ã„æ–¹ã®ç´¹ä»‹ã‚’ã—ãŸã®ã§ã€ä»Šå›žã¯ã‚ˆã‚Šå®Ÿè·µçš„ã«ä½¿ãˆã‚‹å®Ÿä¾‹ã‚’紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ï¼ ↑ç§ãŒ10年以上利用ã—ã¦ã„ã‚‹ä¼šè¨ˆã‚½ãƒ•ãƒˆï¼ Flexbox対応ブラウザー å‰è¿°ã®è¨˜äº‹ã®é€šã‚Šã€ç¾è¡Œã®ãƒ¢ãƒ€ãƒ³ãƒ–ラウザーã§ã¯å•é¡Œãªã利用ã§ãã¾ã™ã€‚ãŸã ã—ã€Safari用㫠-webkit- ã®ãƒ™ãƒ³ãƒ€ãƒ¼ãƒ—レフィックスãŒå¿…è¦ã§ã™ã€‚IEã«ã¤ã„ã¦ã¯11ã‹ã‚‰æ£å¼ã«å¯¾å¿œã€‚ ãã—ã¦ãŠãªã˜ã¿ã®æ—¥æœ¬ã§ã®ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚·ã‚§ã‚¢æƒ…å ±ã€‚2015å¹´7月ã§ã¯IE11ãŒ32.86%ã§ãƒˆãƒƒãƒ—ã§ã™ã€‚Flexboxã«å¯¾å¿œã—ã¦ã„ãªã„IE9ã¯3.17%。制作ã™ã‚‹ã‚µã‚¤ãƒˆã«å¿œã˜ã¦Flexboxã‚’å–り入れるã‹æ¤œè¨Žã—ã¾ã—ょã†ã€‚ 一番基本的ãªWebサイトã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã§ã‚ã‚‹ã€2カラム。ã¾ãšã¯ã“ã®ãƒ¬ã‚¤ã‚¢
WEB制作ã«å½¹ç«‹ã¤ã‚¸ã‚§ãƒãƒ¬ãƒ¼ã‚¿ãƒ¼ã®æ•°ã€…ï¼ãƒ„ールã¾ã¨ã‚サイトå«ã‚最近ã®ãŠå‹§ã‚を一挙ã”ç´¹ä»‹ï¼ | ãƒãƒ³ã‚¯ãƒ¼ãƒãƒ¼ã®ã†ã‡ã¶å±‹
ãã®ãƒ™ãƒ³ãƒ€ãƒ¼æŽ¥é 辞ã¯ã„ã¤ã¾ã§æ›¸ãã®ï¼Ÿ
-webkit-border-radius ãªã‚“ã¦æ›¸ã„ã¦ã„ã‚‹Web開発者ã¯è…¹ã‚’切ã£ã¦æ»ã¬ã¹ãã§ã‚ã‚‹ - hogehoge @teramako
can I use... Support tables for HTML5, CSS3, etc
HTML5+CSS3ã®å°Žå…¥æ™‚ã«å½¹ç«‹ã¤7ã¤ã®è¨å®š
IE6〜8ã§CSS3セレクタ利用「Selectivizrã€
CSS3ãŒéžå¯¾å¿œãªãƒ–ラウザã§ã‚‚利用ã§ãるよã†ã«ã™ã‚‹ãƒ„ールã®ã¾ã¨ã‚
jsdo.it
IE6〜IE8ã‚’CSS3ã«å¯¾å¿œã•ã›ã‚‹ã‚¹ã‚¯ãƒªãƒ—ト「Kick-ass CSS3 Support in IE6, 7, and 8ã€
[CSS]実例ã‹ã‚‰å¦ã¶CSS3ã®åŠ¹æžœçš„ãªä½¿ã„æ–¹
http://www.designwalker.com/2010/05/css3.html
{{#tags}}- {{label}}
{{/tags}}