CSS3ã§è¿½åŠ ã•ã‚ŒãŸæ–°æ©Ÿèƒ½ä¸€è¦§ã¨å¿œç”¨ã‚µãƒ³ãƒ—ル | サイブリッジラボブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã¾ã“ã£ã¡ã‚ƒã‚“ã§ã™ã€‚ 最近HTML5・CSS3を使ã£ãŸã‚µã‚¤ãƒˆãŒå¤šããªã£ã¦ãã¾ã—ãŸã。 今回ã¯åŸºæœ¬ã§ã‚ã‚‹CSS3ã®è¿½åŠ 機能を一覧ã€å¿œç”¨ã‚µãƒ³ãƒ—ルを5ã¤ã”紹介ã„ãŸã—ã¾ã™ã€‚ CSS3ã§åŠ ã‚ã£ãŸ10個ã®ãƒ—ãƒãƒ‘ティ 機能 記述例 æ„味 IE9 Firefox5 Safari5 Chrome12
メディアクエリー
ã“ã®æ–‡æ›¸ã¯ã€ŒMedia Queries (W3C Recommendation 19 June 2012)ã€ã®æ—¥æœ¬èªžè¨³ã§ã‚る。日本語訳ã¯å‚è€ƒæƒ…å ±ã§ã‚ã‚Šã€å…¬å¼ãªæ–‡æ›¸ã§ã¯ãªã„。ã¾ãŸã€ç¿»è¨³ã«èª¤ã‚ŠãŒã‚ã‚‹å¯èƒ½æ€§ã«ã‚‚注æ„ã•ã‚ŒãŸã„。 原文ã®æœ€æ–°ç‰ˆ ã¯ã€ã“ã®æ—¥æœ¬èªžè¨³ãŒå‚ç…§ã—ãŸç‰ˆã‹ã‚‰æ›´æ–°ã•ã‚ŒãŸå¯èƒ½æ€§ãŒã‚る。他ã®ä»•æ§˜ã®è¨³ã«ã¤ã„ã¦ã¯ Web 標準仕様 日本語訳一覧 ã‚’å‚ç…§ã•ã‚ŒãŸã„。 公開日: 2012-06-29 翻訳者: 矢倉 眞隆 <yakura-masataka@mitsue.co.jp> メディアクエリー 2012 å¹´ 6 月 19 日付 W3C 勧告 (Recommendation) ã“ã®ç‰ˆ: http://www.w3.org/TR/2012/REC-css3-mediaqueries-20120619/ 最新版: http://www.w3.org/TR/css3-mediaqueries/ 最新
絶対見ã¦ãŠããŸã„有åä¼æ¥ã®ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã¾ã¨ã‚ (1/5)
ã“ã®è¨˜äº‹ã§å–り上ã’ã¦ã„るスマートフォンサイトã®ã€ŒBEFORE & AFTERã€ã‚’以下ã®è¨˜äº‹ã§ç´¹ä»‹ã—ã¦ã„ã¾ã™ã€‚åˆã‚ã›ã¦ã”覧ãã ã•ã„。 日本ã®ã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆã¯2å¹´é–“ã§ã“ã‚“ãªã«å¤‰ã‚ã£ãŸ iPhoneã€Androidã®æ™®åŠã‚’背景ã«ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ãƒ–ラウザーå‘ã‘ã«ã‚³ãƒ³ãƒ†ãƒ³ãƒ„や表示を最é©åŒ–ã—ãŸã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã€ï¼ˆã‚¹ãƒžãƒ›ã‚µã‚¤ãƒˆï¼‰ã‚’é–‹è¨ã™ã‚‹ä¼æ¥ãŒå¢—ãˆã¦ã„る。当åˆã¯iPhone（iOS）ã®æ¨™æº–UIã«å€£ã£ãŸç”»ä¸€çš„ãªãƒ‡ã‚¶ã‚¤ãƒ³ãŒå¤šã‹ã£ãŸãŒã€æœ€è¿‘ã§ã¯ç‹¬ç‰¹ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚„斬新ãªè‰²ä½¿ã„ã®å€‹æ€§çš„ãªã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã‚‚増ãˆã¦ããŸã€‚ ã“ã“ã§ã¯ã€Web制作者ãŒè¦‹ã¦ãŠããŸã„スマートフォンサイトを紹介ã™ã‚‹ã€‚実務ã§å‚考ã«ã§ãるよã†ã«ã€å¯¾è±¡ã‚’日本語ã®ä¼æ¥ã‚µã‚¤ãƒˆã«çµžã‚Šã€æ¥ç¨®åˆ¥ã«åˆ†é¡žã—ã¦ã¾ã¨ã‚ãŸã€‚スマートフォンサイトã®åˆ¶ä½œã«å…¥ã‚‹å‰ã«ãƒã‚§ãƒƒã‚¯ã—ã¦ãŠã“ã†ã€‚
CSS HappyLife ZERO
CSS HappyLife ZEROã¯ã€ä¸»ã«CSSåˆå¿ƒè€…・ä¸ç´šè€…ã®æ–¹ã‚’対象ã«ã—ãŸCSSã«é–¢ã™ã‚‹ã‚¢ãƒ¬ã‚³ãƒ¬ãŒã¤ã¾ã£ãŸã‚µã‚¤ãƒˆã§ã™ã€‚ プãƒãƒ‘ティやセレクタãªã©ã®ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«åŠ ãˆã€å®Ÿè·µçš„ãªãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆè¬›åº§ã‚„Tips・コラムãªã©ã€ãã‚Œã¨CSS3ã«é–¢ã—ã¦ã‚‚ã¡ã‚‡ã“ã¡ã‚‡ã“書ã„ã¦ã¾ã™ã€‚ 詳ã—ã„説明やã€åˆã‚ã¦è¨ªã‚ŒãŸæ–¹ã¯ã€Œã‚µã‚¤ãƒˆèª¬æ˜Žã€ã‚’èªã‚“ã§é ‚ã‘ã‚Œã°ã¨æ€ã„ã¾ã™ã€‚
ウェブã®æœ€æ–°æŠ€è¡“ãŒé…ã›ã‚‹ã€ŒFirefoxã®ç¯ã€ä¸€è¦§
CodeZine編集部ã§ã¯ã€ç¾å ´ã§æ´»èºã™ã‚‹ãƒ‡ãƒ™ãƒãƒƒãƒ‘ーをスターã«ã™ã‚‹ãŸã‚ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€ŒDevelopers Summitã€ã‚„ã€ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®ç”Ÿãã–ã¾ã‚’ブーストã™ã‚‹ãŸã‚ã®ã‚¤ãƒ™ãƒ³ãƒˆã€ŒDevelopers Boostã€ãªã©ã€ã•ã¾ã–ã¾ãªã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã‚’ä¼ç”»ãƒ»é‹å–¶ã—ã¦ã„ã¾ã™ã€‚
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
CSS最é©åŒ–オンラインツールã®æ€§èƒ½æ¯”較 (2) | ゆã£ãã‚Šã¨â€¦
Discover — Art & Design Inspiration at ColRD.com
{{#tags}}- {{label}}
{{/tags}}